/* * 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; } .com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} /* 1.9.0 */ #stacks_in_685 * { box-sizing: border-box; } #stacks_in_685 *:focus {outline:none;} .searchingstacks_in_685 .stacks_top, .searchingstacks_in_685 .stacks_in, .searchingstacks_in_685 .stacks_out { overflow: visible; } #stacks_in_685 .jQueryNote { background: rgba(0,0,0,0.3); color: #fff; padding: 20px; } .stacks_in_685_pages { display: none;} #stacks_in_685_tipue_search_input, .live-search-input { font-size: 16px; width: 100%; height: 30px; line-height: 28px; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; border-style: solid; border-width: 1px; border-color: rgba(0,0,0,0.3); background-color: #fff; padding: 0px 15px 0px 15px;/* leaving room for search icon */ position: relative; z-index: 9998; } #stacks_in_685_tipue_search_content, .live-search-content { display: none; padding: 20px; min-height: 80px; position: absolute; margin: 20px 0px; z-index: 9997; width: 100%; box-sizing: border-box; } #stacks_in_685_tipue_search_input, .live-search-input { padding: 0px 15px 0px 35px; } #stacks_in_685 form > svg, .live-search-form > svg { width: 14px; height: 30px; fill: #999; position: absolute; left: 18px; text-align: right; top: 0px; z-index: 9999; } /**/ #stacks_in_685 form > svg, .live-search-form > svg { width: 16px; width: calc(16px - 2px); left: calc(34px - 16px); fill: #888888; } #stacks_in_685 form .live-search-submit { position: absolute; z-index: 9999; right: 0px; top: 0px; font-size: 16px; line-height: 30px; padding: 0px 12px; margin: 0; font-family: inherit; border-radius: 0 4px 4px 0; border-width: 0; background: #3795CF; color: #FFFFFF; /**/ display: none; /**/ } #stacks_in_685 form .live-search-submit:hover { background: #46A4DE; color: #FFFFFF; } #stacks_in_685 form .live-search-submit:active { background: #2886C0; color: #F0F0F0; } #stacks_in_685_tipue_search_input, .live-search-input { font-size: 16px; font-family: inherit; border-radius: 4px; border-color: #CCCCCC; color: #888888; background-color: #FFFFFF; } #stacks_in_685 ::-webkit-input-placeholder, .live-search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #888888; } #stacks_in_685 :-moz-placeholder, .live-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888; opacity: 1; } #stacks_in_685 ::-moz-placeholder, .live-search-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888; opacity: 1; } #stacks_in_685 :-ms-input-placeholder, .live-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888888; } #stacks_in_685 :placeholder-shown, .live-search-input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #888888; } /**/ /**/ /**/ /**/ #stacks_in_685_tipue_search_content, .live-search-content { background: #fff; border-radius: 4px; box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.3); border-top: 1px solid rgba(0,0,0,0.25); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); transition: all 150ms linear; opacity: 0; } .searchingstacks_in_685 #stacks_in_685_tipue_search_content, .searchingstacks_in_685.live-search-content { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); transition: all 150ms linear; opacity: 1; } #stacks_in_685_tipue_search_content:after, .live-search-content:after { content: " "; position: absolute; top: -10px; left: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #stacks_in_685_tipue_search_content:before, .live-search-content:before { content: " "; position: absolute; top: -11px; left: 14px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid rgba(0,0,0,0.3); } /**/ /**/ /**/ /**/ /**/ #stacks_in_685_tipue_search_content, .live-search-content { box-shadow: 0px 0px 0px 1000px rgba(0,0,0,0.3); } /**/ /**/ /**/ /**/ /* Tipue Search 5.0 Copyright (c) 2015 Tipue Tipue Search is released under the MIT License http://www.tipue.com/search */ #stacks_in_685_tipue_search_content .h01, mark, .live-search-content .h01 { background: yellow; } .searchingstacks_in_685 #stacks_in_685_tipue_search_content, .searchingstacks_in_685.live-search-content { display: block !important; } #stacks_in_685_tipue_search_warning { margin: 7px 0; display: none; } .showWarning #stacks_in_685_tipue_search_warning { display: block; } .tipue_search_content_title { margin-top: 23px; } .tipue_search_content_title a { text-decoration: none; } .tipue_search_content_title a:hover { } .tipue_search_content_url{ word-wrap: break-word; hyphens: auto; } .tipue_search_content_url a{ text-decoration: none; } .tipue_search_content_url a:hover{ } .tipue_search_content_text{ word-wrap: break-word; hyphens: auto; margin-top: 3px; } .tipue_search_content_debug{ margin: 5px 0; } .h01{ font-weight: 400; } #stacks_in_685_tipue_search_foot{ margin: 51px 0 21px 0; } #stacks_in_685_tipue_search_foot_boxes{ padding: 0; margin: 0; } #stacks_in_685_tipue_search_foot_boxes li { list-style: none; margin: 0; padding: 0; display: inline; cursor:pointer; } #stacks_in_685_tipue_search_foot_boxes li a{ padding: 10px 17px 11px 17px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-decoration: none; text-align: center; } #stacks_in_685_tipue_search_foot_boxes li.current{ padding: 10px 17px 11px 17px; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 1px; color: #333; margin-right: 7px; text-align: center; } #stacks_in_685_tipue_search_foot_boxes li a:hover{ background: #f6f6f6; } /* spinner */ .tipue_search_spinner svg polyline, .tipue_search_spinner svg path { stroke: #555555; } .tipue_search_spinner { width: 110px; position: absolute; color: #555555; top: 0px; right: 0px; left: auto; display: grid; text-align: right; grid-template-columns: 30px 1fr; justify-content: space-between; } .tipue_search_spinner .ts-count-wrap { padding: 20px 20px 20px 0px; } .tipue_search_spinner svg { align-self: center; height: 30px; width: 30px; padding: 0px; animation-name: ts-spin; animation-duration: 3000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes ts-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } #stacks_in_685_tipue_search_content .tipue_search_content_url, .live-search-content .tipue_search_content_url { margin-top: 3px; } #stacks_in_685_tipue_search_content .tipue_search_content_text, .live-search-content .tipue_search_content_text { margin-top: 8px; } /**/ #stacks_in_685_tipue_search_content, .live-search-content { color: #555555; background-color: #FFFFFF; font-family: inherit; } #stacks_in_685_tipue_search_content:after, .live-search-content:after { border-color: transparent transparent #FFFFFF transparent; } #stacks_in_685_tipue_search_content .tipue_search_content_title a, .live-search-content .tipue_search_content_title a { color: #3795CF; font-size: 18px; font-weight: 400; line-height: 18px; font-family: inherit; } #stacks_in_685_tipue_search_content .tipue_search_content_title a:hover, .live-search-content .tipue_search_content_title a:hover { color: #67C5FF; } #stacks_in_685_tipue_search_content .tipue_search_content_url, .live-search-content .tipue_search_content_url { font-size: 14px; font-weight: 400; line-height: 14px; } #stacks_in_685_tipue_search_content .tipue_search_content_url a, .live-search-content .tipue_search_content_url a { color: #3795CF; } #stacks_in_685_tipue_search_content .tipue_search_content_url a:hover, .live-search-content .tipue_search_content_url a:hover { color: #67C5FF; } #stacks_in_685_tipue_search_content .tipue_search_content_text, .live-search-content .tipue_search_content_text { font-size: 14px; font-weight: 400; line-height: 18px; } .tipue_search_content_debug{ } #stacks_in_685_tipue_search_content .h01, .live-search-content .h01 { background: #FFFF00; } #stacks_in_685_tipue_search_foot_boxes li a { background-color: #FFFFFF; border: 1px solid rgba(0,0,0,0.15); border-radius: 1px; color: #555555; } #stacks_in_685_tipue_search_foot_boxes li.current{ background: #FFFFFF; border: 1px solid rgba(0,0,0,0.3); border-radius: 1px; color: #3795CF; } #stacks_in_685_tipue_search_foot_boxes li a:hover{ background: rgba(0,0,0,0.05); } #stacks_in_685_tipue_search_warning a{ } #stacks_in_685_tipue_search_warning a:hover{ } #stacks_in_685_tipue_search_results_count{ } /**/ @-webkit-keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes stretchdelay{ from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media all and (max-width: 1280px) { .menu-loaded.menu-active main { padding-left: 80px; } .sidebar-mobile-active.menu-loaded main { padding-left: 80px; } } #stacks_in_685 .additional-pages, #stacks_in_685 .excluded-pages { display: none; } #stacks_in_685 { margin: 12px; padding: 10px; } #stacks_out_685 { width: 360px; } #slice_mez_688 { padding: 2px !important; margin: 4px !important; display: inline-block !important; width: 50% !important; box-sizing: border-box !important; border: 1px solid rgba(0,0,0,0.2); background: transparent !important; } #slice_mez_688.selected { border-color: #2680fc !important; } #slice_mez_688 .stacks-button-DB.info { right: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_688 .stacks-button-DB.close { left: 0px !important; top: -14px !important; z-index: 1; } #slice_mez_688 > div:nth-child(2) { display: none !important; } #slice_mez_688.hidden > #stacks_in_688 { opacity: 1; height: 0px; min-height: 0px; overflow: hidden; } /* 1.1.1 - hotfix for bug introduced by the last update. Could cause an error if multiple shortcodes were used in a single text area. */ /* OUTER STYLES */ #stacks_in_1956.configure-wrap, #stacks_in_1956.configure-wrap * { box-sizing: border-box; } #stacks_in_1956.configure-wrap { /* Background */ /* Border & Shadow */ /* Layout */ } #stacks_in_1956.configure-wrap > div { } /* CUSTOM STYLES */ #stacks_in_1956 .configure-inner-wrap > .configure-checkbox { height: auto; } #stacks_in_1956 .ccs-check-graphic:after { left: 50%; top: calc(50% - 1px); width: 20%; transform: translate(-50%,-50%) rotate(45deg); height: 40%; border: solid white; border-width: 0 3px 3px 0; } #stacks_in_1956 .configure-inner-wrap, #stacks_in_1956 .configure-inner-wrap span, #stacks_in_1956 .configure-inner-wrap > label output, #stacks_in_1956 .configure-inner-wrap input, #stacks_in_1956 .configure-inner-wrap select { font-family: inherit; font-weight: 400; } #stacks_in_1956 .configure-input textarea, #stacks_in_1956 .configure-input input, #stacks_in_1956 .configure-input select, #stacks_in_1956 .configure-input output, #stacks_in_1956 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_1956 .configure-group-wrap label:not(.stacks-label), #stacks_in_1956 .ccs-checkbox-text, #stacks_in_1956 .configure-math { color: rgba(0, 0, 0, 0.70); } #stacks_in_1956 .configure-input .prefix, #stacks_in_1956 .configure-input .postfix { color: rgba(0, 0, 0, 0.50); } #stacks_in_1956 .configure-input .select-icon svg { stroke: rgba(0, 0, 0, 0.50); } #stacks_in_1956 .configure-inner-wrap > .configure-subtitle { color: rgba(0, 0, 0, 0.30); } #stacks_in_1956 .configure-inner-wrap > label output, #stacks_in_1956 .configure-inner-wrap > label:not(.configure-checkbox) { color: rgba(0, 0, 0, 0.70); margin: 16px 0 8px 0; font-weight: 600; } #stacks_in_1956 .configure-input textarea, #stacks_in_1956 .configure-input input, #stacks_in_1956 .configure-input select, #stacks_in_1956 .configure-input output, #stacks_in_1956 .ccs-checkbox-text { font-size: 16px; line-height: 16px; } #stacks_in_1956 .configure-input textarea, #stacks_in_1956 .configure-input input[data-type="text"], #stacks_in_1956 .configure-input select { line-height: 24px; } #stacks_in_1956 .quantity-button { margin: 0; border-width: 0; padding: 0; width: 24px; height: 24px; font-size: 14px; line-height: 14px; } #stacks_in_1956 .ccs-check-graphic { width: 24px; height: 24px; } #stacks_in_1956 .configure-input .prefix, #stacks_in_1956 .configure-input .postfix { font-size: 16px; line-height: 16px; } #stacks_in_1956 .configure-inner-wrap > label:not(.configure-checkbox) { font-size: 16px; line-height: 16px; } #stacks_in_1956 .configure-inner-wrap > .configure-subtitle { font-size: 12px; line-height: 120%; } #stacks_in_1956.configure-wrap .select-icon { width: 16px; height: 16px; } #stacks_in_1956 .configure-number { padding: 6.000000px 6.000000px 6.000000px 14px; } #stacks_in_1956 .configure-select { padding: 10.000000px 6.000000px 10.000000px 14px; } #stacks_in_1956 .configure-text { padding: 6.000000px 14px; } #stacks_in_1956 .is-narrow .quantity-nav { height: calc(100% + 6.000000px + 6.000000px - 2px); display: grid; grid-gap: 0px; grid-template-columns: 1fr; margin-right: calc(-6.000000px + 1px); } #stacks_in_1956 .is-narrow .quantity-nav .quantity-button { height: 100%; width: 18px; line-height: 10px; } #stacks_in_1956 .is-narrow .quantity-nav .quantity-up { grid-row: 1; border-radius: 0 3px 0 0; } #stacks_in_1956 .is-narrow .quantity-nav .quantity-down { border-radius: 0 0 3px 0; box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); } #stacks_in_1956 .is-narrow .configure-number { padding: 6.000000px; } #stacks_in_1956 .configure-inner-wrap > .configure-checkbox { grid-gap: 8.000000px; } #stacks_in_1956 .configure-select > select { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0 0 0 14px; cursor: pointer; z-index: 2; } #stacks_in_1956 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_1956 .ccs-check-graphic { background: rgba(255, 255, 255, 1.00); } /* GROUP */ #stacks_in_1956 .configure-group-wrap label { border: 1px solid rgba(0, 0, 0, 0.20); overflow: hidden; } #stacks_in_1956 .configure-input-wrap > .configure-input-design { border: 1px solid rgba(0, 0, 0, 0.20); background: rgba(255, 255, 255, 1.00); } #stacks_in_1956 .configure-group-wrap input:not(:checked) + label:hover:before, #stacks_in_1956 .configure-checkbox:hover input:not(:checked) + .ccs-check-graphic:before, #stacks_in_1956.configure-wrap .configure-input-design.configure-focused:before { border-radius: 3px; } /* RANGE */ #stacks_in_1956 .configure-range .fill-to { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_1956 .configure-range .fill-to-bar { background: rgba(60, 100, 250, 1.00); } #stacks_in_1956 .configure-tick-wrap > div { background: rgba(0, 0, 0, 0.15); } #stacks_in_1956.configure-wrap input[type=range]::-webkit-slider-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_1956.configure-wrap input[type=range]::-moz-range-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_1956 .configure-range .fill-to { background: rgba(0, 0, 0, 0.05); } /* CHECKBOX */ #stacks_in_1956 .ccs-checkbox-text { color: rgba(0, 0, 0, 0.70); } #stacks_in_1956 .ccs-check-graphic { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_1956 .configure-checkbox input:checked + .ccs-check-graphic { background-color: rgba(60, 100, 250, 1.00); border: 1px solid rgba(60, 100, 250, 1.00); } /* NUMBER */ #stacks_in_1956 .configure-number .configure-input-formatting input[type="number"] { color: transparent; } #stacks_in_1956 .configure-number .configure-input-formatting input[type="number"]:focus { color: rgba(0, 0, 0, 0.70); } /* #stacks_in_1956 .quantity-nav { padding: 7px 8px 0 0; } */ #stacks_in_1956 .quantity-button { color: rgba(0, 0, 0, 0.70); background: rgba(0, 0, 0, 0.10); } #stacks_in_1956 .quantity-button.quantity-up:before { content: "+"; color: rgba(0, 0, 0, 0.70); } #stacks_in_1956 .quantity-button.quantity-down:before { content: "-"; color: rgba(0, 0, 0, 0.70); } #stacks_in_1956 .configure-group-wrap label * { pointer-events: none; } #stacks_in_1956 .configure-group-wrap, #stacks_in_1956 .configure-group-wrap > div[tag="node"] { display: grid; grid-gap: 8px; align-items: stretch; } #stacks_in_1956 .configure-group-wrap > div[tag="node"] { padding-bottom: 48px; } #stacks_in_1956 .configure-group-wrap > div[tag="node"] > div { margin: 0; } #stacks_in_1956 .configure-group-wrap > div[tag="node"] > div[type="add"] { position: absolute !important; bottom: 0; left: 50%; transform: translateX(-50%); } #stacks_in_1956 .configure-group-wrap div { position: relative; } #stacks_in_1956 .configure-group-wrap input { position: absolute; opacity: 0; top: 0; left: 0; z-index: 0; } #stacks_in_1956 .configure-group-wrap label, #stacks_in_1956 .configure-group-wrap input:checked + label:after, #stacks_in_1956 .configure-input-wrap > .configure-input-design, #stacks_in_1956 .configure-group-wrap input + label:before, #stacks_in_1956 .configure-checkbox input + .ccs-check-graphic:before, #stacks_in_1956.configure-wrap .configure-input-design:before, #stacks_in_1956 .ccs-check-graphic { border-radius: 4px; } #stacks_in_1956 .quantity-button, #stacks_in_1956 .quantity-button:active:after { border-radius: 2.000000px; } #wrap_stacks_in_1957 .prefix { margin-right: 0; } #wrap_stacks_in_1957 .postfix { margin-left: 0; } #wrap_stacks_in_1957 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_1957 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_1957 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_1957 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_1957 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_1957"], .configure-group-wrap[data-name="stacks_in_1957"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_1961 .prefix { margin-right: 0; } #wrap_stacks_in_1961 .postfix { margin-left: 0; } #wrap_stacks_in_1961 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_1961 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_1961 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_1961 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_1961 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_1961"], .configure-group-wrap[data-name="stacks_in_1961"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_1966 .prefix { margin-right: 0; } #wrap_stacks_in_1966 .postfix { margin-left: 0; } #wrap_stacks_in_1966 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_1966 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_1966 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_1966 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_1966 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_1966"], .configure-group-wrap[data-name="stacks_in_1966"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } /* v1.0.2 - classes can be added to columns - auto-hide editor elements is now optional */ #stacks_in_2078.layouts-2-section { padding: 128px 0; background-image: linear-gradient(to right, rgba(204, 204, 204, 1.00) 0%,rgba(255, 255, 255, 1.00) 100%); } .mez #stacks_in_2078.layouts-2-section > div, #stacks_in_2078.layouts-2-section { } #stacks_in_2078.layouts-2-section > * { padding-left: 24px; padding-right: 24px; } #stacks_in_2078.layouts-2-section > * > div { max-width: 1120px; margin-left: auto !important; margin-right: auto !important; } #stacks_in_2078 .layouts-2-content, .layouts-2-content { margin: 16px 0; } #stacks_in_2078 div[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack), div[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin: 16px 0; } #stacks_in_2078 .layouts-2-text, div.out[tag="slice"] #stacks_in_2078 p + div, .layouts-2-text, div.out[tag="slice"] .layouts-2-section p + div { display: block; color: rgba(0, 0, 0, 0.60); font-size: 18px; line-height: 150%; font-weight: 400; } #stacks_in_2078 .layouts-2-text:not(i), div.out[tag="slice"] #stacks_in_2078 p + div, .layouts-2-text:not(i), div.out[tag="slice"] .layouts-2-section p + div { font-family: inherit; } #stacks_in_2078 i.layouts-2-text, i.layouts-2-text { font-size: 32px; line-height: 1; } #stacks_in_2078 .layouts-2-text > svg, .layouts-2-text > svg { fill: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); } #stacks_in_2078 .layouts-2-button, .layouts-2-button { font-size: 18px; } #stacks_in_2078 *:not(.layouts-2-button) > a, #stacks_in_2078 *:not(.layouts-2-button) > a svg, #stacks_in_2078 *:not(.layouts-2-button) > a i, .layouts-2-section *:not(.layouts-2-button) > a, .layouts-2-section *:not(.layouts-2-button) > a svg, .layouts-2-section *:not(.layouts-2-button) > a i { text-decoration: none; color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } #stacks_in_2078 *:not(.layouts-2-button) > a:hover, #stacks_in_2078 *:not(.layouts-2-button) > a:hover svg, #stacks_in_2078 *:not(.layouts-2-button) > a:hover i, .layouts-2-section *:not(.layouts-2-button) > a:hover, .layouts-2-section *:not(.layouts-2-button) > a:hover svg, .layouts-2-section *:not(.layouts-2-button) > a:hover i { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } #stacks_in_2078 *:not(.layouts-2-button) > a:active, #stacks_in_2078 *:not(.layouts-2-button) > a:active svg, #stacks_in_2078 *:not(.layouts-2-button) > a:active i, .layouts-2-section *:not(.layouts-2-button) > a:active, .layouts-2-section *:not(.layouts-2-button) > a:active svg, .layouts-2-section *:not(.layouts-2-button) > a:active i { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } #stacks_in_2078 h1,#stacks_in_2078 h2,#stacks_in_2078 h3,#stacks_in_2078 h4,#stacks_in_2078 h5,#stacks_in_2078 h6, .layouts-2-section h1,.layouts-2-section h2,.layouts-2-section h3,.layouts-2-section h4,.layouts-2-section h5,.layouts-2-section h6 { color: rgba(0, 0, 0, 0.85); line-height: 110%; font-family: inherit; font-weight: 700; } #stacks_in_2078 h1, .layouts-2-section h1 { font-size: 54px; } #stacks_in_2078 h2, .layouts-2-section h2 { font-size: 42px; } #stacks_in_2078 h3, .layouts-2-section h3 { font-size: 30px; } #stacks_in_2078 h4, .layouts-2-section h4 { font-size: 28px; } #stacks_in_2078 h5, .layouts-2-section h5 { font-size: 22px; } #stacks_in_2078 h6, .layouts-2-section h6 { font-size: 18px; } #slice_mez_2078 { border: 2px solid rgba(0,0,0,0.15); } .dark #slice_mez_2078 { border: 2px solid rgba(255,255,255,0.15); } #stacks_in_2079.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_2079.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 20px 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_2079.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_2079.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_2081.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2081.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2081.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2081.layouts-2-column:after, #stacks_out_2081:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2081.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2081.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2081.layouts-2-column.hide-mobile { display: none; } } #l2_stacks_in_2107, #l2_stacks_in_2107 > svg, .mez p#l2_stacks_in_2107 + div { text-align: left; } #l2_stacks_in_2107 { border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); max-width: 100%; width: auto; } #l2_stacks_in_2107.layouts-2-image[data-no-image] { width: 100%; } .layouts-2-shrink #l2_stacks_in_2107 { max-width: none; } #l2_stacks_in_2107.layouts-2-image.layouts-2-edge-left, #l2_stacks_in_2107.layouts-2-image.layouts-2-edge-right { width: calc(100% + 50%); max-width: none; } #l2_stacks_in_2107.layouts-2-edge-left { left: -50%; position: relative; } #l2_stacks_in_2102, #l2_stacks_in_2102 > svg, .mez p#l2_stacks_in_2102 + div { text-align: left; } #l2_stacks_in_2104, #l2_stacks_in_2104 > svg, .mez p#l2_stacks_in_2104 + div { text-align: left; } /* v1.0.2 - classes can be added to columns - auto-hide editor elements is now optional */ #stacks_in_2175.layouts-2-section { padding: 128px 0; } .mez #stacks_in_2175.layouts-2-section > div, #stacks_in_2175.layouts-2-section { } #stacks_in_2175.layouts-2-section > * { padding-left: 24px; padding-right: 24px; } #stacks_in_2175.layouts-2-section > * > div { max-width: 1120px; margin-left: auto !important; margin-right: auto !important; } #slice_mez_2175 { border: 2px solid rgba(0,0,0,0.15); } .dark #slice_mez_2175 { border: 2px solid rgba(255,255,255,0.15); } #stacks_in_2176.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_2176.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_2176.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_2176.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_2178.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2178.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2178.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2178.layouts-2-column:after, #stacks_out_2178:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2178.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2178.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2178.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2182.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2182.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2182.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2182.layouts-2-column:after, #stacks_out_2182:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2182.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2182.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2182.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2085.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2085.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2085.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2085.layouts-2-column:after, #stacks_out_2085:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2085.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2085.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2085.layouts-2-column.hide-mobile { display: none; } } #l2_stacks_in_2119, #l2_stacks_in_2119 > svg, .mez p#l2_stacks_in_2119 + div { text-align: left; } #l2_stacks_in_2119 { border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); max-width: 100%; width: auto; } #l2_stacks_in_2119.layouts-2-image[data-no-image] { width: 100%; } .layouts-2-shrink #l2_stacks_in_2119 { max-width: none; } #l2_stacks_in_2119.layouts-2-image.layouts-2-edge-left, #l2_stacks_in_2119.layouts-2-image.layouts-2-edge-right { width: calc(100% + 50%); max-width: none; } #l2_stacks_in_2119.layouts-2-edge-left { left: -50%; position: relative; } #l2_stacks_in_2121, #l2_stacks_in_2121 > svg, .mez p#l2_stacks_in_2121 + div { text-align: left; } #l2_stacks_in_2123, #l2_stacks_in_2123 > svg, .mez p#l2_stacks_in_2123 + div { text-align: left; } #l2_stacks_in_2173, #l2_stacks_in_2173 > svg, .mez p#l2_stacks_in_2173 + div { text-align: left; } #stacks_in_2096.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2096.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2096.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2096.layouts-2-column:after, #stacks_out_2096:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2096.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2096.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2096.layouts-2-column.hide-mobile { display: none; } } #l2_stacks_in_2125, #l2_stacks_in_2125 > svg, .mez p#l2_stacks_in_2125 + div { text-align: left; } #l2_stacks_in_2125 { border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); max-width: 100%; width: auto; } #l2_stacks_in_2125.layouts-2-image[data-no-image] { width: 100%; } .layouts-2-shrink #l2_stacks_in_2125 { max-width: none; } #l2_stacks_in_2125.layouts-2-image.layouts-2-edge-left, #l2_stacks_in_2125.layouts-2-image.layouts-2-edge-right { width: calc(100% + 50%); max-width: none; } #l2_stacks_in_2125.layouts-2-edge-left { left: -50%; position: relative; } #l2_stacks_in_2131, #l2_stacks_in_2131 > svg, .mez p#l2_stacks_in_2131 + div { text-align: left; } #l2_stacks_in_2135, #l2_stacks_in_2135 > svg, .mez p#l2_stacks_in_2135 + div { text-align: left; } #stacks_in_2099.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2099.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2099.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2099.layouts-2-column:after, #stacks_out_2099:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2099.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2099.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2099.layouts-2-column.hide-mobile { display: none; } } #l2_stacks_in_2127, #l2_stacks_in_2127 > svg, .mez p#l2_stacks_in_2127 + div { text-align: left; } #l2_stacks_in_2127 { border: 0px solid rgba(0, 0, 0, 0.15); border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); max-width: 100%; width: auto; } #l2_stacks_in_2127.layouts-2-image[data-no-image] { width: 100%; } .layouts-2-shrink #l2_stacks_in_2127 { max-width: none; } #l2_stacks_in_2127.layouts-2-image.layouts-2-edge-left, #l2_stacks_in_2127.layouts-2-image.layouts-2-edge-right { width: calc(100% + 50%); max-width: none; } #l2_stacks_in_2127.layouts-2-edge-left { left: -50%; position: relative; } #l2_stacks_in_2129, #l2_stacks_in_2129 > svg, .mez p#l2_stacks_in_2129 + div { text-align: left; } #l2_stacks_in_2133, #l2_stacks_in_2133 > svg, .mez p#l2_stacks_in_2133 + div { text-align: left; } /* v1.0.2 - classes can be added to columns - auto-hide editor elements is now optional */ #stacks_in_2163.layouts-2-section { padding: 128px 0; } .mez #stacks_in_2163.layouts-2-section > div, #stacks_in_2163.layouts-2-section { } #stacks_in_2163.layouts-2-section > * { padding-left: 24px; padding-right: 24px; } #stacks_in_2163.layouts-2-section > * > div { max-width: 1120px; margin-left: auto !important; margin-right: auto !important; } #slice_mez_2163 { border: 2px solid rgba(0,0,0,0.15); } .dark #slice_mez_2163 { border: 2px solid rgba(255,255,255,0.15); } #stacks_in_2164.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_2164.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_2164.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_2164.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_2166.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2166.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2166.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2166.layouts-2-column:after, #stacks_out_2166:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2166.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2166.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2166.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2170.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2170.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2170.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2170.layouts-2-column:after, #stacks_out_2170:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2170.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2170.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2170.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2088.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_2088.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_2088.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_2088.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_2089.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2089.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2089.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2089.layouts-2-column:after, #stacks_out_2089:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2089.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2089.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2089.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2093.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2093.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2093.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2093.layouts-2-column:after, #stacks_out_2093:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2093.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2093.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2093.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2155.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_2155.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_2155.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_2155.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_2156.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2156.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2156.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2156.layouts-2-column:after, #stacks_out_2156:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2156.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2156.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2156.layouts-2-column.hide-mobile { display: none; } } #stacks_in_2160.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_2160.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_2160.out { overflow: visible; } .layouts-2-content-width > #stacks_in_2160.layouts-2-column:after, #stacks_out_2160:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_2160.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_2160.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_2160.layouts-2-column.hide-mobile { display: none; } } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_1937 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_1937 .svgm-group.svgm-wide-23, .svg-metamorph.svgm_stacks_in_1937 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_1937 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_1937, .svg-metamorph.svgm_stacks_in_1937 .svgm-content { position: relative; z-index: 1; } #stacks_in_1937, #stacks_out_1937 { overflow: visible; } .svg-metamorph.svgm_stacks_in_1937 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -10px; margin-bottom: -10px; margin-top: calc(180px - 10px); margin-bottom: calc(180px - 10px); } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 180px + 180px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-180px); } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(180px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-180px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer > .svgm-wrap:after { background: #6CD7CB; } .svg-metamorph.svgm_stacks_in_1937 .svgm-content { position: relative; z-index: 3; min-height: 180px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_1937 .svgm-content > div { padding: 10px 0px; } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1937 > .svgm-wrap-outer { height: calc(100% - 10px - 10px ); min-height: 180px; position: absolute; width: 100%; top: 10px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_1937 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1937 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1937 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_1937 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1937 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1937 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1937 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1937 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1937 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1937 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_1937 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_1937 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ .lasso-tip.lasso_stacks_in_1930 { z-index: 99; } .lasso-tip.lasso_stacks_in_1930 .lasso-tip-content, .lasso_stacks_in_1930 .lasso-tip-extract { background: rgba(51, 51, 255, 1.00); color: rgba(255, 255, 255, 1.00); border-radius: 4px; } .lasso_stacks_in_1930 .lasso-close, .lasso_stacks_in_1930 .lasso-toggle { color: rgba(255, 255, 255, 1.00); background-color: rgba(51, 51, 255, 1.00); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 96 96' enable-background='new 0 0 96 96' xml:space='preserve'%3e%3cpolygon fill='rgba(255, 255, 255, 1.00)' points='96,14 82,0 48,34 14,0 0,14 34,48 0,82 14,96 48,62 82,96 96,82 62,48 '/%3e%3c/svg%3e"); } .lasso_stacks_in_1930 > .lasso-toggle { background-image: none; transform: translate(12px, 0px) scale(0); } .lasso_stacks_in_1930.lasso-closed > .lasso-toggle { transform: translate(12px, 0px) scale(1); } .lasso-tip.lasso_stacks_in_1930 line, .lasso-tip.lasso_stacks_in_1930 rect, .lasso-tip-wrap.lasso_stacks_in_1930 svg rect { stroke: rgba(51, 51, 255, 1.00); stroke-linecap: square; stroke-dasharray: 6 5; stroke-width: 3px; fill: transparent; } .lasso_stacks_in_1930 .lasso-tip-content { width: 240px; max-width: -moz-fit-content; max-width: fit-content; padding: 4px 8px; } .lasso_stacks_in_1930.lasso-max-width .lasso-tip-content { max-width: calc(100vw - 16px); box-sizing: border-box; } .lasso-tip.lasso_stacks_in_1930 line, .lasso-tip.lasso_stacks_in_1930 rect { animation: rotate-dash_stacks_in_1930 500ms ease 1; } .lasso-tip.lasso_stacks_in_1930.lasso-out line, .lasso-tip.lasso_stacks_in_1930.lasso-out rect { stroke-width: 0; animation: rotate-dash-out_stacks_in_1930 300ms ease 1; } @keyframes rotate-dash_stacks_in_1930 { from { stroke-width: 0; stroke-dashoffset: 0; } to { stroke-width: 3px; stroke-dashoffset: -44; } } @keyframes rotate-dash-out_stacks_in_1930 { from { stroke-width: 3px; stroke-dashoffset: -44; } to { stroke-width: 0; stroke-dashoffset: 0; } } @media all and (max-width: 0px) { .lasso-tip.lasso_stacks_in_1930, .lasso_stacks_in_1930 > .lasso-toggle { display: none; } } #stacks_in_1933 .shapes-inner-wrap-edit { margin: 0 auto;} #stacks_in_1933.shapes-wrap, #stacks_in_1933 .shapes-inner-wrap-edit { position: relative; } #stacks_in_1933.shapes-wrap .shapes-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } #stacks_in_1933.shapes-wrap .shapes-content-wrap { background-repeat: repeat; background-size: 200px; background-position: center; } .shapes-pattern-wrap#pat_stacks_in_1933 { width: 200px; height: 200px; transform-origin: top left; transform: scale(2); position: fixed; top: 0px; left: 0px; opacity: 0; pointer-events: none; } .shapes-pattern-wrap#pat_stacks_in_1933 svg { overflow: visible; } .shapes-pattern-wrap#pat_stacks_in_1933 .shapes-item-1 { fill: rgba(227, 227, 227, 1.00); stroke: rgba(227, 227, 227, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1933 .shapes-item-2 { fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1933 .shapes-item-3 { fill: rgba(117, 228, 175, 1.00); stroke: rgba(117, 228, 175, 1.00); } #stacks_in_1933.shapes-wrap .download-pattern { padding: 6px 12px; font-size: 14px; line-height: 14px; border-radius: 4px; background: #f3f3f3; color: #333; border: 1px solid rgba(0,0,0,0.15); position: absolute; top: 8px; right: 8px; display: none; cursor: pointer; } #stacks_in_1933.debug .shapes-pattern-wrap#pat_stacks_in_1933 { opacity: 1; pointer-events: all; z-index: 99999; left: 200px; top: 200px; } #stacks_in_1933.debug .shapes-inner-wrap:before { content: ""; position: absolute; left: 200px; top: 200px; width: 400px; height: 400px; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); z-index: 99999; } #stacks_in_1933.debug .shapes-inner-wrap:after { content: ""; position: absolute; left: 200px; top: 200px; z-index: 100000; height: 400px; width: 400px; outline: 1px solid #999; pointer-events: none; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1935, .shape-wrap#shape-stacks_in_1935:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1935 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1935 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } #stacks_in_2064>.s3_row { margin: 0 -10px; } #stacks_in_2064>.s3_row>.s3_column_left { width: 30.00%; } #stacks_in_2064>.s3_row>.s3_column_right { width: 70.000000%; } #stacks_in_2064>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_2064>.s3_row { margin: -10px 0; } #stacks_in_2064>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #pglt_overlaystacks_in_2037 { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; overflow: hidden; padding: 0px 15px; } #pglt_overlaystacks_in_2037:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.50); opacity: 0; transition: opacity 950ms ease; } .pglt_fadestacks_in_2037 #pglt_overlaystacks_in_2037 > .pglt-close-icon, .pglt_fadestacks_in_2037 #pglt_overlaystacks_in_2037:before { opacity: 1; } #pglt_spacestacks_in_2037 .page, #pglt_spacestacks_in_2037 .cover { transition: transform 475.000000ms linear; } #pglt_wrapstacks_in_2037 .page, #pglt_wrapstacks_in_2037 .cover { -webkit-tap-highlight-color: transparent; display: grid; grid-template-columns: 1fr; } #pglt_wrapstacks_in_2037 .anim .page, #pglt_wrapstacks_in_2037 .anim .cover { transition: none !important; } #pglt_overlaystacks_in_2037 > .pglt-close-icon { position: fixed; top: 16px; right: 16px; width: 42px; height: 42px; box-sizing: border-box; cursor: pointer; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.50); border-radius: 4px; z-index: 2; opacity: 0; transition: opacity 950ms ease; } #pglt_overlaystacks_in_2037 > .pglt-close-icon svg { width: 100%; } body.pglt_noscrollstacks_in_2037 { overflow: hidden; height: 100%; } #pglt_holderstacks_in_2037 { cursor: pointer; max-width: 300px; overflow: hidden; pointer-events: none; } #pglt_holderstacks_in_2037, #pglt_spacestacks_in_2037 { position: relative; width: 100%; justify-content: center; margin: 20px auto 20px auto; } #pglt_spacestacks_in_2037 { display: grid; } #pglt_holderstacks_in_2037 * { pointer-events: none !important; } #pglt_popout_wrapstacks_in_2037 { position: relative; z-index: 1; pointer-events: none; } #pglt_wrapstacks_in_2037 { position: relative; box-sizing: content-box; margin: 0 auto; z-index: 1; -webkit-transform-origin: top left; transform-origin: top left; pointer-events: auto; } .closing-pop-outstacks_in_2037 #pglt_overlaystacks_in_2037, .closing-pop-outstacks_in_2037 #pglt_overlaystacks_in_2037 *, .closing-pop-outstacks_in_2037 #pglt_holderstacks_in_2037, .closing-pop-outstacks_in_2037 #pglt_holderstacks_in_2037 * { pointer-events: none !important; } .pglt-close #pagelit_stacks_in_2037, #pglt_wrapstacks_in_2037.pglt-close .anim { transform: translateX(25%); } #pglt_wrapstacks_in_2037 .page { overflow: hidden; position: absolute; width: 50%; /**/ cursor: pointer; /**/ padding: 32px 32px; box-sizing: border-box; } #pglt_wrapstacks_in_2037 .page.pglt-magnified { overflow: visible; } #pglt_wrapstacks_in_2037 div > .pglt-content { position: relative; z-index: 4; } #pglt_wrapstacks_in_2037 .page .page-number { position: absolute; width: 100%; bottom: 2%; left: 50%; font-size: 13px; height: 19px; line-height: 19px; width: 19px; transform: translateX(-50%); border-radius: 4px; text-align: center; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.30); font-family: 'helvetica', sans-serif; pointer-events: none; -webkit-user-select: none; user-select: none; } #pglt_wrapstacks_in_2037 .page .page-number { transform: none; } #pglt_wrapstacks_in_2037 .anim:not(.prev) .page-left .page-number, #pglt_wrapstacks_in_2037 .anim.prev .page-left.pglt-fr .page-number, #pglt_wrapstacks_in_2037 .page-right .page-number { right: 2%; left: auto; } #pglt_wrapstacks_in_2037 .anim.prev .page-right .page-number, #pglt_wrapstacks_in_2037 .anim .page-right.pglt-bk .page-number, #pglt_wrapstacks_in_2037 .page-left .page-number { left: 2%; right: auto; } #pglt_wrapstacks_in_2037 > #pagelit_stacks_in_2037 > .page, #pglt_wrapstacks_in_2037 .anim > .page { left: 50%; } #pglt_wrapstacks_in_2037 > #pagelit_stacks_in_2037 .page.page-left, #pglt_wrapstacks_in_2037 .anim .page.page-left { left: 0; z-index: 0 !important; } #pglt_wrapstacks_in_2037 .anim.prev .page.page-left { left: auto; right: 0; } #pglt_wrapstacks_in_2037 .anim-inner-wrap { position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; padding: 50px; } #pglt_wrapstacks_in_2037 .anim { position: absolute; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; pointer-events: none; } #pglt_wrapstacks_in_2037 .anim * { pointer-events: none !important; } #pglt_wrapstacks_in_2037 .anim-inner { position: absolute; top: 0; width: 100%; height: 100%; padding-top: 25%; overflow: hidden; z-index: 0; } #pglt_wrapstacks_in_2037 .anim.pglt-active { z-index: 1000; } #pglt_wrapstacks_in_2037 .anim-inner.pglt-still { left: 50%; } #pglt_wrapstacks_in_2037 .anim.prev .anim-inner.pglt-still { left: auto; right: 50%; } #pglt_wrapstacks_in_2037 .anim-inner.pglt-move { left: 100%; perspective: 2000px; } #pglt_wrapstacks_in_2037 .anim.prev .anim-inner.pglt-move { left: auto; right: 100%; perspective: 2000px; } #pglt_wrapstacks_in_2037 .anim-inner.pglt-move .page { transform-origin: left; } #pglt_wrapstacks_in_2037 .anim.prev .anim-inner.pglt-move .page { transform-origin: right; } #pglt_wrapstacks_in_2037 .anim-inner.pglt-move .page-grad { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #pglt_wrapstacks_in_2037 .anim.prev .anim-inner.pglt-move .page-grad { left: auto; right: 0; } #pglt_wrapstacks_in_2037 .pglt-shdw, #pglt_wrapstacks_in_2037 .pglt-shdw2 { position: absolute; z-index: 0; } #pglt_wrapstacks_in_2037 .pglt-shdw { width: 50%; right: 50%; left: auto; } #pglt_wrapstacks_in_2037 .anim.prev .pglt-shdw { left: 50%; right: auto; } #pglt_wrapstacks_in_2037 .pglt-shdw2 { left: 100%; width: 100%; right: 0; } #pglt_wrapstacks_in_2037 .anim.prev .pglt-shdw2 { left: 0; right: auto; } #pglt_wrapstacks_in_2037 .anim.prev .pglt-shdw2 { right: 100%; left: auto; } #pglt_wrapstacks_in_2037 .anim.prev.cover-active .pglt-shdw2 { right: 50% !important; left: auto !important; } #pglt_wrapstacks_in_2037 .page-right:before, #pglt_wrapstacks_in_2037 .page-left:before, #pglt_wrapstacks_in_2037 .page-left:after, #pglt_wrapstacks_in_2037 .page-right:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0; z-index: 3; background-position: top left; background-size: 100% auto; background-repeat: repeat-y; pointer-events: none; box-sizing: border-box; } #pglt_wrapstacks_in_2037 .page-right:after { left: 0; top: 0; } #pglt_wrapstacks_in_2037 .page-right:before { right: auto; left: -1px; width: 10px; z-index: -1; } #pglt_wrapstacks_in_2037 .page-left:before { left: auto; right: -1px; width: 10px; z-index: -1; } #pglt_wrapstacks_in_2037 .page.page-left:after, #pglt_wrapstacks_in_2037 .anim .pglt-move .page.page-right:after, #pglt_wrapstacks_in_2037 .anim .pglt-move .page.page-left.c-left:after { background-image: url(pglt-img/ls-pg.png); } #pglt_wrapstacks_in_2037 .page.page-right:after, #pglt_wrapstacks_in_2037 .anim .pglt-move .page.page-left:after, #pglt_wrapstacks_in_2037 .anim .pglt-move .page.page-right.c-left:after { background-image: url(pglt-img/rs-pg.png); } #pglt_wrapstacks_in_2037 .anim .page { cursor: default; } #pglt_wrapstacks_in_2037 .cover-wrap { position: absolute; width: 100%; height: 100%; top: 0; } #pglt_wrapstacks_in_2037 .cover { position: absolute; left: 50%; transform-origin: left; /**/ cursor: pointer; /**/ } #pglt_wrapstacks_in_2037 .cover.page-left { margin-left: -10px; margin-top: -10px; } #pglt_wrapstacks_in_2037 .cover.page-right { margin-top: -10px; } #pglt_wrapstacks_in_2037 .anim.prev .anim-inner .cover { transform-origin: right; } #pglt_wrapstacks_in_2037 .anim .cover { left: 0; cursor: default; } #pglt_wrapstacks_in_2037 > #pagelit_stacks_in_2037 .cover.page-left, #pglt_wrapstacks_in_2037 .anim .cover.page-left { left: 0; z-index: 0 !important; } #pglt_wrapstacks_in_2037 .anim.cover-active .anim-inner { left: 0; } #pglt_wrapstacks_in_2037 .anim.prev.cover-active .anim-inner { left: 0; } #pglt_wrapstacks_in_2037 .anim.cover-active, #pglt_wrapstacks_in_2037 .anim.cover-active .anim-inner { overflow: visible; perspective: 2000px; } #pglt_wrapstacks_in_2037 .anim.cover-active .pglt-move-inner { transform-origin: left; left: 50%; position: absolute; } #pglt_wrapstacks_in_2037 .anim.prev.cover-active .pglt-move-inner { transform-origin: right; left: auto; right: 50%; } #pglt_wrapstacks_in_2037 .anim.cover-active .pglt-move-inner > div { transform-origin: center !important; } #pglt_wrapstacks_in_2037 .anim.prev.cover-active .pglt-move-inner > div { left: 50%; } #pglt_wrapstacks_in_2037 .anim.cover-active .pglt-shdw2 { right: auto; left: 50%; z-index: -1; width: 50%; } #pglt_wrapstacks_in_2037 .anim.prev.cover-active .pglt-shdw2 { left: 0; } .style_stacks_in_2037 + .anim .cover:before, .style_stacks_in_2037 .cover:before { background-color: rgba(0,0,0,0.05); } .style_stacks_in_2037 + .anim .page:before, .style_stacks_in_2037 .page:not([data-cur="no"]):before { background-color: rgba(0,0,0,0.05); } #pglt_wrapstacks_in_2037 .page.page-right:after { box-shadow: inset 1px 0px 0px rgba(0,0,0,0.05), inset -3px 0px 0px rgba(218, 218, 218, 1.00); } #pglt_wrapstacks_in_2037 .page.page-left:after { box-shadow: inset 3px 0px 0px rgba(218, 218, 218, 1.00); } #pglt_wrapstacks_in_2037 .cover.page-right:after { box-shadow: inset 1px 0px 0px rgba(0,0,0,0.05), inset -3px 0px 0px rgba(128, 128, 128, 1.00); } #pglt_wrapstacks_in_2037 .cover.page-left:after { box-shadow: inset 3px 0px 0px rgba(128, 128, 128, 1.00); } #pglt_wrapstacks_in_2037 .anim .page.pglt-fr.page-left:after { box-shadow: inset -3px 0px 0px rgba(218, 218, 218, 1.00); } #pglt_wrapstacks_in_2037 .anim .page.pglt-bk.page-left:after { box-shadow: inset 3px 0px 0px rgba(218, 218, 218, 1.00); } #pglt_wrapstacks_in_2037 .anim .page.pglt-fr.page-right:after { box-shadow: inset 1px 0px 0px rgba(0,0,0,0.05),inset -3px 0px 0px rgba(218, 218, 218, 1.00); } #pglt_wrapstacks_in_2037 .anim .page.pglt-bk.page-right:after { box-shadow: inset 1px 0px 0px rgba(0,0,0,0.05),inset 3px 0px 0px rgba(218, 218, 218, 1.00); } #pglt_wrapstacks_in_2037 .anim .cover.pglt-fr.page-left:after { box-shadow: inset -3px 0px 0px rgba(128, 128, 128, 1.00); } #pglt_wrapstacks_in_2037 .anim .cover.pglt-bk.page-left:after { box-shadow: inset 3px 0px 0px rgba(128, 128, 128, 1.00); } #pglt_wrapstacks_in_2037 .anim .cover.pglt-fr.page-right:after { box-shadow: inset 1px 0px 0px rgba(0,0,0,0.05),inset -3px 0px 0px rgba(128, 128, 128, 1.00); } #pglt_wrapstacks_in_2037 .anim .cover.pglt-bk.page-right:after { box-shadow: inset 1px 0px 0px rgba(0,0,0,0.05),inset 3px 0px 0px rgba(128, 128, 128, 1.00); } #pagelit_stacks_in_2037 > .page[data-vis="no"].pglt-fr.page-left, #pagelit_stacks_in_2037 > .page[data-vis="no"].pglt-bk.page-right {display: none !important;} #pagelit_stacks_in_2037 > .page[data-vis="no"] > .pglt-image, #pagelit_stacks_in_2037 > .page[data-vis="no"]:after {background-image: none !important} #pagelit_stacks_in_2037 > .page[data-cur="no"] > .pglt-image, #pagelit_stacks_in_2037 > .page[data-cur="no"]:after {background-image: none !important} #pagelit_stacks_in_2037 > .page[data-cur="no"] > .pglt-content {display: none !important} #pagelit_stacks_in_2037 .c-f.page-left, #pagelit_stacks_in_2037 .c-b.page-right, #pagelit_stacks_in_2037 .cb-f.page-left, #pagelit_stacks_in_2037 .cb-b.page-right { opacity: 0 !important; } /* Pagination */ #pglt_navstacks_in_2037 { margin: 0; text-align: center; position: absolute; z-index: 2; bottom: 0; width: 100%; transition: opacity 950ms ease; font-family: 'helvetica', sans-serif; opacity: 0; pointer-events: none; } #pglt_overlaystacks_in_2037 #pglt_navstacks_in_2037 { bottom: auto; } .pglt_fadestacks_in_2037 #pglt_navstacks_in_2037 { opacity: 1; } #pglt_navstacks_in_2037 a { margin: 0px 2px; border-radius: 4px; cursor: pointer; height: 42px; width: 52px; padding: 0px; display: inline-block; background: rgba(245, 56, 41, 1.00); vertical-align: bottom; } #pglt_navstacks_in_2037 a:active { box-shadow: inset 0px 42px 0px rgba(0,0,0,0.15); } #pglt_navstacks_in_2037 a svg { width: 20px; height: 20px; } #pglt_navstacks_in_2037 a { transition: 300ms opacity ease; pointer-events: none; opacity: 0.3; position: relative; } #pglt_navstacks_in_2037 a.pglt_next, #pglt_navstacks_in_2037 a.pglt_last, .pglt-open + #pglt_navstacks_in_2037 a { pointer-events: auto; opacity: 1; } .pglt-close + #pglt_navstacks_in_2037 a { opacity: 0.3; pointer-events: none; } .pglt-close + #pglt_navstacks_in_2037 a.pglt_first, .pglt-close + #pglt_navstacks_in_2037 a.pglt_prev { pointer-events: auto; opacity: 1; } #pglt_holderstacks_in_2037 #pglt_navstacks_in_2037 a { display: none; } #pglt_navstacks_in_2037 a svg { fill: rgba(255, 255, 255, 1.00) !important; stroke: none !important; height: 42px; pointer-events: none; } #pglt_navstacks_in_2037 .pglt_chapter_select_wrap { display: inline-block; margin: 0 2px; box-sizing: border-box; border-radius: 4px; background-color: #e3e3e3; position: relative; } #pglt_navstacks_in_2037 .pglt_chapter_select_wrap select { line-height: 42px; height: 42px; box-sizing: border-box; color: rgba(245, 56, 41, 1.00); -webkit-user-select: none; user-select: none; font-size: 14px; color: #333; padding: 0px 26px 0px 12px; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #pglt_navstacks_in_2037 .pglt_chapter_select_wrap select:active, #pglt_navstacks_in_2037 .pglt_chapter_select_wrap select:focus { outline: none; box-shadow: none; } #pglt_navstacks_in_2037 .pglt_chapter_select_wrap:after { content: " "; position: absolute; top: 50%; margin-top: -2px; right: 8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; } #pglt_navstacks_in_2037 .pglt_first, #pglt_navstacks_in_2037 .pglt_last { display: none !important; } #pglt_navstacks_in_2037 .pglt_chapter_select_wrap { display: none !important; } #pglt_navstacks_in_2037 a { display: none !important; } #pglt_wrapstacks_in_2037 .page, #pglt_wrapstacks_in_2037 .cover { pointer-events: auto; cursor: pointer; } #pglt_wrapstacks_in_2037 .page *, #pglt_wrapstacks_in_2037 .cover * { pointer-events: none; } #pglt_loadstacks_in_2037 .pglt_load_wrap { margin: 0 auto; width: 40px; height: 40px; position: relative; transform: rotateZ(45deg); } .pglt_urlsstacks_in_2037 {display: none;} #pagelit_stacks_in_2037, #pglt_wrapstacks_in_2037 .anim { transform: translateX(-25%); } .pglt-open #pagelit_stacks_in_2037, #pglt_wrapstacks_in_2037.pglt-open .anim { transform: translateX(0%); } #pagelit_stacks_in_2037 { position: relative; z-index: 1; opacity: 0; } #pagelit_stacks_in_2037 .pglt-bk, #pagelit_stacks_in_2037 .pglt-fr { pointer-events: none; } #pglt_loadstacks_in_2037 { max-width: 120px; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #pglt_loadstacks_in_2037 .pglt_loader_progress { border: 2px solid rgba(51, 51, 51, 1.00); border-radius: 3px; margin-top: 32px; overflow: hidden; } #pglt_loadstacks_in_2037 .pglt_loader_progress > div { background-color: rgba(51, 51, 51, 1.00); height: 8px; width: 100%; transform: scaleX(0); transform-origin: top left; transition: transform 2s linear; } #pglt_loadstacks_in_2037 .pglt_loader { float: left; width: 50%; height: 50%; position: relative; -ms-transform: scale(1.1); transform: scale(1.1); } #pglt_loadstacks_in_2037 .pglt_loader:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 1.00); -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } #pglt_loadstacks_in_2037 .pglt_loader2 { transform: scale(1.1) rotateZ(90deg); } #pglt_loadstacks_in_2037 .pglt_loader3 { transform: scale(1.1) rotateZ(180deg); } #pglt_loadstacks_in_2037 .pglt_loader4 { transform: scale(1.1) rotateZ(270deg); } #pglt_loadstacks_in_2037 .pglt_loader2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #pglt_loadstacks_in_2037 .pglt_loader3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #pglt_loadstacks_in_2037 .pglt_loader4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } #pagelit_stacks_in_2037 .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr > .pglt-image, #pagelit_stacks_in_2037 .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr:after { border-radius: 0px 6px 6px 0px; } #pagelit_stacks_in_2037 .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk > .pglt-image, #pagelit_stacks_in_2037 .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk:after { border-radius: 6px 0px 0px 6px; } #pagelit_stacks_in_2037 > div > div:first-child .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr > .pglt-image, #pagelit_stacks_in_2037 > div > div:nth-last-child(2) .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr > .pglt-image, #pagelit_stacks_in_2037 > div > div:first-child .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr:after, #pagelit_stacks_in_2037 > div > div:nth-last-child(2) .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr:after { border-radius: 0px 6px 6px 0px; } #pagelit_stacks_in_2037 > div > div:first-child .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk > .pglt-image, #pagelit_stacks_in_2037 > div > div:nth-last-child(2) .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk > .pglt-image, #pagelit_stacks_in_2037 > div > div:first-child .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk:after, #pagelit_stacks_in_2037 > div > div:nth-last-child(2) .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk:after { border-radius: 6px 0px 0px 6px; } #pglt_wrapstacks_in_2037 .cover.c-f:after, #pglt_wrapstacks_in_2037 .cover.cb-f:after, #pglt_wrapstacks_in_2037 .cover.c-f > .pglt-image, #pglt_wrapstacks_in_2037 .cover.cb-f > .pglt-image { border-radius: 0px 6px 6px 0px; } #pglt_wrapstacks_in_2037 .cover.c-b:after, #pglt_wrapstacks_in_2037 .cover.cb-b:after, #pglt_wrapstacks_in_2037 .cover.c-b > .pglt-image, #pglt_wrapstacks_in_2037 .cover.cb-b > .pglt-image { border-radius: 6px 0px 0px 6px; } #pglt_wrapstacks_in_2037 .page.pglt-fr > .pglt-image, #pglt_wrapstacks_in_2037 .page.pglt-fr:after { border-radius: 0px 6px 6px 0px; } #pglt_wrapstacks_in_2037 .page.pglt-bk > .pglt-image, #pglt_wrapstacks_in_2037 .page.pglt-bk:after { border-radius: 6px 0px 0px 6px; } #pglt_wrapstacks_in_2037 .pglt-shdw, #pglt_wrapstacks_in_2037 .prev .pglt-shdw2 { border-radius: 6px 0px 0px 6px; } #pglt_wrapstacks_in_2037 .prev .pglt-shdw, #pglt_wrapstacks_in_2037 .pglt-shdw2 { border-radius: 0px 6px 6px 0px; } .style_stacks_in_2037 .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-image, .style_stacks_in_2037 + .anim .cover > .pglt-image, .style_stacks_in_2037 .cover > .pglt-image, .style_stacks_in_2037 + .anim .page > .pglt-image, .style_stacks_in_2037 .page > .pglt-image { content: ""; position: absolute; top: 5px; left: 3px; right: 3px; bottom: 5px; background-position: center; background-size: cover; } .style_stacks_in_2037 .page.back-cover.cb-f > .pglt-image { transform: translate3d(0,0,0); } #pagelit_stacks_in_2037 > div > div:first-child .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr > .pglt-image, #pagelit_stacks_in_2037 > div > div:nth-last-child(2) .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-fr > .pglt-image, #pagelit_stacks_in_2037 > div > div:first-child .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk > .pglt-image, #pagelit_stacks_in_2037 > div > div:nth-last-child(2) .com_onelittledesigner_stacks_Pagelit_2_Page_stack .pglt-bk > .pglt-image, .style_stacks_in_2037 + .anim .cover > .pglt-image, .style_stacks_in_2037 .cover > .pglt-image { top: 0px; left: 0px; right: 0px; bottom: 0px; } .style_stacks_in_2037 + .anim .cover > .pglt-image, .style_stacks_in_2037 .cover > .pglt-image { background-color: rgba(153, 153, 153, 1.00); } .style_stacks_in_2037 + .anim .page > .pglt-image, .style_stacks_in_2037 .page:not([data-cur="no"]) > .pglt-image { background-color: rgba(243, 243, 243, 1.00); } #pglt_wrapstacks_in_2037 .pglt-move .page, #pglt_wrapstacks_in_2037 .pglt-move .cover { transition: transform 15.833333ms linear; } #pglt_wrapstacks_in_2037 .pglt-no-transition { transition: none !important; } #pagelit_stacks_in_2037 > .page-left { transform-origin: right; } #pagelit_stacks_in_2037 > .page-right { transform-origin: left; } #pagelit_stacks_in_2037 > .page-left.pglt-fr, #pagelit_stacks_in_2037 > .page-right.pglt-bk { opacity: 0; } #pagelit_stacks_in_2037 + .anim .pglt-bk > .pglt-content, #pagelit_stacks_in_2037 + .anim .pglt-fr > .pglt-content, #pagelit_stacks_in_2037 .pglt-bk > .pglt-content, #pagelit_stacks_in_2037 .pglt-fr > .pglt-content { display: none; } .pagelit_style #stacks_out_2056 #stacks_in_2056 .pglt-stacks_in_2056 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2056 .pglt-image, .pagelit_style .pglt-stacks_in_2056 .pglt-image { background-image: url(); } .pagelit_style #stacks_out_2056 #stacks_in_2056 .pglt-stacks_in_2056 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2056 .pglt-image, .pagelit_style .pglt-stacks_in_2056 .pglt-image, .pagelit_style .pglt-stacks_in_2056:before { } .anim .pglt-stacks_in_2056, .pagelit_style .pglt-stacks_in_2056, [tag="slice"] .pagelit_style .pglt-stacks_in_2056 .pglt-content { align-items: flex-start; } .pagelit_style #stacks_out_2058 #stacks_in_2058 .pglt-stacks_in_2058 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2058 .pglt-image, .pagelit_style .pglt-stacks_in_2058 .pglt-image { background-image: url(); } .pagelit_style #stacks_out_2058 #stacks_in_2058 .pglt-stacks_in_2058 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2058 .pglt-image, .pagelit_style .pglt-stacks_in_2058 .pglt-image, .pagelit_style .pglt-stacks_in_2058:before { } .anim .pglt-stacks_in_2058, .pagelit_style .pglt-stacks_in_2058, [tag="slice"] .pagelit_style .pglt-stacks_in_2058 .pglt-content { align-items: flex-start; } .pagelit_style #stacks_out_2059 #stacks_in_2059 .pglt-stacks_in_2059 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2059 .pglt-image, .pagelit_style .pglt-stacks_in_2059 .pglt-image { background-image: url(); } .pagelit_style #stacks_out_2059 #stacks_in_2059 .pglt-stacks_in_2059 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2059 .pglt-image, .pagelit_style .pglt-stacks_in_2059 .pglt-image, .pagelit_style .pglt-stacks_in_2059:before { } .anim .pglt-stacks_in_2059, .pagelit_style .pglt-stacks_in_2059, [tag="slice"] .pagelit_style .pglt-stacks_in_2059 .pglt-content { align-items: flex-start; } .pagelit_style #stacks_out_2060 #stacks_in_2060 .pglt-stacks_in_2060 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2060 .pglt-image, .pagelit_style .pglt-stacks_in_2060 .pglt-image { background-image: url(); } .pagelit_style #stacks_out_2060 #stacks_in_2060 .pglt-stacks_in_2060 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2060 .pglt-image, .pagelit_style .pglt-stacks_in_2060 .pglt-image, .pagelit_style .pglt-stacks_in_2060:before { } .anim .pglt-stacks_in_2060, .pagelit_style .pglt-stacks_in_2060, [tag="slice"] .pagelit_style .pglt-stacks_in_2060 .pglt-content { align-items: flex-start; } .pagelit_style #stacks_out_2061 #stacks_in_2061 .pglt-stacks_in_2061 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2061 .pglt-image, .pagelit_style .pglt-stacks_in_2061 .pglt-image { background-image: url(); } .pagelit_style #stacks_out_2061 #stacks_in_2061 .pglt-stacks_in_2061 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2061 .pglt-image, .pagelit_style .pglt-stacks_in_2061 .pglt-image, .pagelit_style .pglt-stacks_in_2061:before { } .anim .pglt-stacks_in_2061, .pagelit_style .pglt-stacks_in_2061, [tag="slice"] .pagelit_style .pglt-stacks_in_2061 .pglt-content { align-items: flex-start; } .pagelit_style #stacks_out_2063 #stacks_in_2063 .pglt-stacks_in_2063 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2063 .pglt-image, .pagelit_style .pglt-stacks_in_2063 .pglt-image { background-image: url(); } .pagelit_style #stacks_out_2063 #stacks_in_2063 .pglt-stacks_in_2063 .pglt-image, .pagelit_style + .anim .pglt-stacks_in_2063 .pglt-image, .pagelit_style .pglt-stacks_in_2063 .pglt-image, .pagelit_style .pglt-stacks_in_2063:before { } .anim .pglt-stacks_in_2063, .pagelit_style .pglt-stacks_in_2063, [tag="slice"] .pagelit_style .pglt-stacks_in_2063 .pglt-content { align-items: flex-start; } .pagelit_style #stacks_out_2038 #stacks_in_2038 .pglt-frstacks_in_2038 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2038 > .pglt-image, .pagelit_style .pglt-frstacks_in_2038 > .pglt-image { } .pagelit_style #stacks_out_2038 #stacks_in_2038 .pglt-bkstacks_in_2038 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2038 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2038 > .pglt-image { } .pagelit_style #stacks_out_2038 #stacks_in_2038 .pglt-frstacks_in_2038, .pagelit_style + .anim .pglt-frstacks_in_2038, .pagelit_style .pglt-frstacks_in_2038 { } .pagelit_style #stacks_out_2038 #stacks_in_2038 .pglt-bkstacks_in_2038, .pagelit_style + .anim .pglt-bkstacks_in_2038, .pagelit_style .pglt-bkstacks_in_2038 { } .pagelit_style #stacks_out_2040 #stacks_in_2040 .pglt-frstacks_in_2040 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2040 > .pglt-image, .pagelit_style .pglt-frstacks_in_2040 > .pglt-image { } .pagelit_style #stacks_out_2040 #stacks_in_2040 .pglt-bkstacks_in_2040 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2040 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2040 > .pglt-image { } .pagelit_style #stacks_out_2040 #stacks_in_2040 .pglt-frstacks_in_2040, .pagelit_style + .anim .pglt-frstacks_in_2040, .pagelit_style .pglt-frstacks_in_2040 { } .pagelit_style #stacks_out_2040 #stacks_in_2040 .pglt-bkstacks_in_2040, .pagelit_style + .anim .pglt-bkstacks_in_2040, .pagelit_style .pglt-bkstacks_in_2040 { } .pagelit_style #stacks_out_2042 #stacks_in_2042 .pglt-frstacks_in_2042 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2042 > .pglt-image, .pagelit_style .pglt-frstacks_in_2042 > .pglt-image { } .pagelit_style #stacks_out_2042 #stacks_in_2042 .pglt-bkstacks_in_2042 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2042 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2042 > .pglt-image { } .pagelit_style #stacks_out_2042 #stacks_in_2042 .pglt-frstacks_in_2042, .pagelit_style + .anim .pglt-frstacks_in_2042, .pagelit_style .pglt-frstacks_in_2042 { } .pagelit_style #stacks_out_2042 #stacks_in_2042 .pglt-bkstacks_in_2042, .pagelit_style + .anim .pglt-bkstacks_in_2042, .pagelit_style .pglt-bkstacks_in_2042 { } .pagelit_style #stacks_out_2044 #stacks_in_2044 .pglt-frstacks_in_2044 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2044 > .pglt-image, .pagelit_style .pglt-frstacks_in_2044 > .pglt-image { } .pagelit_style #stacks_out_2044 #stacks_in_2044 .pglt-bkstacks_in_2044 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2044 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2044 > .pglt-image { } .pagelit_style #stacks_out_2044 #stacks_in_2044 .pglt-frstacks_in_2044, .pagelit_style + .anim .pglt-frstacks_in_2044, .pagelit_style .pglt-frstacks_in_2044 { } .pagelit_style #stacks_out_2044 #stacks_in_2044 .pglt-bkstacks_in_2044, .pagelit_style + .anim .pglt-bkstacks_in_2044, .pagelit_style .pglt-bkstacks_in_2044 { } .pagelit_style #stacks_out_2047 #stacks_in_2047 .pglt-frstacks_in_2047 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2047 > .pglt-image, .pagelit_style .pglt-frstacks_in_2047 > .pglt-image { } .pagelit_style #stacks_out_2047 #stacks_in_2047 .pglt-bkstacks_in_2047 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2047 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2047 > .pglt-image { } .pagelit_style #stacks_out_2047 #stacks_in_2047 .pglt-frstacks_in_2047, .pagelit_style + .anim .pglt-frstacks_in_2047, .pagelit_style .pglt-frstacks_in_2047 { } .pagelit_style #stacks_out_2047 #stacks_in_2047 .pglt-bkstacks_in_2047, .pagelit_style + .anim .pglt-bkstacks_in_2047, .pagelit_style .pglt-bkstacks_in_2047 { } .pagelit_style #stacks_out_2049 #stacks_in_2049 .pglt-frstacks_in_2049 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2049 > .pglt-image, .pagelit_style .pglt-frstacks_in_2049 > .pglt-image { } .pagelit_style #stacks_out_2049 #stacks_in_2049 .pglt-bkstacks_in_2049 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2049 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2049 > .pglt-image { } .pagelit_style #stacks_out_2049 #stacks_in_2049 .pglt-frstacks_in_2049, .pagelit_style + .anim .pglt-frstacks_in_2049, .pagelit_style .pglt-frstacks_in_2049 { } .pagelit_style #stacks_out_2049 #stacks_in_2049 .pglt-bkstacks_in_2049, .pagelit_style + .anim .pglt-bkstacks_in_2049, .pagelit_style .pglt-bkstacks_in_2049 { } .pagelit_style #stacks_out_2052 #stacks_in_2052 .pglt-frstacks_in_2052 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2052 > .pglt-image, .pagelit_style .pglt-frstacks_in_2052 > .pglt-image { } .pagelit_style #stacks_out_2052 #stacks_in_2052 .pglt-bkstacks_in_2052 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2052 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2052 > .pglt-image { } .pagelit_style #stacks_out_2052 #stacks_in_2052 .pglt-frstacks_in_2052, .pagelit_style + .anim .pglt-frstacks_in_2052, .pagelit_style .pglt-frstacks_in_2052 { } .pagelit_style #stacks_out_2052 #stacks_in_2052 .pglt-bkstacks_in_2052, .pagelit_style + .anim .pglt-bkstacks_in_2052, .pagelit_style .pglt-bkstacks_in_2052 { } .pagelit_style #stacks_out_2054 #stacks_in_2054 .pglt-frstacks_in_2054 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2054 > .pglt-image, .pagelit_style .pglt-frstacks_in_2054 > .pglt-image { } .pagelit_style #stacks_out_2054 #stacks_in_2054 .pglt-bkstacks_in_2054 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2054 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2054 > .pglt-image { } .pagelit_style #stacks_out_2054 #stacks_in_2054 .pglt-frstacks_in_2054, .pagelit_style + .anim .pglt-frstacks_in_2054, .pagelit_style .pglt-frstacks_in_2054 { } .pagelit_style #stacks_out_2054 #stacks_in_2054 .pglt-bkstacks_in_2054, .pagelit_style + .anim .pglt-bkstacks_in_2054, .pagelit_style .pglt-bkstacks_in_2054 { } .pagelit_style #stacks_out_2074 #stacks_in_2074 .pglt-frstacks_in_2074 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2074 > .pglt-image, .pagelit_style .pglt-frstacks_in_2074 > .pglt-image { } .pagelit_style #stacks_out_2074 #stacks_in_2074 .pglt-bkstacks_in_2074 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2074 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2074 > .pglt-image { } .pagelit_style #stacks_out_2074 #stacks_in_2074 .pglt-frstacks_in_2074, .pagelit_style + .anim .pglt-frstacks_in_2074, .pagelit_style .pglt-frstacks_in_2074 { } .pagelit_style #stacks_out_2074 #stacks_in_2074 .pglt-bkstacks_in_2074, .pagelit_style + .anim .pglt-bkstacks_in_2074, .pagelit_style .pglt-bkstacks_in_2074 { } .pagelit_style #stacks_out_2076 #stacks_in_2076 .pglt-frstacks_in_2076 > .pglt-image, .pagelit_style + .anim .pglt-frstacks_in_2076 > .pglt-image, .pagelit_style .pglt-frstacks_in_2076 > .pglt-image { } .pagelit_style #stacks_out_2076 #stacks_in_2076 .pglt-bkstacks_in_2076 > .pglt-image, .pagelit_style + .anim .pglt-bkstacks_in_2076 > .pglt-image, .pagelit_style .pglt-bkstacks_in_2076 > .pglt-image { } .pagelit_style #stacks_out_2076 #stacks_in_2076 .pglt-frstacks_in_2076, .pagelit_style + .anim .pglt-frstacks_in_2076, .pagelit_style .pglt-frstacks_in_2076 { } .pagelit_style #stacks_out_2076 #stacks_in_2076 .pglt-bkstacks_in_2076, .pagelit_style + .anim .pglt-bkstacks_in_2076, .pagelit_style .pglt-bkstacks_in_2076 { } /* 1.0.0.2 - fixes z-index overflow bug - fixes a bug that could cause the "Edit layer" option to not switch */ #stacks_in_1896 { display: flex; width: 100%; justify-content: center; } #stacks_in_1896 .overlap-wrap { width: 100%; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on { position: relative; width: 800px; transform-origin: top left; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-1 { width: 100%; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-2 { width: 60%; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-3 { width: 75%; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-4 { width: 45%; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-5 { width: 100%; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-6 { width: 100%; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on { z-index: 10; } #stacks_in_1896 .overlap-canvas > .overlap-el { margin: 12px 0; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-el { position: absolute; margin: 0; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-1 { transform: translate(-50%,-50%) rotate(0deg); top: 50%; left: 50%; z-index: 1; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-2 { transform: translate(-50%,-50%) rotate(-10deg); top: 55%; left: 65%; z-index: 2; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-3 { transform: translate(-50%,-50%) rotate(20deg); top: 63%; left: 63%; z-index: 3; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-4 { transform: translate(-50%,-50%) rotate(-40deg); top: 35%; left: 25%; z-index: 4; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-5 { transform: translate(-50%,-50%) rotate(0deg); top: 50%; left: 50%; z-index: 5; } #stacks_in_1896 .overlap-canvas.overlap-canvas-on > .overlap-6 { transform: translate(-50%,-50%) rotate(0deg); top: 50%; left: 50%; z-index: 6; } #stacks_in_1926 .assemble-wrap .assemble-panel.assembled { -webkit-transition: transform 1500ms ease, opacity 1500ms ease; transition: transform 1500ms ease, opacity 1500ms ease; } .assemble-wrap.assemble-bounce .assemble-panel.assembled { animation: assemble-bounce 1500ms linear; } #lorem_ipsum_stacks_in_2036 { color: rgba(248, 210, 108, 1.00); } #stacks_in_1928 .assemble-wrap .assemble-panel.assembled { -webkit-transition: transform 1500ms ease, opacity 1500ms ease; transition: transform 1500ms ease, opacity 1500ms ease; } .assemble-wrap.assemble-bounce .assemble-panel.assembled { animation: assemble-bounce 1500ms linear; } #stacks_in_1910 h3,#stacks_in_1910 div{color:rgba(34, 34, 34, 0.78)}#stacks_in_1910 h3 a,#stacks_in_1910 div a{color:rgba(34, 34, 34, 0.78)}#stacks_in_1910 h3 a:hover,#stacks_in_1910 div a:hover{color:rgba(25, 25, 25, 0.78)}#stacks_in_1910 small,#stacks_in_1910 small div{color:rgba(111, 111, 111, 1.00)} #stacks_in_1910 { background-color: rgba(135, 198, 63, 0.80); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_out_1910 { width: 350px; } #stacks_in_1924 .assemble-wrap .assemble-panel.assembled { -webkit-transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; } .assemble-wrap.assemble-bounce .assemble-panel.assembled { animation: assemble-bounce 2000ms linear; } #stacks_in_1915 h3,#stacks_in_1915 div{color:rgba(32, 236, 221, 0.70)}#stacks_in_1915 h3 a,#stacks_in_1915 div a{color:rgba(32, 236, 221, 0.70)}#stacks_in_1915 h3 a:hover,#stacks_in_1915 div a:hover{color:rgba(24, 177, 165, 0.70)}#stacks_in_1915 small,#stacks_in_1915 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_1915 .hTxt{text-shadow:0px 4px 2px rgba(147, 147, 147, 0.30),0px 4px 5px rgba(192, 192, 192, 0.30),0px 4px 5px rgba(192, 192, 192, 0.30)} /* 1.0.3 - support for html tables added - show all and sort was sorting in the wrong direction - fixed icon alignment issue with search field centered */ #stacks_in_692, #stacks_out_692 { overflow: visible; } .autocomplete_stacks_in_692 * { box-sizing: border-box; } .autocomplete_stacks_in_692 { width: 100%; position: relative; display: inline-block; text-align: center; } .autocomplete_stacks_in_692 > div { position: relative; max-width: 250px; width: 100%; display: inline-block; } .autocomplete_stacks_in_692 > div > input, .autocomplete_stacks_in_692 > div > .autocomplete-items { display: inline-block; margin: 0; text-align: center; width: 100%; border-radius: 4px; border: 0px solid rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.05); color: rgba(17, 128, 2, 1.00); font-size: 18px; line-height: 36px; padding: 0px 34px 0px 35px; padding: 0px 18px 0px 35px; box-shadow: none; } .autocomplete_stacks_in_692 > div > input:valid { padding: 0px 34px 0px 12px; padding: 0px 34px } .autocomplete_stacks_in_692 > div > .quick-finder-icon, .autocomplete_stacks_in_692 > div > .quick-finder-clear { position: absolute; top: -1px; left: 12px; width: 20px; height: 36px; } .autocomplete_stacks_in_692 > div > .quick-finder-clear { box-sizing: content-box; cursor: pointer; top: 0; left: auto; right: 0; padding-right: 12px; display: none; } .autocomplete_stacks_in_692.qs-active > div > .quick-finder-clear path { pointer-events: none; } .autocomplete_stacks_in_692 > div > svg path { fill: rgba(0, 0, 0, 0.20); } .autocomplete_stacks_in_692 > div > input::placeholder { color: rgba(0, 0, 0, 0.20); } .autocomplete_stacks_in_692.qs-active > div > .quick-finder-icon { display: none; } .autocomplete_stacks_in_692.qs-active > div > .quick-finder-clear { display: block; } .autocomplete_stacks_in_692.qs-active > div > input::placeholder { color: transparent; } .autocomplete_stacks_in_692 > div > .autocomplete-items { position: absolute; padding: 0; overflow: hidden; background: rgba(243, 243, 243, 1.00); border-color: rgba(230, 230, 230, 1.00); border-width: 0px; border-bottom: none; z-index: 9999; top: 100%; top: calc(100% + 4px); left: 0; right: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .autocomplete_stacks_in_692 > div > .autocomplete-items div { cursor: pointer; border-bottom: 1px solid rgba(230, 230, 230, 1.00); background-color: transparent; color: rgba(0, 0, 0, 0.50); font-size: 18px; line-height: 36px; padding: 0px 12px; } .autocomplete_stacks_in_692 > div > .autocomplete-items div:hover { color: rgba(0, 0, 0, 0.80); } .quick-finder-content-unique-id quickfinder { display: inline; background: rgba(249, 242, 45, 1.00); color: rgba(0, 0, 0, 1.00); } .quick-finder-content-unique-id { max-width: 1280px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 12px; } @media all and (max-width: 768px) { .quick-finder-content-unique-id { grid-template-columns: repeat(1, 1fr); } } @media all and (max-width: 414px) { .quick-finder-content-unique-id { grid-template-columns: repeat(1, 1fr); } } #stacks_in_693, #stacks_out_693 { overflow: visible; } #stacks_in_693 { padding: 20px; } /* * Typography: Text * Author: Jeremy Hawes * Version: 1.0.0 * URL: http://onelittledesigner.com * Description: Typography Text stack for RapidWeaver 5+ Stack 2+ */ .typography_core #typography_text_stacks_in_711, .typography_core p#typography_text_stacks_in_711, .typography_core div#typography_text_stacks_in_711, .typography_core blockquote#typography_text_stacks_in_711, .typography_core address#typography_text_stacks_in_711, .typography_core details#typography_text_stacks_in_711 { width: 100%; font-family: inherit; padding: 0; margin: 0; text-align: left; display: block; -webkit-transform: scale(1.00,1.00); -moz-transform: scale(1.00,1.00); transform: scale(1.00,1.00); } #typography_text_stacks_in_711.layoutColumns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-fill: auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 0px outset #E0E0E0; -moz-column-rule: 0px outset #E0E0E0; column-rule: 0px outset #E0E0E0; } #typography_text_stacks_in_711.dropCap1 .dropCap { font-family: inherit; font-size: 40px; color: #CD3333; padding-top: 12px; padding-right: 8px; padding-bottom: 4px; padding-left: 0px; display: inline-block; float: left; } /* * Typography: Text * Author: Jeremy Hawes * Version: 1.0.0 * URL: http://onelittledesigner.com * Description: Typography Text stack for RapidWeaver 5+ Stack 2+ */ .typography_core #typography_text_stacks_in_709, .typography_core p#typography_text_stacks_in_709, .typography_core div#typography_text_stacks_in_709, .typography_core blockquote#typography_text_stacks_in_709, .typography_core address#typography_text_stacks_in_709, .typography_core details#typography_text_stacks_in_709 { width: 100%; font-family: inherit; padding: 0; margin: 0; text-align: left; display: block; -webkit-transform: scale(1.00,1.00); -moz-transform: scale(1.00,1.00); transform: scale(1.00,1.00); } #typography_text_stacks_in_709.layoutColumns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-fill: auto; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-column-rule: 0px outset #E0E0E0; -moz-column-rule: 0px outset #E0E0E0; column-rule: 0px outset #E0E0E0; } #typography_text_stacks_in_709.dropCap1 .dropCap { font-family: inherit; font-size: 40px; color: #CD3333; padding-top: 12px; padding-right: 8px; padding-bottom: 4px; padding-left: 0px; display: inline-block; float: left; } #stacks_in_1352 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 14px; } #stacks_in_1353 .shapes-inner-wrap-edit { margin: 0 auto;} #stacks_in_1353.shapes-wrap, #stacks_in_1353 .shapes-inner-wrap-edit { background-image: linear-gradient(135deg, rgba(255, 255, 255, 1.00) 0%,rgba(102, 255, 102, 1.00) 50%,rgba(17, 128, 2, 1.00) 100%); position: relative; } #stacks_in_1353.shapes-wrap .shapes-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } #stacks_in_1353.shapes-wrap .shapes-content-wrap { background-repeat: repeat; background-size: 70px; background-position: center; } .shapes-pattern-wrap#pat_stacks_in_1353 { width: 200px; height: 200px; transform-origin: top left; transform: scale(2); position: fixed; top: 0px; left: 0px; opacity: 0; pointer-events: none; } .shapes-pattern-wrap#pat_stacks_in_1353 svg { overflow: visible; } .shapes-pattern-wrap#pat_stacks_in_1353 .shapes-item-1 { fill: rgba(227, 227, 227, 1.00); stroke: rgba(227, 227, 227, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1353 .shapes-item-2 { fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1353 .shapes-item-3 { fill: rgba(117, 228, 175, 1.00); stroke: rgba(117, 228, 175, 1.00); } #stacks_in_1353.shapes-wrap .download-pattern { padding: 6px 12px; font-size: 14px; line-height: 14px; border-radius: 4px; background: #f3f3f3; color: #333; border: 1px solid rgba(0,0,0,0.15); position: absolute; top: 8px; right: 8px; display: none; cursor: pointer; } #stacks_in_1353.debug .shapes-pattern-wrap#pat_stacks_in_1353 { opacity: 1; pointer-events: all; z-index: 99999; left: 200px; top: 200px; } #stacks_in_1353.debug .shapes-inner-wrap:before { content: ""; position: absolute; left: 200px; top: 200px; width: 400px; height: 400px; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); z-index: 99999; } #stacks_in_1353.debug .shapes-inner-wrap:after { content: ""; position: absolute; left: 200px; top: 200px; z-index: 100000; height: 400px; width: 400px; outline: 1px solid #999; pointer-events: none; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1368, .shape-wrap#shape-stacks_in_1368:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 0px; width: 100px; height: 100px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1368 img { width: 100px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1368 svg { width: 100.000000px; height: 100.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1371, .shape-wrap#shape-stacks_in_1371:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 85px; top: 55px; width: 100px; height: 100px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1371 img { width: 100px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1371 svg { width: 100.000000px; height: 100.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1370, .shape-wrap#shape-stacks_in_1370:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 70px; top: 100px; width: 100px; height: 100px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1370 img { width: 100px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1370 svg { width: 100.000000px; height: 100.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } #stacks_in_1355 { padding: 15px; } #stacks_out_1355 { width: 400px; } #stacks_in_1334 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 14px; } #stacks_in_1335 .shapes-inner-wrap-edit { margin: 0 auto;} #stacks_in_1335.shapes-wrap, #stacks_in_1335 .shapes-inner-wrap-edit { background-color : rgba(128, 0, 255, 0.21); position: relative; } #stacks_in_1335.shapes-wrap .shapes-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } #stacks_in_1335.shapes-wrap .shapes-content-wrap { background-repeat: repeat; background-size: 70px; background-position: center; } .shapes-pattern-wrap#pat_stacks_in_1335 { width: 200px; height: 200px; transform-origin: top left; transform: scale(2); position: fixed; top: 0px; left: 0px; opacity: 0; pointer-events: none; } .shapes-pattern-wrap#pat_stacks_in_1335 svg { overflow: visible; } .shapes-pattern-wrap#pat_stacks_in_1335 .shapes-item-1 { fill: rgba(227, 227, 227, 1.00); stroke: rgba(227, 227, 227, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1335 .shapes-item-2 { fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1335 .shapes-item-3 { fill: rgba(117, 228, 175, 1.00); stroke: rgba(117, 228, 175, 1.00); } #stacks_in_1335.shapes-wrap .download-pattern { padding: 6px 12px; font-size: 14px; line-height: 14px; border-radius: 4px; background: #f3f3f3; color: #333; border: 1px solid rgba(0,0,0,0.15); position: absolute; top: 8px; right: 8px; display: none; cursor: pointer; } #stacks_in_1335.debug .shapes-pattern-wrap#pat_stacks_in_1335 { opacity: 1; pointer-events: all; z-index: 99999; left: 200px; top: 200px; } #stacks_in_1335.debug .shapes-inner-wrap:before { content: ""; position: absolute; left: 200px; top: 200px; width: 400px; height: 400px; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); z-index: 99999; } #stacks_in_1335.debug .shapes-inner-wrap:after { content: ""; position: absolute; left: 200px; top: 200px; z-index: 100000; height: 400px; width: 400px; outline: 1px solid #999; pointer-events: none; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1350, .shape-wrap#shape-stacks_in_1350:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 70px; top: 100px; width: 70px; height: 70px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1350 img { width: 70px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1350 svg { width: 70.000000px; height: 70.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } #stacks_in_1337 { padding: 15px; } #stacks_out_1337 { width: 250px; } #stacks_in_1316 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 14px; } #stacks_in_1317 .shapes-inner-wrap-edit { margin: 0 auto;} #stacks_in_1317.shapes-wrap, #stacks_in_1317 .shapes-inner-wrap-edit { position: relative; } #stacks_in_1317.shapes-wrap .shapes-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } #stacks_in_1317.shapes-wrap .shapes-content-wrap { background-image: url(../files/patternImg-1317.png); background-repeat: repeat; background-size: 200px; background-position: center; } .shapes-pattern-wrap#pat_stacks_in_1317 { width: 200px; height: 200px; transform-origin: top left; transform: scale(2); position: fixed; top: 0px; left: 0px; opacity: 0; pointer-events: none; } .shapes-pattern-wrap#pat_stacks_in_1317 svg { overflow: visible; } .shapes-pattern-wrap#pat_stacks_in_1317 .shapes-item-1 { fill: rgba(227, 227, 227, 1.00); stroke: rgba(227, 227, 227, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1317 .shapes-item-2 { fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1317 .shapes-item-3 { fill: rgba(117, 228, 175, 1.00); stroke: rgba(117, 228, 175, 1.00); } #stacks_in_1317.shapes-wrap .download-pattern { padding: 6px 12px; font-size: 14px; line-height: 14px; border-radius: 4px; background: #f3f3f3; color: #333; border: 1px solid rgba(0,0,0,0.15); position: absolute; top: 8px; right: 8px; display: none; cursor: pointer; } #stacks_in_1317.debug .shapes-pattern-wrap#pat_stacks_in_1317 { opacity: 1; pointer-events: all; z-index: 99999; left: 200px; top: 200px; } #stacks_in_1317.debug .shapes-inner-wrap:before { content: ""; position: absolute; left: 200px; top: 200px; width: 400px; height: 400px; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); z-index: 99999; } #stacks_in_1317.debug .shapes-inner-wrap:after { content: ""; position: absolute; left: 200px; top: 200px; z-index: 100000; height: 400px; width: 400px; outline: 1px solid #999; pointer-events: none; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1332, .shape-wrap#shape-stacks_in_1332:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1332 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1332 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } #stacks_in_1319 { padding: 15px; } #stacks_in_1312 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 14px; } #stacks_in_1298 .shapes-inner-wrap-edit { margin: 0 auto;} #stacks_in_1298.shapes-wrap, #stacks_in_1298 .shapes-inner-wrap-edit { position: relative; } #stacks_in_1298.shapes-wrap .shapes-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } #stacks_in_1298.shapes-wrap .shapes-content-wrap { background-image: url(../files/patternImg-1298.png); background-repeat: repeat; background-size: 200px; background-position: center; } .shapes-pattern-wrap#pat_stacks_in_1298 { width: 200px; height: 200px; transform-origin: top left; transform: scale(2); position: fixed; top: 0px; left: 0px; opacity: 0; pointer-events: none; } .shapes-pattern-wrap#pat_stacks_in_1298 svg { overflow: visible; } .shapes-pattern-wrap#pat_stacks_in_1298 .shapes-item-1 { fill: rgba(227, 227, 227, 1.00); stroke: rgba(227, 227, 227, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1298 .shapes-item-2 { fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); } .shapes-pattern-wrap#pat_stacks_in_1298 .shapes-item-3 { fill: rgba(117, 228, 175, 1.00); stroke: rgba(117, 228, 175, 1.00); } #stacks_in_1298.shapes-wrap .download-pattern { padding: 6px 12px; font-size: 14px; line-height: 14px; border-radius: 4px; background: #f3f3f3; color: #333; border: 1px solid rgba(0,0,0,0.15); position: absolute; top: 8px; right: 8px; display: none; cursor: pointer; } #stacks_in_1298.debug .shapes-pattern-wrap#pat_stacks_in_1298 { opacity: 1; pointer-events: all; z-index: 99999; left: 200px; top: 200px; } #stacks_in_1298.debug .shapes-inner-wrap:before { content: ""; position: absolute; left: 200px; top: 200px; width: 400px; height: 400px; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); z-index: 99999; } #stacks_in_1298.debug .shapes-inner-wrap:after { content: ""; position: absolute; left: 200px; top: 200px; z-index: 100000; height: 400px; width: 400px; outline: 1px solid #999; pointer-events: none; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1300, .shape-wrap#shape-stacks_in_1300:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1300 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_1300 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } #stacks_in_1314 { padding: 15px; } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_1832 > div { background-color: transparent; transition: transform 700ms ease, opacity 700ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_1832 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_1832 .stacks_in_1832 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_1832 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_1832 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_1832 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_1832 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_1832 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_1832 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_1832 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_1832 .index-nav > .index-next, #stacks_out_1832 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_1832 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_1832 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_1832 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_1832 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_1832 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_1832 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ } #stacks_out_1832 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_1832 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_1832, #stacks_in_1832, .stacks_in_1832 > .stacks_out { overflow: visible; } #stacks_out_1832 { max-width: 640px; width: 100%; } .stacks_in_1832 { margin-top: 6%; } .stacks_in_1832 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_1832 > .stacks_out, .stacks_in_1832 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_1832 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_1832 > .stacks_out { transform: translate(0,-8.328000%,0) scale(.7) ; transition: transform 700ms ease, opacity 700ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_1832 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_1832 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 700ms linear; } .stacks_in_1832 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_1832 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 700ms ease, opacity 700ms ease; opacity: 0; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_1832 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-4.164000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-8.328000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-8.328000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-8.328000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-8.328000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-8.328000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-8.328000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_1832 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-8.328000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ #stacks_out_1832 { max-width: 646px; } .stacks_in_1832 { margin-top: 0px; margin-left: 6%; } .stacks_in_1832 > .stacks_out { transform: translate3d(calc(6% / -.94),0,0px) scale(.7) ; transform-origin: center left; width: 94%; } .stacks_in_1832 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(50%,0,1px) scale(1) ; */ transform: translate3d(calc(6% / .94 * 1.5),0,1px) scale(1.1) ; } .stacks_in_1832 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(calc(6% / .94 * -.5),0,-1px) scale(.9) ; } .stacks_in_1832 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(calc(6% / -.94),0,-2px) scale(.8) ; } .stacks_in_1832 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(calc(6% / -.94),0,-3px) scale(.7) ; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_1832 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_1832 .index-nav > .index-next, #stacks_out_1832 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_1832 .index-nav > .index-bullets { height: 60px; } #stacks_out_1832 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ #stacks_in_1995 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_1995.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_1995.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_1995.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1995.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1995.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_1995.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_1995.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_1995.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_1995.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_1995.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_1995.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_1995.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_1995.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_1995.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_1995.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_1995.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_1995.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_1995.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_1995.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_1995.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_1995.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_1995.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_1995.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_1995.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_1995.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_1995.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_1995.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_1995.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_1995.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_1995.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_1995.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_1995.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_1995.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1995.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_1995.ath-card, #stacks_in_1995.ath-card.card-theme-2, #stacks_in_1995.ath-card.card-theme-3, #stacks_in_1995.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_1995.ath-card .ath-content, #stacks_in_1995.ath-card.card-theme-2 .ath-content, #stacks_in_1995.ath-card.card-theme-3 .ath-content, #stacks_in_1995.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_1995.ath-card .ath-content .ath-portrait, #stacks_in_1995.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1995.ath-card .ath-content .ath-details, #stacks_in_1995.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_1995.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_1995.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_1995.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_1995.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_1995.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_1995.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_1995.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_1995.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_1995.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_1995.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_1995.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1995.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1995.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* */ #stacks_in_1984 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_1984.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_1984.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_1984.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1984.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1984.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_1984.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_1984.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_1984.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_1984.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_1984.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_1984.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_1984.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_1984.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_1984.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_1984.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_1984.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_1984.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_1984.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_1984.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_1984.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_1984.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_1984.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_1984.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_1984.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_1984.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_1984.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_1984.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_1984.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_1984.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_1984.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_1984.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_1984.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_1984.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1984.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_1984.ath-card, #stacks_in_1984.ath-card.card-theme-2, #stacks_in_1984.ath-card.card-theme-3, #stacks_in_1984.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_1984.ath-card .ath-content, #stacks_in_1984.ath-card.card-theme-2 .ath-content, #stacks_in_1984.ath-card.card-theme-3 .ath-content, #stacks_in_1984.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_1984.ath-card .ath-content .ath-portrait, #stacks_in_1984.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1984.ath-card .ath-content .ath-details, #stacks_in_1984.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_1984.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_1984.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_1984.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_1984.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_1984.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_1984.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_1984.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_1984.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_1984.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_1984.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_1984.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1984.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1984.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* */ #stacks_in_1844 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_1844.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_1844.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_1844.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1844.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1844.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_1844.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_1844.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_1844.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_1844.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_1844.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_1844.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_1844.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_1844.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_1844.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_1844.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_1844.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_1844.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_1844.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_1844.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_1844.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_1844.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_1844.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_1844.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_1844.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_1844.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_1844.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_1844.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_1844.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_1844.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_1844.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_1844.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_1844.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_1844.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1844.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_1844.ath-card, #stacks_in_1844.ath-card.card-theme-2, #stacks_in_1844.ath-card.card-theme-3, #stacks_in_1844.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_1844.ath-card .ath-content, #stacks_in_1844.ath-card.card-theme-2 .ath-content, #stacks_in_1844.ath-card.card-theme-3 .ath-content, #stacks_in_1844.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_1844.ath-card .ath-content .ath-portrait, #stacks_in_1844.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1844.ath-card .ath-content .ath-details, #stacks_in_1844.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_1844.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_1844.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_1844.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_1844.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_1844.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_1844.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_1844.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_1844.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_1844.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_1844.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_1844.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1844.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1844.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* */ #stacks_in_1852 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_1852.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_1852.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_1852.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1852.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1852.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_1852.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_1852.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_1852.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_1852.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_1852.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_1852.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_1852.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_1852.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_1852.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_1852.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_1852.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_1852.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_1852.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_1852.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_1852.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_1852.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_1852.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_1852.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_1852.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_1852.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_1852.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_1852.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_1852.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_1852.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_1852.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_1852.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_1852.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_1852.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1852.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_1852.ath-card, #stacks_in_1852.ath-card.card-theme-2, #stacks_in_1852.ath-card.card-theme-3, #stacks_in_1852.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_1852.ath-card .ath-content, #stacks_in_1852.ath-card.card-theme-2 .ath-content, #stacks_in_1852.ath-card.card-theme-3 .ath-content, #stacks_in_1852.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_1852.ath-card .ath-content .ath-portrait, #stacks_in_1852.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1852.ath-card .ath-content .ath-details, #stacks_in_1852.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_1852.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_1852.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_1852.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_1852.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_1852.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_1852.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_1852.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_1852.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_1852.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_1852.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_1852.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1852.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1852.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* */ #stacks_in_1860 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_1860.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_1860.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_1860.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1860.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1860.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_1860.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_1860.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_1860.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_1860.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_1860.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_1860.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_1860.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_1860.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_1860.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_1860.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_1860.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_1860.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_1860.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_1860.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_1860.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_1860.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_1860.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_1860.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_1860.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_1860.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_1860.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_1860.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_1860.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_1860.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_1860.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_1860.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_1860.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_1860.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1860.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_1860.ath-card, #stacks_in_1860.ath-card.card-theme-2, #stacks_in_1860.ath-card.card-theme-3, #stacks_in_1860.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_1860.ath-card .ath-content, #stacks_in_1860.ath-card.card-theme-2 .ath-content, #stacks_in_1860.ath-card.card-theme-3 .ath-content, #stacks_in_1860.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_1860.ath-card .ath-content .ath-portrait, #stacks_in_1860.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1860.ath-card .ath-content .ath-details, #stacks_in_1860.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_1860.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_1860.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_1860.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_1860.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_1860.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_1860.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_1860.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_1860.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_1860.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_1860.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_1860.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1860.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1860.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* */ #stacks_in_2020 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_2020.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_2020.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_2020.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_2020.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_2020.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_2020.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_2020.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_2020.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_2020.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_2020.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_2020.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_2020.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_2020.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_2020.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_2020.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_2020.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_2020.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_2020.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_2020.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_2020.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_2020.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_2020.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_2020.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_2020.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_2020.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_2020.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_2020.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_2020.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_2020.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_2020.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_2020.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_2020.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_2020.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_2020.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_2020.ath-card, #stacks_in_2020.ath-card.card-theme-2, #stacks_in_2020.ath-card.card-theme-3, #stacks_in_2020.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_2020.ath-card .ath-content, #stacks_in_2020.ath-card.card-theme-2 .ath-content, #stacks_in_2020.ath-card.card-theme-3 .ath-content, #stacks_in_2020.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_2020.ath-card .ath-content .ath-portrait, #stacks_in_2020.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_2020.ath-card .ath-content .ath-details, #stacks_in_2020.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_2020.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_2020.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_2020.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_2020.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_2020.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_2020.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_2020.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_2020.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_2020.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_2020.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_2020.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_2020.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_2020.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* */ #stacks_in_2010 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_2010.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_2010.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_2010.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_2010.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_2010.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_2010.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_2010.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_2010.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_2010.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_2010.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_2010.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_2010.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_2010.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_2010.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_2010.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_2010.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_2010.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_2010.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_2010.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_2010.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_2010.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_2010.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_2010.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_2010.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_2010.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_2010.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_2010.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_2010.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_2010.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_2010.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_2010.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_2010.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_2010.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_2010.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_2010.ath-card, #stacks_in_2010.ath-card.card-theme-2, #stacks_in_2010.ath-card.card-theme-3, #stacks_in_2010.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_2010.ath-card .ath-content, #stacks_in_2010.ath-card.card-theme-2 .ath-content, #stacks_in_2010.ath-card.card-theme-3 .ath-content, #stacks_in_2010.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_2010.ath-card .ath-content .ath-portrait, #stacks_in_2010.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_2010.ath-card .ath-content .ath-details, #stacks_in_2010.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_2010.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_2010.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_2010.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_2010.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_2010.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_2010.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_2010.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_2010.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_2010.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_2010.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_2010.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_2010.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_2010.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* */ #stacks_in_1868 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_1868.ath-card { box-sizing: border-box; max-width: 550px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: inherit; } #stacks_in_1868.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_1868.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1868.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1868.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_1868.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_1868.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-size: cover; background-position: center; } #stacks_in_1868.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_1868.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_1868.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_1868.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_1868.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: inherit; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_1868.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_1868.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_1868.ath-card .ath-footer { display: inline-block; float: left; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_1868.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_1868.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_1868.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_1868.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_1868.ath-card.card-hover .ath-content .ath-portrait:before { background: rgba(0,0,0,0.2); } #stacks_in_1868.ath-card.card-theme-2 { max-width: 550px; position: relative; } #stacks_in_1868.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_1868.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_1868.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_1868.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_1868.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_1868.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_1868.ath-card.card-theme-3 { position: relative; max-width: 550px; overflow: hidden; } #stacks_in_1868.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_1868.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_1868.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_1868.ath-card.card-theme-4 { max-width: 550px; background: rgba(198, 50, 235, 1.00); background: -webkit-linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; background: linear-gradient(45deg, rgba(198, 50, 235, 1.00) 0%, rgba(1, 166, 171, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_1868.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1868.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } @media screen and (max-width: 767px) { #stacks_in_1868.ath-card, #stacks_in_1868.ath-card.card-theme-2, #stacks_in_1868.ath-card.card-theme-3, #stacks_in_1868.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_1868.ath-card .ath-content, #stacks_in_1868.ath-card.card-theme-2 .ath-content, #stacks_in_1868.ath-card.card-theme-3 .ath-content, #stacks_in_1868.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_1868.ath-card .ath-content .ath-portrait, #stacks_in_1868.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1868.ath-card .ath-content .ath-details, #stacks_in_1868.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_1868.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_1868.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_1868.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_1868.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_1868.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_1868.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_1868.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_1868.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_1868.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_1868.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_1868.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_1868.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_1868.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } } /* * Ice Box * AUTHOR: JEREMY HAWES * Support: support@1littledesigner.com * Version: 1.1.0 * Description: Minimal Gallery Lightbox for RapidWeaver 5+ & Stacks 2+ */ /* MODAL/LIGHTBOX STYLES */ #Choco_content, #Choco_content * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #Choco_overlay { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; display: none; padding: 0; margin: 0; background: #999999 !important; background-color: #999999 !important; } #Choco_content { display: none; z-index: 10001; position: fixed; left: 50%; top: 50%; border-top: 1px solid transparent; overflow: visible !important; } #Choco_content #Choco_close { background-image: url(../files/imageClose-1236.png) !important; width: 30px; height: 20px; background-repeat: no-repeat; z-index: 10002; cursor: pointer; margin-top: -20px; display: none; } #Choco_content #Choco_loading { background-image: url() !important; width: 9px; height: 11px; background-repeat: no-repeat; z-index: 10002; cursor: pointer; float: right; margin-top: -20px; display: none; } #Choco_content #Choco_left_arrow { background-image: url(../files/imageLeft-1236.png) !important; float: left; background-position: 12%; left: -12%; } #Choco_content #Choco_right_arrow { background-image: url(../files/imageRight-1236.png) !important; float: right; background-position: 88%; left: 12%; } #Choco_content .Choco_arrows { background-repeat: no-repeat; display: none; position: relative; cursor: pointer; width: 49%; top: -100%; height: 100%; margin-top: -30px; } #Choco_container_photo { text-align: center; width: 800px; height: 600px; } #Choco_container_description { padding: 0; width: 100%; color: #333333 !important; clear: both; position: relative; font-size: 12px; margin-top: -5px; visibility: hidden; height: 32px; } #Choco_container_title { float: left; padding: 5px 0; width: 84%; } #Choco_container_via { padding: 5px 0; float: right; width: 8%; text-align: right; } #Choco_bigImage { display: none; position: relative; width: 100%; height: 100%; margin-top: -5px; } /* THUMBNAIL STYLES */ #iceBox_stacks_in_1236 .chocBoxImage img { margin: 0 0px 0px 0; border-radius: 0px; float: left; } #stacks_in_1236 { margin: 30px 10px 30px 10px; padding: 5px; } /* * Booklit * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.4.0 */ #stacks_in_1237 .imagesTypeEnabled, #stacks_in_1237 .contentTypeEnabled { display: none; } #stacks_in_1237 .booklitImages .imagesTypeEnabled { display: block; } #stacks_in_1237 .booklitContent .contentTypeEnabled { display: block; } #stacks_in_1237 .imageRatio { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; background-size: cover; background-position: center center; } .loading > div, .loading > a, .loading > ul { display: none; } .loading { height: 300px; } .loading div.loader { display: block; } #stacks_in_1237.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook { position: fixed; width: 100%; left: 0; bottom: 0; margin: 0; padding: 0; height: 100%; max-width: 100%; background: rgba(0,0,0,0.75); z-index: 9999999; -webkit-perspective: 6000px; -moz-perspective: 6000px; -ms-perspective: 6000px; -o-perspective: 6000px; perspective: 6000px; } /* #stacks_in_1237.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #booklit-stacks_in_1237 { max-width: 900px; margin: 0 auto; display: block; } */ #stacks_in_1237.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #right-stacks_in_1237, #stacks_in_1237.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook #right-stacks_in_1237 { -webkit-perspective: 6000px; -moz-perspective: 6000px; -ms-perspective: 6000px; -o-perspective: 6000px; perspective: 6000px; } #stacks_in_1237.fullscreenBook .com_onelittledesigner_stacks_Booklit_Page_stack {max-width: 250.000000px;} #stacks_in_1237.fullscreenBook #booklit-stacks_in_1237 {max-width: 100% !important;} #stacks_in_1237.com_onelittledesigner_stacks_Booklit_stack.fullscreenBook .panzoom { padding: 50px !important; height: 100%; } .fullscreenBook .stacks_in, .fullscreenBook .stacks_out, .fullscreenBook .stacks_top { overflow: visible !important; } .fullscreenBook #numberNav-stacks_in_1237 { bottom: 0; } /* .fullscreenBook #stacks_in_1237 .singlePage { height: auto !important; } */ #stacks_in_1237 .toggleFullscreenBook { width: 30px; height: 30px; background-image: url("../files/img/fullscreen.png"); display: block; background-size: 100%; background-color: rgba(0,0,0,0.4); border-radius: 4px; position: absolute; right: 20px; top: 10px; z-index: 9999; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } #stacks_in_1237 .toggleFullscreenBook.close { background-image: url("../files/img/close.png"); background-color: transparent; opacity: 1; } #stacks_in_1237:hover .toggleFullscreenBook { opacity: .75; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fullscreenHeight { height: auto !important; } #stacks_in_1237 { /* -webkit-backface-visibility: hidden;*/ -webkit-transform: translateZ(0) scale(1.0, 1.0); } #booklit-stacks_in_1237 { display: inline-block; margin: 0 auto; width: 100%; /*height: 100%;*/ /* padding: 70px 0;*/ /*-webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px;*/ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #right-stacks_in_1237 { z-index:1; float: right; position: relative; width: 50%; height: 100%; -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #left-stacks_in_1237 { z-index:1; /*float: left;*/ max-width: 50%; display: block; position: relative; height: 100%; -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; /*min-height: 500px;*/ } #left-stacks_in_1237 .page { left: 100%; left: 0 \0/; /* IE8+9 */ } /*[data-stack], [data-stack] > .com_onelittledesigner_stacks_Booklit_Page_stack { -webkit-perspective: 2500px; -moz-perspective: 2500px; -ms-perspective: 2500px; -o-perspective: 2500px; perspective: 2500px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }*/ .page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; overflow: hidden; -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0); transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */ transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #stacks_in_1237 .page { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -ms-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } #stacks_in_1237 .page > div { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } #stacks_in_1237 #left-stacks_in_1237 .page { border-top-left-radius: 4px \0/; /* IE8+9 */ border-top-right-radius: 0px \0/; /* IE8+9 */ border-bottom-right-radius: 0px \0/; /* IE8+9 */ border-bottom-left-radius: 4px \0/; /* IE8+9 */ } .corner { position: absolute !important; z-index: 10000; } .front { z-index: inherit; z-index: 1; position: relative; background: #fafafa; background-size: cover; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .back { z-index: inherit; z-index: 0; position: absolute; background: #f8f8f8; background-size: cover; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(180deg) rotateX(0deg) rotateZ(0deg) ; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; } #right-stacks_in_1237 .front { -webkit-transform: rotateY(0deg) translateZ(1px); } #left-stacks_in_1237 .front { -webkit-transform: rotateY(0deg) translateZ(0px); } #right-stacks_in_1237 .back { -webkit-transform: rotateY(-180deg) translateZ(0px); } #left-stacks_in_1237 .back { -webkit-transform: rotateY(-180deg) translateZ(-1px); } #right-stacks_in_1237 .front a { -webkit-transform: translateZ(1px); } #left-stacks_in_1237 .front a { -webkit-transform: translateZ(-1px); } #right-stacks_in_1237 .back a { -webkit-transform: translateZ(-1px); } #left-stacks_in_1237 .back a { -webkit-transform: translateZ(1px); } .front a { display: inline-block; box-sizing: border-box; } .back a { display: inline-block; box-sizing: border-box; } .moveRight { -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) ; } .moveLeft { -webkit-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; -moz-transform: rotateY(-179.999deg) rotateX(0deg) rotateZ(0deg) ; -ms-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; -o-transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; transform: rotateY(-180deg) rotateX(0deg) rotateZ(0deg) ; } /* Page Index On */ /*#numberNav-stacks_in_1237 { width: 100%; box-sizing: border-box; float: left; }*/ /*#numberNav-stacks_in_1237 li { display: inline-block; list-style: none; width: 15px; cursor: pointer; } #numberNav-stacks_in_1237 li.currentPage { font-weight: bold; color: red; }*/ #numberNav-stacks_in_1237 { display: block; text-align: center; position: absolute; list-style: none; margin: 0; bottom: -60px; left: 0; right: 0; } #numberNav-stacks_in_1237 li { display: inline-block; margin: 10px; width: 20px; height: 20px; cursor: pointer; } #numberNav-stacks_in_1237 li span {display: none;} #numberNav-stacks_in_1237 li:before { background-color: #797979; content: ""; display: block; width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: 0.3s ease; } #numberNav-stacks_in_1237 li:hover:before { width: 15px; height: 15px; margin: -2px 0 0 -2px; } #numberNav-stacks_in_1237 li.currentPage:before, #numberNav-stacks_in_1237 li:hover:before { background-color: #797979; } #numberNav-stacks_in_1237 li.currentPage:hover:before, #numberNav-stacks_in_1237 li.currentPage:before { width: 20px; height: 20px; margin: -5px 0 0 -5px; } /* Pagination On */ #booklit-stacks_in_1237 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* padding: 70px 50px; */ position:static; } #booklit-stacks_in_1237 .pagination { width: 40px; height: 50px; background-color: #777777; position: absolute; z-index: 0; cursor: pointer; } #booklit-stacks_in_1237.hoverOnly #pageLeft-stacks_in_1237, #booklit-stacks_in_1237.hoverOnly #pageRight-stacks_in_1237 { filter:alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #booklit-stacks_in_1237.hoverOnly:hover #pageLeft-stacks_in_1237, #booklit-stacks_in_1237.hoverOnly:hover #pageRight-stacks_in_1237 { filter:alpha(opacity=100); opacity: 1; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #pageLeft-stacks_in_1237 { left: 10px; background-image: url('img/page-left.png'); display: none; } #pageRight-stacks_in_1237 { right: 10px; background-image: url('img/page-right.png'); } #pageRight-stacks_in_1237.flat, #pageLeft-stacks_in_1237.flat { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*-webkit-box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2); -moz-box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2); box-shadow: 6px 0px 0px 6px rgba(255,255,255,0.2);*/ } #pageRight-stacks_in_1237.flat:active, #pageLeft-stacks_in_1237.flat:active { background-position: 0px 1px; } #pageRight-stacks_in_1237.simple, #pageLeft-stacks_in_1237.simple { background-color: transparent; } #pageRight-stacks_in_1237.simple:active, #pageLeft-stacks_in_1237.simple:active { background-position: 0px 1px; } #pageRight-stacks_in_1237.detailed, #pageLeft-stacks_in_1237.detailed { -webkit-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2) inset, 1px 1px 3px rgba(0,0,0,0.2); overflow: hidden; } #pageRight-stacks_in_1237.detailed:active, #pageLeft-stacks_in_1237.detailed:active { background-position: 0px 1px; -webkit-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 0px 1px rgba(255,255,255,0.2), 1px 1px 3px rgba(0,0,0,0.2) inset; } #pageRight-stacks_in_1237.detailed { -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 0px; } #pageLeft-stacks_in_1237.detailed { background-image: url('img/page-left.png'); -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 20px; } #stacks_in_1237 .center {text-align: center;} #stacks_in_1237 .center .fa {font-size: 80px;} #stacks_in_1237 .center a {color: #ffffff;} #stacks_in_1237 .center a:hover {color: #ffffff;} #stacks_in_1237 .centered_image img {width: auto; max-width: 100%; height: auto;} #stacks_in_1237 #tab-container {min-width: 0px !important; } #stacks_in_1237 .chocBoxImage img {width: 100%;} @media all and (min-width: 800px) { #pageRight-stacks_in_1237, #pageLeft-stacks_in_1237 { position: absolute; top: 50%; margin-top: -25px; } #booklit-stacks_in_1237 { /* margin-left: 0px !important; margin-right: 0px !important; */ margin: 0 auto; max-width: 800px; display: block; } #pageLeft-stacks_in_1237 { left: 10px !important; right: auto !important } #pageRight-stacks_in_1237 { right: 10px !important; left: auto !important; } } @media all and (max-width: 800px) { #pageRight-stacks_in_1237.detailed, #pageLeft-stacks_in_1237.detailed, #pageRight-stacks_in_1237.detailed:active, #pageLeft-stacks_in_1237.detailed:active { -webkit-box-shadow: 0px 0px 0px black; -moz-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black; } #stacks_in_1237 .toggleFullscreenBook { display: none; } #booklit-stacks_in_1237 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200%; margin-left: -90%; padding-top: 60px !important; padding-left: 15% !important; padding-right: 15% !important; } #numberNav-stacks_in_1237 {display: none;} /*#booklit-stacks_in_1237 .front, #booklit-stacks_in_1237 .back {width: 88%;}*/ #right-stacks_in_1237 {width: 50%;} #left-stacks_in_1237 {max-width: 50%} /* #booklit-stacks_in_1237 .pagination { width: 52px; background-repeat: no-repeat; background-position: center center; } */ #pageRight-stacks_in_1237 { top: 5px !important; left: 70%; right: initial; } #pageLeft-stacks_in_1237 {top: 5px !important; right: 30%; left: initial;} #booklit-stacks_in_1237.hoverOnly #pageLeft-stacks_in_1237, #booklit-stacks_in_1237.hoverOnly #pageRight-stacks_in_1237 { filter:alpha(opacity=100); opacity: 1; } #booklit-stacks_in_1237.hoverOnly:hover #pageLeft-stacks_in_1237, #booklit-stacks_in_1237.hoverOnly:hover #pageRight-stacks_in_1237 { filter:alpha(opacity=100); opacity: 1; } } #stacks_in_1237 .loader { position: absolute; z-index: 9999; left: 50%; top: 50%; margin-left: -75px; margin-top: -35px; width: 150px; height: 70px; text-align: center; color: #333333; } #stacks_in_1237 .loader span { position: absolute; width: 100%; left: 0px; top: 45px; } #stacks_in_1237 .loader .spinner { width: 30px; height: 30px; background-color: #333333; margin: 0px auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_1238 .back { background-color: #FFFFFF; color: #777777; } #stacks_in_1238 .front { background-color: #B3B3B3; color: #777777; } #stacks_in_1238 .booklitMobile.imagesTypeEnabled, #stacks_in_1238 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_1238 .booklitMobile { display: block; } #stacks_in_1238 .booklitDesktop { display: none; } } #stacks_in_1238 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../files/images/detail-left.png); } #stacks_in_1238 .front .pageDetail { background-image: url(../files/images/detail-right.png); } #stacks_in_1239 { margin: 4px; padding: 3px; } #stacks_out_1239 { width: 400px; } #stacks_out_1241 { width: 400px; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_1245 .back { background-color: #FFFFFF; color: #777777; } #stacks_in_1245 .front { background-color: #B3B3B3; color: #777777; } #stacks_in_1245 .booklitMobile.imagesTypeEnabled, #stacks_in_1245 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_1245 .booklitMobile { display: block; } #stacks_in_1245 .booklitDesktop { display: none; } } #stacks_in_1245 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../files/images/detail-left.png); } #stacks_in_1245 .front .pageDetail { background-image: url(../files/images/detail-right.png); } #stacks_out_1246 { width: 400px; } #stacks_out_1248 { width: 400px; } /* * Pure Grids * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.3.4 */ #stacks_in_1252 .back { background-color: #FFFFFF; color: #777777; } #stacks_in_1252 .front { background-color: #B3B3B3; color: #777777; } #stacks_in_1252 .booklitMobile.imagesTypeEnabled, #stacks_in_1252 .booklitMobile.contentTypeEnabled { display: none; } @media all and (max-width: 0px) { #stacks_in_1252 .booklitMobile { display: block; } #stacks_in_1252 .booklitDesktop { display: none; } } #stacks_in_1252 .pageDetail { display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../files/images/detail-left.png); } #stacks_in_1252 .front .pageDetail { background-image: url(../files/images/detail-right.png); } #stacks_in_1253 { margin: 4px; padding: 4px; } #stacks_out_1253 { width: 400px; } #stacks_in_1255 { padding: 3px; } #stacks_out_1255 { width: 400px; } /* * cleanBinders * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanBinders/ * Support: support@1littledesigner.com * Version: 1.2.4 * Uses jQuery EasyTabs plugin 3.1.1 (licensing listed in script.js) */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* Edit Mode */ .tabDemo * {border-radius: 0 !important; -webkit-border-radius: 0 !important;} /* SET TO ZERO */ #binderContainer_stacks_in_1139, #binderContainer_stacks_in_1139 * { margin: 0; padding: 0;} #binderContainer_stacks_in_1139 li { margin-left: 0; margin-right: 0;} #binderContainer_stacks_in_1139 html { overflow-y: scroll;} #binderContainer_stacks_in_1139 a, #binderContainer_stacks_in_1139 a:hover { text-decoration: none;} #binderContainer_stacks_in_1139 .tab a, #binderContainer_stacks_in_1139 .tab a:focus, #binderContainer_stacks_in_1139 .tab a:active, #binderContainer_stacks_in_1139 .tab a:visited, #binderContainer_stacks_in_1139 .tab a:link {outline: none !important; border: none !important;} #binderContainer_stacks_in_1139 p { font-size: 15px; margin: 0 0 20px 0; } #binderContainer_stacks_in_1139 h1 { font: bold 40px Sans-Serif; margin: 0 0 20px 0;} #binderContainer_stacks_in_1139 li, #binderContainer_stacks_in_1139 li a {cursor: pointer} #binderContainer_stacks_in_1139 .etabs {margin: 0; padding: 0;} /* DEFAULT SYLING - Theme 1 */ #binderContainer_stacks_in_1139 { width: 98%; padding: 0 1%; } #binderContainer_stacks_in_1139 #tab-container { display: block; width: 100%; overflow: visible; } #binderContainer_stacks_in_1139 .tabSideLeft .panel-container, #binderContainer_stacks_in_1139 .tabSideLeft ul.etabs { float: left; } #binderContainer_stacks_in_1139 .tabSideRight .panel-container, #binderContainer_stacks_in_1139 .tabSideRight ul.etabs { float: right; } #binderContainer_stacks_in_1139 #tab-container .panel-container { background: #FFFFFF; display: inline-block; border: solid #666666 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px 3% 10px 3%; } #binderContainer_stacks_in_1139 ul.etabs li.tab a { line-height: 22px; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.binderTabWidthLarge .panel-container { padding: 10px 1% 10px 3%; } #binderContainer_stacks_in_1139 .panel-container img { display: block; max-width: 100%; height: auto; } /* Tab Sizes */ #binderContainer_stacks_in_1139 #tab-container.binderTabWidthDefault .panel-container { width: 69%; max-width: 69%; } #binderContainer_stacks_in_1139 #tab-container.binderTabWidthDefault ul.etabs { width: 23%; max-width: 23%; } #binderContainer_stacks_in_1139 #tab-container.binderTabWidthSmall .panel-container { width: 83%; max-width: 83%; } #binderContainer_stacks_in_1139 #tab-container.binderTabWidthSmall ul.etabs { width: 10%; max-width: 10%; } #binderContainer_stacks_in_1139 #tab-container.binderTabWidthLarge .panel-container { width: 64%; max-width: 64%; } #binderContainer_stacks_in_1139 #tab-container.binderTabWidthLarge ul.etabs { width: 35%; max-width: 35%; } #binderContainer_stacks_in_1139 #tab-container.binderTabWidthLargest .panel-container { width: 54%; max-width: 54%; } #binderContainer_stacks_in_1139 #tab-container.binderTabWidthLargest ul.etabs { width: 45%; max-width: 45%; } /* Fix for Minimalist Theme */ #binderContainer_stacks_in_1139 #tab-container.tabTheme4.binderTabWidthLarge .panel-container { width: 60%; max-width: 60%; } /* End Tab Sizes */ #binderContainer_stacks_in_1139 .tabSideLeft .panel-container { border-top-left-radius: 0; -webkit-border-top-left-radius: 0; } #binderContainer_stacks_in_1139 .tabSideRight .panel-container { border-top-right-radius: 0; -webkit-border-top-right-radius: 0; } #binderContainer_stacks_in_1139 #tab-container.staticHeightOn .panel-container p.fixedHeight { margin: 0 !important; padding: 0 !important; height: 200px; max-height: 200px; overflow-x: visible; } #binderContainer_stacks_in_1139.textInheritOff #tab-container .panel-container { color: #333333 !important; font-size: 12px; } #binderContainer_stacks_in_1139.linkInheritOff #tab-container .panel-container a { color: #4E78A0; } #binderContainer_stacks_in_1139.linkInheritOff #tab-container .panel-container a:hover { color: #0D4F8B; } #binderContainer_stacks_in_1139 ul.etabs { display: inline-block; margin-right: 1px; } #binderContainer_stacks_in_1139 ul.etabs li.tab, #binderContainer_stacks_in_1139 #tab-container ul.etabs .tab.active { display: inline-block; zoom: 1; } #binderContainer_stacks_in_1139 ul.etabs li.tab { border: solid 1px #999999; margin-bottom: 4px; width: 90%; position: relative; } #binderContainer_stacks_in_1139 .tabSideLeft ul.etabs li.tab { float: right; left: 1px; border-right: none !important; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; } #binderContainer_stacks_in_1139 #tab-container .tab a { font-size: 14px; display: block; outline: none; text-decoration: none; padding-left: 10px; padding-right: 10px; text-align: right; } #binderContainer_stacks_in_1139 #tab-container .tab a span { width: 100%; overflow: hidden; display: inline-block; word-wrap: break-word; } #binderContainer_stacks_in_1139 .tabSideLeft ul.etabs li.tab a { border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; } #binderContainer_stacks_in_1139 .tabSideRight ul.etabs li.tab { float: left; right: 0; border-left: none !important; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; } #binderContainer_stacks_in_1139 .tabSideRight ul.etabs li.tab a { border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; } #binderContainer_stacks_in_1139 #tab-container.tabGradientOff ul.etabs .tab { background: #EEEEEE; background-color: #EEEEEE; } #binderContainer_stacks_in_1139 #tab-container.tabSideLeft.tabGradientOn ul.etabs .tab { background: #EEEEEE; background-color: #EEEEEE; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#EEEEEE, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-o-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#EEEEEE), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_1139 #tab-container.tabSideRight.tabGradientOn ul.etabs .tab { background: #EEEEEE; background-color: #EEEEEE; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#EEEEEE, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-o-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(65%,#EEEEEE), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_1139 #tab-container.tabSideLeft.tabGradientOn ul.etabs .tab.active { background: #FFFFFF; background-color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-o-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_1139 #tab-container.tabSideRight.tabGradientOn ul.etabs .tab.active { background: #FFFFFF; background-color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-o-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_1139 #tab-container ul.etabs .tab.active { background: #FFFFFF; border-color: #666666 !important; width: 100%; float: none; } #binderContainer_stacks_in_1139.tabTransparencyOn #tab-container.tabTheme1 .tab.active { background: #FFFFFF !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme1.tabSideLeft .panel-container { border-top-left-radius: 0; } #binderContainer_stacks_in_1139 #tab-container.tabTheme1.tabSideRight .panel-container { border-top-right-radius: 0; } #binderContainer_stacks_in_1139 #tab-container.tabSideLeft ul.etabs .tab.active { border-right: solid 1px #FFFFFF; left: 1px; } #binderContainer_stacks_in_1139 #tab-container.tabTheme1.tabSideLeft ul.etabs .tab.active { left: 2px; } #binderContainer_stacks_in_1139 #tab-container.tabSideRight ul.etabs .tab.active { border-left: solid 1px #FFFFFF; right: 1px; } #binderContainer_stacks_in_1139 #tab-container ul.etabs .tab:hover { background-color: #E0E0E0; border-color: #999999; } /* Theme 4 must be placed above */ #binderContainer_stacks_in_1139 #tab-container.tabTheme4 ul.etabs li.tab a, #binderContainer_stacks_in_1139 #tab-container.tabTheme4 ul.etabs li.tab a.active, #binderContainer_stacks_in_1139 #tab-container.tabTheme4 .etabs { border: none; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-top: 0 !important; } /* Theme 4 Close */ #binderContainer_stacks_in_1139.linkInheritOff #tab-container ul.etabs .tab a { color: #708090 !important; } #binderContainer_stacks_in_1139.linkInheritOff #tab-container ul.etabs .tab a:hover { text-decoration: none; color: #0D4F8B !important; } #binderContainer_stacks_in_1139.linkInheritOff #tab-container ul.etabs .tab a.active { font-weight: bold; color: #4E78A0 !important; } #binderContainer_stacks_in_1139.linkInheritOff #tab-container ul.etabs .tab a.active:hover { color: #0D4F8B !important; } /* Transparency Options */ #binderContainer_stacks_in_1139.borderTransparencyOn .tab, .tabDemo #binderContainer_stacks_in_1139.borderTransparencyOn .tab, #binderContainer_stacks_in_1139.borderTransparencyOn #tab-container .panel-container, .tabDemo #binderContainer_stacks_in_1139.borderTransparencyOn #tab-container .panel-container { border: none !important; } #binderContainer_stacks_in_1139.tabTransparencyOn .tab, .tabDemo #binderContainer_stacks_in_1139.tabTransparencyOn .tab, #binderContainer_stacks_in_1139.tabTransparencyOn .tab:hover, .tabDemo #binderContainer_stacks_in_1139.tabTransparencyOn .tab:hover { background: none !important; background-color: none !important; } #binderContainer_stacks_in_1139.contentTransparencyOn #tab-container .panel-container { background: none !important; background-color: none !important; } /* TAB COUNT CONTROLS */ #binderContainer_stacks_in_1139 .tabCounter1 .tabContent2, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent3, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent4, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent5, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent6, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent7, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent8, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter1 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent3, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent4, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent5, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent6, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent7, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent8, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter2 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent4, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent5, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent6, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent7, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent8, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter3 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent5, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent6, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent7, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent8, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter4 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent6, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent7, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent8, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter5 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent7, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent8, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter6 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent8, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter7 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent9, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter8 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent10, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter9 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent11, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter10 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent12, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter11 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent13, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter12 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter13 .tabContent14, #binderContainer_stacks_in_1139 .tabCounter13 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter13 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter13 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter13 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter13 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter13 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter14 .tabContent15, #binderContainer_stacks_in_1139 .tabCounter14 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter14 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter14 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter14 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter14 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter15 .tabContent16, #binderContainer_stacks_in_1139 .tabCounter15 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter15 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter15 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter15 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter16 .tabContent17, #binderContainer_stacks_in_1139 .tabCounter16 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter16 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter16 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter17 .tabContent18, #binderContainer_stacks_in_1139 .tabCounter17 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter17 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter18 .tabContent19, #binderContainer_stacks_in_1139 .tabCounter18 .tabContent20, #binderContainer_stacks_in_1139 .tabCounter19 .tabContent20 {display: none !important;} /* BACKEND */ /* cleanTab Themes */ #binderContainer_stacks_in_1139.borderTransparencyOff .tabTheme2 ul.etabs li.tab, #binderContainer_stacks_in_1139.borderTransparencyOff .tabTheme3 ul.etabs li.tab { border: solid 1px #999999 !important; } #binderContainer_stacks_in_1139 .tabTheme2 ul.etabs li.tab, #binderContainer_stacks_in_1139 .tabTheme3 ul.etabs li.tab { margin-left: 5%; margin-right: 5%; } #binderContainer_stacks_in_1139 .tabTheme2 ul.etabs li.tab.active, #binderContainer_stacks_in_1139 .tabTheme2 ul.etabs li.tab { width: 90% !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme2.tabGradientOff ul.etabs .tab.active { background: #FFFFFF; } #binderContainer_stacks_in_1139 #tab-container.tabTheme3.tabGradientOff ul.etabs .tab.active { background: #FFFFFF; } #binderContainer_stacks_in_1139 #tab-container.tabTheme2.tabGradientOff ul.etabs .tab.active:hover { background: #FFFFFF; } #binderContainer_stacks_in_1139 #tab-container.tabTheme3.tabGradientOff ul.etabs .tab.active:hover { background: #FFFFFF; } #binderContainer_stacks_in_1139 .tabTheme3 ul.etabs li.tab.active, #binderContainer_stacks_in_1139 .tabTheme4 ul.etabs li.tab.active { width: 90% !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme2 ul.etabs li.tab, #binderContainer_stacks_in_1139 #tab-container.tabTheme3 ul.etabs li.tab { float: none; } #binderContainer_stacks_in_1139 #tab-container.tabTheme2, #binderContainer_stacks_in_1139 #tab-container.tabTheme2 li.tab, #binderContainer_stacks_in_1139 #tab-container.tabTheme3, #binderContainer_stacks_in_1139 #tab-container.tabTheme3 li.tab { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #binderContainer_stacks_in_1139 #tab-container.tabTheme2 li.tab a, #binderContainer_stacks_in_1139 #tab-container.tabTheme3 li.tab a { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #binderContainer_stacks_in_1139 #tab-container.tabTheme2.embedOn li.tab a, #binderContainer_stacks_in_1139 #tab-container.tabTheme3.embedOn li.tab a { border: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme2 ul.etabs .tab, #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme3 ul.etabs .tab { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme2 ul.etabs .tab, #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme3 ul.etabs .tab { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme2 ul.etabs .tab.active, #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme3 ul.etabs .tab.active { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme2 ul.etabs .tab.active, #binderContainer_stacks_in_1139.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme3 ul.etabs .tab.active { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(659 key/value pairs%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } /* Tab Theme 1 - Folder Tabs */ #binderContainer_stacks_in_1139 #tab-container.tabTheme1.embedOn .tab a { border-top: solid 1px #FFFFFF !important; border-bottom: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme1.tabSideLeft.embedOn .tab a { border-left: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme1.tabSideRight.embedOn .tab a { border-right: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme1 .tab.active:hover { background: #FFFFFF; } /* Tab Theme 2 - Detached */ #binderContainer_stacks_in_1139 #tab-container.tabTheme2 .panel-container { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Tab Theme 3 - Contained */ #binderContainer_stacks_in_1139.contentTransparencyOff #tab-container.tabTheme3 { background: #FFFFFF; } #binderContainer_stacks_in_1139.borderTransparencyOff #tab-container.tabTheme3 { border: solid #666666 1px; } #binderContainer_stacks_in_1139 #tab-container.tabTheme3 ul.etabs { padding-top: 6px; padding-bottom: 10px; } #binderContainer_stacks_in_1139.borderTransparencyOff #tab-container.tabTheme3.tabSideLeft ul.etabs li.tab { border-left: solid #666666 1px !important; } #binderContainer_stacks_in_1139.borderTransparencyOff #tab-container.tabTheme3.tabSideRight ul.etabs li.tab { border-right: solid #666666 1px !important; } #binderContainer_stacks_in_1139 .tabTheme3 .panel-container { border: none !important; } /* Tab Theme 4 - Detached */ #binderContainer_stacks_in_1139.borderTransparencyOff #tab-container.tabTheme2 {} /* Tab Theme 5 - Minimalist Folder */ #binderContainer_stacks_in_1139 .tabTheme4 .etabs, #binderContainer_stacks_in_1139 .tabTheme4 .panel-container, #binderContainer_stacks_in_1139 .tabTheme4 li.tab a, #binderContainer_stacks_in_1139 .tabTheme4 li.tab a.active, #binderContainer_stacks_in_1139 #tab-container.tabSideLeft.tabTheme4 ul.etabs .tab, #binderContainer_stacks_in_1139 #tab-container.tabSideRight.tabTheme4 ul.etabs .tab, #binderContainer_stacks_in_1139 #tab-container.tabSideLeft.tabTheme4 ul.etabs .tab.active, #binderContainer_stacks_in_1139 #tab-container.tabSideRight.tabTheme4 ul.etabs .tab.active { background: none; background-image: none; background-color: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab { float: right; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab { border-left: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab.active { border-right: solid 4px #666666 !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab { float: left !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab { border-right: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab.active { border-left: solid 4px #666666 !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideLeft .panel-container { border: none; border-left: solid 1px #666666; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideRight .panel-container { border: none; border-right: solid 1px #666666; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab { margin-left: 5%; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab { margin-right: 5%; } #binderContainer_stacks_in_1139 .tabTheme4 li.tab.active { border-right: solid 5% #666666 !important; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideLeft .panel-container { border-left: solid 1px #666666 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; } #binderContainer_stacks_in_1139 #tab-container.tabTheme4.tabSideRight .panel-container { border-right: solid 1px #666666 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; } /* RESPONSIVE CONTROLS */ /* Smartphones */ @media (max-width : 320px) { #binderContainer_stacks_in_1139 #tab-container .panel-container { width: 47% !important; max-width: 47% !important; } #binderContainer_stacks_in_1139 #tab-container ul.etabs { width: 45% !important; max-width: 45% !important; } } #stacks_in_1139 { margin: 10px; padding: 10px; } #stacks_out_1139 { width: 400px; } /* * ourGlass Loading Animation: Bubbles 1 * Author: Jeremy Hawes * Version: 1.0.0 * Support: forum.onelittledesigner.com */ #circularG_stacks_in_1221 { position:relative; margin: 0 auto; width:128px; height:128px; } #circularG_stacks_in_1221 .circularG { position:absolute; background-color:#0198E1; width:30px; height:30px; -moz-border-radius:19px; -moz-animation-name:bounce_circularG; -moz-animation-duration:1.04s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:19px; -webkit-animation-name:bounce_circularG; -webkit-animation-duration:1.04s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -ms-border-radius:19px; -ms-animation-name:bounce_circularG; -ms-animation-duration:1.04s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -o-border-radius:19px; -o-animation-name:bounce_circularG; -o-animation-duration:1.04s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; border-radius:19px; animation-name:bounce_circularG; animation-duration:1.04s; animation-iteration-count:infinite; animation-direction:linear; } #circularG_stacks_in_1221 #circularG_1_stacks_in_1221 { left:0; top:50px; -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -ms-animation-delay:0.39s; -o-animation-delay:0.39s; animation-delay:0.39s; } #circularG_stacks_in_1221 #circularG_2_stacks_in_1221 { left:14px; top:14px; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -ms-animation-delay:0.52s; -o-animation-delay:0.52s; animation-delay:0.52s; } #circularG_stacks_in_1221 #circularG_3_stacks_in_1221 { top:0; left:50px; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -ms-animation-delay:0.65s; -o-animation-delay:0.65s; animation-delay:0.65s; } #circularG_stacks_in_1221 #circularG_4_stacks_in_1221 { right:14px; top:14px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -ms-animation-delay:0.78s; -o-animation-delay:0.78s; animation-delay:0.78s; } #circularG_stacks_in_1221 #circularG_5_stacks_in_1221 { right:0; top:50px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -ms-animation-delay:0.91s; -o-animation-delay:0.91s; animation-delay:0.91s; } #circularG_stacks_in_1221 #circularG_6_stacks_in_1221 { right:14px; bottom:14px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s; } #circularG_stacks_in_1221 #circularG_7_stacks_in_1221 { left:50px; bottom:0; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -ms-animation-delay:1.17s; -o-animation-delay:1.17s; animation-delay:1.17s; } #circularG_stacks_in_1221 #circularG_8_stacks_in_1221 { left:14px; bottom:14px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; } @-moz-keyframes bounce_circularG { 0% { -moz-transform:scale(1) } 100% { -moz-transform:scale(.3) } } @-webkit-keyframes bounce_circularG { 0% { -webkit-transform:scale(1) } 100% { -webkit-transform:scale(.3) } } @-ms-keyframes bounce_circularG { 0% { -ms-transform:scale(1) } 100% { -ms-transform:scale(.3) } } @-o-keyframes bounce_circularG{ 0% { -o-transform:scale(1) } 100% { -o-transform:scale(.3) } } @keyframes bounce_circularG { 0% { transform:scale(1) } 100% { transform:scale(.3) } } /* * ourGlass Loading Animation: Bubbles 7 * Author: Jeremy Hawes * Version: 1.0.0 * Support: forum.onelittledesigner.com */ #ballsWaveG_stacks_in_1222 { position:relative; width:128px; height:30px; } #ballsWaveG_stacks_in_1222 .ballsWaveG { position:absolute; top:0; background-color:transparent; width:16px; height:16px; -moz-animation-name:ballsWaveG; -moz-animation-duration:1.3s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -moz-border-radius:8px; -webkit-animation-name:ballsWaveG; -webkit-animation-duration:1.3s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -webkit-border-radius:8px; -ms-animation-name:ballsWaveG; -ms-animation-duration:1.3s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -ms-border-radius:8px; -o-animation-name:ballsWaveG; -o-animation-duration:1.3s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; -o-border-radius:8px; animation-name:ballsWaveG; animation-duration:1.3s; animation-iteration-count:infinite; animation-direction:linear; border-radius:8px; } #ballsWaveG_1_stacks_in_1222 { left:0; -moz-animation-delay:0.52s; -webkit-animation-delay:0.52s; -ms-animation-delay:0.52s; -o-animation-delay:0.52s; animation-delay:0.52s; } #ballsWaveG_2_stacks_in_1222 { left:16px; -moz-animation-delay:0.65s; -webkit-animation-delay:0.65s; -ms-animation-delay:0.65s; -o-animation-delay:0.65s; animation-delay:0.65s; } #ballsWaveG_3_stacks_in_1222 { left:32px; -moz-animation-delay:0.78s; -webkit-animation-delay:0.78s; -ms-animation-delay:0.78s; -o-animation-delay:0.78s; animation-delay:0.78s; } #ballsWaveG_4_stacks_in_1222 { left:48px; -moz-animation-delay:0.91s; -webkit-animation-delay:0.91s; -ms-animation-delay:0.91s; -o-animation-delay:0.91s; animation-delay:0.91s; } #ballsWaveG_5_stacks_in_1222 { left:64px; -moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s; } #ballsWaveG_6_stacks_in_1222 { left:80px; -moz-animation-delay:1.17s; -webkit-animation-delay:1.17s; -ms-animation-delay:1.17s; -o-animation-delay:1.17s; animation-delay:1.17s; } #ballsWaveG_7_stacks_in_1222 { left:96px; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -o-animation-delay:1.3s; animation-delay:1.3s; } #ballsWaveG_8_stacks_in_1222 { left:112px; -moz-animation-delay:1.43s; -webkit-animation-delay:1.43s; -ms-animation-delay:1.43s; -o-animation-delay:1.43s; animation-delay:1.43s; } @-moz-keyframes ballsWaveG { 0% { background-color:transparent; } 100% { background-color:#0198E1; } } @-webkit-keyframes ballsWaveG { 0% { background-color:transparent; } 100% { background-color:#0198E1; } } @-ms-keyframes ballsWaveG { 0% { background-color:transparent; } 100% { background-color:#0198E1; } } @-o-keyframes ballsWaveG { 0% { background-color:transparent; } 100% { background-color:#0198E1; } } @keyframes ballsWaveG { 0% { background-color:transparent; } 100% { background-color:#0198E1; } } /* * ourGlass Loading Animation: Bubbles 8 * Author: Jeremy Hawes * Version: 1.0.0 * Support: forum.onelittledesigner.com */ #window8_stacks_in_1223 { padding: 50px 0; } #window8_stacks_in_1223 .windows8 { margin: 0 auto; position: relative; width: 120px; height: 120px; } #window8_stacks_in_1223 .windows8 .wBall { position: absolute; width: 86px; height: 86px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 7.15s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 7.15s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 7.15s infinite; -o-transform: rotate(225deg); -o-animation: orbit 7.15s infinite; transform: rotate(225deg); animation: orbit 7.15s infinite; } #window8_stacks_in_1223 .windows8 .wBall .wInnerBall { position: absolute; width: 11px; height: 11px; background: #0198E1; left:0px; top:0px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; } #window8_stacks_in_1223 .windows8 #wBall_1_stacks_in_1223 { -moz-animation-delay: 1.56s; -webkit-animation-delay: 1.56s; -ms-animation-delay: 1.56s; -o-animation-delay: 1.56s; animation-delay: 1.56s; } #window8_stacks_in_1223 .windows8 #wBall_2_stacks_in_1223 { -moz-animation-delay: 0.31s; -webkit-animation-delay: 0.31s; -ms-animation-delay: 0.31s; -o-animation-delay: 0.31s; animation-delay: 0.31s; } #window8_stacks_in_1223 .windows8 #wBall_3_stacks_in_1223 { -moz-animation-delay: 0.62s; -webkit-animation-delay: 0.62s; -ms-animation-delay: 0.62s; -o-animation-delay: 0.62s; animation-delay: 0.62s; } #window8_stacks_in_1223 .windows8 #wBall_4_stacks_in_1223 { -moz-animation-delay: 0.94s; -webkit-animation-delay: 0.94s; -ms-animation-delay: 0.94s; -o-animation-delay: 0.94s; animation-delay: 0.94s; } #window8_stacks_in_1223 .windows8 #wBall_5_stacks_in_1223 { -moz-animation-delay: 1.25s; -webkit-animation-delay: 1.25s; -ms-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s; } @-moz-keyframes orbit { 0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin:0%; } 30% { opacity: 1; -moz-transform:rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin:7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin:30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin:39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin:70%; } 76% { opacity: 0; -moz-transform:rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin:0%; } 30% { opacity: 1; -webkit-transform:rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin:7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin:30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin:39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin:70%; } 76% { opacity: 0; -webkit-transform:rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin:0%; } 30% { opacity: 1; -ms-transform:rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin:7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin:30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin:39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin:70%; } 76% { opacity: 0; -ms-transform:rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin:0%; } 30% { opacity: 1; -o-transform:rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin:7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin:30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin:39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin:70%; } 76% { opacity: 0; -o-transform:rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @keyframes orbit { 0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin:0%; } 30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out; origin:7%; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin:30%; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin:39%; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin:70%; } 76% { opacity: 0; transform:rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } /* * ourGlass Loading Animation: Bubbles 5 * Author: Jeremy Hawes * Version: 1.0.0 * Support: forum.onelittledesigner.com */ #followingBallsG_stacks_in_1224 { position:relative; width:256px; height:20px; } #followingBallsG_stacks_in_1224 .followingBallsG { background-color:transparent; position:absolute; top:0; left:0; width:20px; height:20px; -moz-border-radius:10px; -moz-animation-name:bounce_followingBallsG; -moz-animation-duration:1.3s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:10px; -webkit-animation-name:bounce_followingBallsG; -webkit-animation-duration:1.3s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -ms-border-radius:10px; -ms-animation-name:bounce_followingBallsG; -ms-animation-duration:1.3s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -o-border-radius:10px; -o-animation-name:bounce_followingBallsG; -o-animation-duration:1.3s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; border-radius:10px; animation-name:bounce_followingBallsG; animation-duration:1.3s; animation-iteration-count:infinite; animation-direction:linear; } #followingBallsG_1_stacks_in_1224 { -moz-animation-delay:0s; } #followingBallsG_1_stacks_in_1224 { -webkit-animation-delay:0s; } #followingBallsG_1_stacks_in_1224 { -ms-animation-delay:0s; } #followingBallsG_1_stacks_in_1224 { -o-animation-delay:0s; } #followingBallsG_1_stacks_in_1224 { animation-delay:0s; } #followingBallsG_2_stacks_in_1224 { -moz-animation-delay:0.13s; -webkit-animation-delay:0.13s; -ms-animation-delay:0.13s; -o-animation-delay:0.13s; animation-delay:0.13s; } #followingBallsG_3_stacks_in_1224 { -moz-animation-delay:0.26s; -webkit-animation-delay:0.26s; -ms-animation-delay:0.26s; -o-animation-delay:0.26s; animation-delay:0.26s; } #followingBallsG_4_stacks_in_1224 { -moz-animation-delay:0.39s; -webkit-animation-delay:0.39s; -ms-animation-delay:0.39s; -o-animation-delay:0.39s; animation-delay:0.39s; } @-moz-keyframes bounce_followingBallsG { 0% { left:0px; background-color:transparent; } 50% { left:236px; background-color:#0198E1; } 100% { left:0px; background-color:transparent; } } @-webkit-keyframes bounce_followingBallsG { 0% { left:0px; background-color:transparent; } 50% { left:236px; background-color:#0198E1; } 100% { left:0px; background-color:transparent; } } @-ms-keyframes bounce_followingBallsG { 0% { left:0px; background-color:transparent; } 50% { left:236px; background-color:#0198E1; } 100% { left:0px; background-color:transparent; } } @-o-keyframes bounce_followingBallsG{ 0% { left:0px; background-color:transparent; } 50% { left:236px; background-color:#0198E1; } 100% { left:0px; background-color:transparent; } } @keyframes bounce_followingBallsG { 0% { left:0px; background-color:transparent; } 50% { left:236px; background-color:#0198E1; } 100% { left:0px; background-color:transparent; } } /* */ @font-face { font-family: '1ldclockmedium'; src: url('tc-files/1ldclock-webfont.woff2') format('woff2'), url('tc-files/1ldclock-webfont.woff') format('woff'), url('tc-files/1ldclock-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* */ /* */ #stacks_in_1229 .timed-content-progress-bar { display: none; } /* */ #stacks_in_1229, #stacks_out_1229, #stacks_in_1 { overflow: visible; clear: both; } #stacks_in_1229 .timed-content-number { box-shadow: 0px 1px 2px rgba(0,0,0,15%); } #stacks_in_1229 .timed-content-rotate .timed-content-number { box-shadow: 0px 8px 10px 0px rgba(0,0,0,30%); } #stacks_in_1229 .timed-content-rotate.rotate-smooth .timed-content-number:after { box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,30%), inset 0px -5px 5px -3px rgba(0,0,0,30%); /* */ background: linear-gradient(to bottom, rgba(0,0,0,19.994999%) 0%,rgba(0,0,0,4.995000%) 20%,rgba(0,0,0,0%) 40%,rgba(0,0,0,4.995000%) 60%,rgba(0,0,0,15%) 80%,rgba(0,0,0,19.994999%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #stacks_in_1229 .timed-content-fold .timed-content-number { box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(0,0,0,0.5); } #stacks_in_1229 .tc-dark-shadows.timed-content-fold .timed-content-number { box-shadow: 0px 2px 3px rgba(0,0,0,0.5), inset 0px 0px 5px rgba(0,0,0,0.5); } #stacks_in_1229 .timed-content-inline .timed-content-number { box-shadow: none; } #stacks_in_1229 .timed-content-countdown-wrap { color: rgba(17, 17, 17, 1.00); padding: 24px 0px; border-radius: 0px; background-color: rgba(0, 0, 0, 0.00); } #stacks_in_1229 .timed-content-countdown-wrap * { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #stacks_in_1229 .timed-content-digital .timed-content-number div span { font-family: '1ldclockmedium'; } #stacks_in_1229 .timed-content-digital .timed-content-number div span:before { content: "88"; position: absolute; top: 0; left: 0; width: 100%; text-align: center; z-index: -1; color: rgba(17, 17, 17, 1.00); opacity: 0.2; } #stacks_in_1229 .timed-content-digital .tc-digit-padding .timed-content-number div span:before { content: "888888888888888888888"; overflow: hidden; left: 12px; right: 12px; width: auto; top: 0; } #stacks_in_1229 .timed-content-digital .timed-content-number div span { font-family: "Andale Mono"; } #stacks_in_1229 .timed-content-digital .timed-content-number div span:before, #stacks_in_1229 .timed-content-digital .tc-digit-padding .timed-content-number div span:before { content: ""; } #stacks_in_1229 .timed-content-number, #stacks_in_1229 .timed-content-number div, #stacks_in_1229 .timed-content-fold .timed-content-number > div:after, #stacks_in_1229 .timed-content-fold .timed-content-number > div:before, #stacks_in_1229 .timed-content-paper-fall .timed-content-number .timed-content-anim:before { background-color: #F3F3F3; color: rgba(17, 17, 17, 1.00); border-radius: 6px; } #stacks_in_1229 .timed-content-number div span { color: rgba(17, 17, 17, 1.00); } #stacks_in_1229 .timed-content-rotate .timed-content-number > div.state-after, #stacks_in_1229 .timed-content-rotate .timed-content-number > div.state-before { background-color: #F3F3F3; border-radius: 0px; } #stacks_in_1229 .timed-content-fold .timed-content-number > div { border-radius: 6px 6px 0px 0px; } #stacks_in_1229 .timed-content-countdown { grid-gap: 0px; grid-template-columns: repeat(auto-fit, minmax(50px, max-content)); /* */ } #stacks_in_1229 .timed-content-part div.timed-content-title { font-size: 14px; } #stacks_in_1229 .timed-content-number, #stacks_in_1229 .timed-content-number div, #stacks_in_1229 .timed-content-number div span, #stacks_in_1229 .timed-content-fold .timed-content-number > div:after, #stacks_in_1229 .timed-content-fold .timed-content-number > div:before, #stacks_in_1229 .timed-content-paper-fall .timed-content-number .timed-content-anim:before { width: auto; min-width: 50px; height: 37.500000px; line-height: 36.250000px; /* Adjusted for font */ font-size: 31.250000px; font-weight: normal; letter-spacing: 0px; } #stacks_in_1229 .timed-content-digital .timed-content-number div span { line-height: 37.500000px; font-size: 37.500000px; color: rgba(67, 67, 67, 1.00); text-shadow: 0px 0px 5px rgba(17, 17, 17, 1.00); } #stacks_in_1229 .timed-content-number div span { min-width: 0px; } #stacks_in_1229 .timed-content-number > div { padding: 0px 0px; box-sizing: border-box; overflow: hidden; } #stacks_in_1229 .tc-digit-padding .timed-content-number > div { padding: 0px 12px; } #stacks_in_1229 .tc-digit-padding .timed-content-number-5 { position: relative; } #stacks_in_1229 .timed-content-part:before { background-color: rgba(0, 0, 0, 0.00); height: 37.500000px; } #stacks_in_1229 .timed-content-number:after, #stacks_in_1229 .timed-content-number:before { width: 5px; height: 5px; background-color: rgba(17, 17, 17, 1.00); right: -10px; border-radius: 0px; } /* */ #stacks_in_1229 .year .timed-content-number:before, #stacks_in_1229 .month .timed-content-number:before, #stacks_in_1229 .day .timed-content-number:before, #stacks_in_1229 .year .timed-content-number:after, #stacks_in_1229 .month .timed-content-number:after, #stacks_in_1229 .day .timed-content-number:after, #stacks_in_1229 .second .timed-content-number:before, #stacks_in_1229 .second .timed-content-number:after, #stacks_in_1229 .dayofweek .timed-content-number:before, #stacks_in_1229 .dayofweek .timed-content-number:after { display: none; } /* */ #stacks_in_1229 .timed-content-part { display: flex !important; } #stacks_in_1229 .timed-content-part:after { content: ""; background-color: transparent; color: rgba(17, 17, 17, 1.00); width: auto; position: relative; font-size: 31.250000px; margin-left: 15px; height: 37.500000px; line-height: 37.500000px; margin: 0px 15px; } #stacks_in_1229 .hour:after, #stacks_in_1229 .minute:after, #stacks_in_1229 .second:after { margin-left: 0px; } /* */ #stacks_in_1229 .timed-content-part:last-child:after { display: none; } #stacks_in_1229 .year:after { content: " "; /* */ /* */ /* */ /* */ /* */ } #stacks_in_1229 .month:after { content: ""; /* */ margin-left: 0px; /* */ /* */ /* */ /* */ /* */ } #stacks_in_1229 .day:after { content: "."; /* */ /* */ /* */ margin: 0px 5px; /* */ /* */ /* */ } #stacks_in_1229 .dayofweek:after { content: ","; /* */ /* */ margin-left: 5px; /* */ /* */ /* */ /* */ } #stacks_in_1229 .timed-content-fold .timed-content-number > div { height: 50%; min-width: 100%; } #stacks_in_1229 .timed-content-rotate .timed-content-number div { background: transparent; } /* */ #stacks_in_1229 .timed-content-rotate .timed-content-countdown div { align-content: top; justify-content: top; } #stacks_in_1229 .timed-content-rotate .timed-content-number div { display: inline-block; position: relative; margin-top: 0; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-1 { top: 75.000000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-2 { top: 37.500000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-3 { top: 0px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-4 { top: -37.500000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-5 { top: -75.000000px; } /* */ #stacks_in_1229 .timed-content-rotate .timed-content-number { perspective: 2000px; height: 75.000000px;/* double height */ } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-out { transform: translate3D(0,-67.500000px,0) rotateX(75deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-after { transform: translate3D(0,-37.500000px,0px) rotateX(37.5deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-active { transform: translate3D(0,0,0px) rotateX(0deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-before { transform: translate3D(0,37.500000px,0px) rotateX(-37.5deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number > div.state-in { transform: translate3D(0,67.500000px,0) rotateX(-75deg); } @media all and (max-width: 1000px) { #stacks_in_1229 .timed-content-countdown { grid-template-columns: repeat(auto-fit, minmax(40px, max-content)); } #stacks_in_1229 .timed-content-part:before { height: 30.000000px; } #stacks_in_1229 .year:after, #stacks_in_1229 .month:after, #stacks_in_1229 .day:after, #stacks_in_1229 .dayofweek:after { font-size: 25.000000px; margin-left: 10px; height: 30.000000px; line-height: 30.000000px; } #stacks_in_1229 .timed-content-part:after { margin: 0px 10px; } #stacks_in_1229 .hour:after, #stacks_in_1229 .minute:after, #stacks_in_1229 .second:after { margin-left: 0px; } /* */ #stacks_in_1229 .year:after { /* */ /* */ /* */ /* */ } #stacks_in_1229 .month:after { /* */ /* */ /* */ /* */ } #stacks_in_1229 .day:after { /* */ /* */ margin: 0px 3px; /* */ /* */ /* */ } #stacks_in_1229 .dayofweek:after { /* */ margin-left: 3px; /* */ /* */ /* */ /* */ } #stacks_in_1229 .timed-content-number, #stacks_in_1229 .timed-content-number div, #stacks_in_1229 .timed-content-number div span, #stacks_in_1229 .timed-content-fold .timed-content-number > div:after, #stacks_in_1229 .timed-content-fold .timed-content-number > div:before, #stacks_in_1229 .timed-content-paper-fall .timed-content-number .timed-content-anim:before { width: auto; min-width: 40px; height: 30.000000px; line-height: 29.000000px; /* Adjusted for font */ font-size: 25.000000px; letter-spacing: 0px; } #stacks_in_1229 .timed-content-digital .timed-content-number div span { line-height: 30.000000px; font-size: 30.000000px; } #stacks_in_1229 .timed-content-number:after, #stacks_in_1229 .timed-content-number:before { width: 4px; height: 4px; right: -7px; } /* */ #stacks_in_1229 .tc-digit-padding .timed-content-number > div { padding: 0px 6px; } #stacks_in_1229 .timed-content-digital .tc-digit-padding .timed-content-number div span:before { left: 6px; right: 6px; } /* */ #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-1 { top: 60.000000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-2 { top: 30.000000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-4 { top: -30.000000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-5 { top: -60.000000px; } /* */ #stacks_in_1229 .timed-content-rotate .timed-content-number { height: 60.000000px;/* double height */ } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-out { transform: translate3D(0,-54.000000px,0) rotateX(75deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-after { transform: translate3D(0,-30.000000px,0px) rotateX(37.5deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-before { transform: translate3D(0,30.000000px,0px) rotateX(-37.5deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number > div.state-in { transform: translate3D(0,54.000000px,0) rotateX(-75deg); } } @media all and (max-width: 600px) { #stacks_in_1229 .timed-content-part div.timed-content-title { font-size: 12px; } #stacks_in_1229 .year:after, #stacks_in_1229 .month:after, #stacks_in_1229 .day:after, #stacks_in_1229 .dayofweek:after { font-size: 18.750000px; margin-left: 8px; height: 22.500000px; line-height: 22.500000px; } #stacks_in_1229 .timed-content-part:after { margin: 0px 8px; } #stacks_in_1229 .hour:after, #stacks_in_1229 .minute:after, #stacks_in_1229 .second:after { margin-left: 0px; } /* */ #stacks_in_1229 .year:after { /* */ /* */ /* */ /* */ } #stacks_in_1229 .month:after { /* */ /* */ /* */ /* */ } #stacks_in_1229 .day:after { /* */ /* */ margin: 0px 2px; /* */ /* */ /* */ } #stacks_in_1229 .dayofweek:after { /* */ margin-left: 2px; /* */ /* */ /* */ /* */ } #stacks_in_1229 .timed-content-number, #stacks_in_1229 .timed-content-number div, #stacks_in_1229 .timed-content-fold .timed-content-number > div:after, #stacks_in_1229 .timed-content-fold .timed-content-number > div:before, #stacks_in_1229 .timed-content-paper-fall .timed-content-number .timed-content-anim:before { border-radius: 4.500000px; } #stacks_in_1229 .timed-content-fold .timed-content-number > div { border-radius: 4.500000px 4.500000px 0px 0px; } #stacks_in_1229 .timed-content-countdown { grid-template-columns: repeat(auto-fit, minmax(30px, max-content)); } #stacks_in_1229 .timed-content-part:before { height: 22.500000px; } #stacks_in_1229 .timed-content-number, #stacks_in_1229 .timed-content-number div, #stacks_in_1229 .timed-content-number div span, #stacks_in_1229 .timed-content-fold .timed-content-number > div:after, #stacks_in_1229 .timed-content-fold .timed-content-number > div:before, #stacks_in_1229 .timed-content-paper-fall .timed-content-number .timed-content-anim:before { width: auto; min-width: 30px; height: 22.500000px; line-height: 21.750000px; /* Adjusted for font */ font-size: 18.750000px; letter-spacing: 0px; } #stacks_in_1229 .timed-content-digital .timed-content-number div span { line-height: 22.500000px; font-size: 22.500000px; } #stacks_in_1229 .timed-content-number:after, #stacks_in_1229 .timed-content-number:before { width: 4px; height: 4px; right: -6px; } /* */ #stacks_in_1229 .timed-content-number:after, #stacks_in_1229 .timed-content-number:before { width: 3px; height: 3px; right: -6px; } #stacks_in_1229 .timed-content-number:before { transform: translateY(-6px); } #stacks_in_1229 .timed-content-number:after { transform: translateY(3px); } /* */ /* */ #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-1 { top: 45.000000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-2 { top: 22.500000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-4 { top: -22.500000px; } #stacks_in_1229 .timed-content-rotate .timed-content-number .timed-content-number-5 { top: -45.000000px; } /* */ #stacks_in_1229 .timed-content-rotate .timed-content-number { height: 45.000000px;/* double height */ } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-out { transform: translate3D(0,-40.500000px,0) rotateX(75deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-after { transform: translate3D(0,-22.500000px,0px) rotateX(37.5deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number .state-before { transform: translate3D(0,22.500000px,0px) rotateX(-37.5deg); } #stacks_in_1229 .timed-content-rotate .timed-content-number > div.state-in { transform: translate3D(0,40.500000px,0) rotateX(-75deg); } } @media all and (max-width: 350px) { #stacks_in_1229 .timed-content-part div.timed-content-title { font-size: 10px; } } #stacks_in_1229 .timed-content-rotate .timed-content-number:after, #stacks_in_1229 .timed-content-rotate .timed-content-number:before { width: 100%; height: 100%; right: auto; transform: translate(0,0); display: block; top: auto; background: transparent; } #stacks_in_1229 .timed-content-rotate .timed-content-part:before { display: none; } /* */ /* * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanTabs/ * Support: support@1littledesigner.com * cleanTabs Version 3.9.3 * Uses jQuery EasyTabs plugin 3.2.0 (licensing listed in script.js) */ /* ==================== * CLEARFIX ====================== */ .clearfix:after, display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .forceClearfix .panel-container div { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix, * html .forceClearfix .panel-container div { height: 1%; } .clearfix, .forceClearfix .panel-container div { display: block; } /* close commented backslash hack */ /* ==================== * REMOVE INTRUSIVE CODING ====================== */ #tabContainer_stacks_in_1180, #tabContainer_stacks_in_1180 .tab-container, #tabContainer_stacks_in_1180 .etabs, #tabContainer_stacks_in_1180 .tab, #tabContainer_stacks_in_1180 .tab a, #tabContainer_stacks_in_1180 .panel-container, #tabContainer_stacks_in_1180 .tabContent { margin: 0; padding: 0; opacity: 1; } #tabContainer_stacks_in_1180 li { margin-left: 0; margin-right: 0; } #tabContainer_stacks_in_1180 li a { line-height: 2.1 !important; } #tabContainer_stacks_in_1180 li a.active { line-height: 2.1 !important; -webkit-backface-visible: visible !important; } #tabContainer_stacks_in_1180 a, #tabContainer_stacks_in_1180 a:hover { text-decoration: none; } #tabContainer_stacks_in_1180 .tab a, #tabContainer_stacks_in_1180 .tab a:focus, #tabContainer_stacks_in_1180 .tab a:active, #tabContainer_stacks_in_1180 .tab a:visited, #tabContainer_stacks_in_1180 .tab a:link { outline: none !important; border: none !important; } #tabContainer_stacks_in_1180 li, #tabContainer_stacks_in_1180 li a { cursor: pointer; } /* ==================== * TRANSPARENCY OPTION ====================== */ #tabContainer_stacks_in_1180.borderTransparencyOn .tab, .tabDemo #tabContainer_stacks_in_1180.borderTransparencyOn .tab, #tabContainer_stacks_in_1180.borderTransparencyOn #tab-container ul.etabs, #tabContainer_stacks_in_1180.borderTransparencyOn #tab-container .panel-container, .tabDemo #tabContainer_stacks_in_1180.borderTransparencyOn #tab-container .panel-container { border: none !important; border-top: none !important; border-right: none !important; border-left: none !important; } #tabContainer_stacks_in_1180.tabTransparencyOn .tab, .tabDemo #tabContainer_stacks_in_1180.tabTransparencyOn .tab, #tabContainer_stacks_in_1180.tabTransparencyOn .tab:hover, .tabDemo #tabContainer_stacks_in_1180.tabTransparencyOn .tab:hover { background: none !important; background-color: none !important; } #tabContainer_stacks_in_1180.contentTransparencyOn #tab-container .panel-container { background: none !important; background-color: none !important; } /* ==================== * DEFAULT STYLING ====================== */ #tabContainer_stacks_in_1180 { width: 98%; padding-right: 3px; } #tabContainer_stacks_in_1180 #tab-container { min-width: 400px; } #tabContainer_stacks_in_1180 .etabs { margin: 0; padding: 0; } #tabContainer_stacks_in_1180.controlTabWidthOn #tab-container ul.etabs li.tab { width: 150px; } #tabContainer_stacks_in_1180 .tab, .tabDemo #tabContainer_stacks_in_1180 .tab { display: inline-block; zoom: 1; *display: inline; /* IE7 */ background: #EEEEEE; border: solid 1px #999999; border-bottom: none; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } #tabContainer_stacks_in_1180 #tab-container ul.etabs.firstTabPixels li.tab:first-child { margin-left: 0px; } #tabContainer_stacks_in_1180 #tab-container ul.etabs.firstTabPerc li.tab:first-child { margin-left: 0%; } #tabContainer_stacks_in_1180 #tab-container ul.etabs .tab:hover, .tabDemo #tabContainer_stacks_in_1180 #tab-container ul.etabs .tab:hover { background-color: #E0E0E0; border-color: #999999; } #tabContainer_stacks_in_1180 #tab-container .tab a { position: relative; font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration: none; } #tabContainer_stacks_in_1180.linkInheritOff #tab-container ul.etabs .tab a { color: #708090 !important; } #tabContainer_stacks_in_1180.linkInheritOff #tab-container ul.etabs .tab a:hover { text-decoration: none; color: #0D4F8B !important; } #tabContainer_stacks_in_1180 #tab-container ul.etabs .tab.active { background: #FFFFFF; padding-top: 6px; position: relative; top: 1px; border-color: #666666; } #tabContainer_stacks_in_1180.linkInheritOff #tab-container ul.etabs .tab a.active { font-weight: bold; color: #4E78A0 !important; } #tabContainer_stacks_in_1180.linkInheritOff #tab-container ul.etabs .tab a.active:hover { color: #0D4F8B !important; } #tabContainer_stacks_in_1180 #tab-container .panel-container { background: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 10px; border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #tabContainer_stacks_in_1180.textInheritOff #tab-container .panel-container { color: #333333 !important; font-size: 14px; } #tabContainer_stacks_in_1180.borderTransparencyOff #tab-container .panel-container { border: solid #666666 1px; } #tabContainer_stacks_in_1180.linkInheritOff #tab-container .panel-container a { color: #4E78A0; } #tabContainer_stacks_in_1180.linkInheritOff #tab-container .panel-container a:hover { color: #0D4F8B; } #tabContainer_stacks_in_1180 .panel-container { margin-bottom: 10px; } /* ==================== * TAB COUNT CONTROL * Adds display none depending on total count ====================== */ #tabContainer_stacks_in_1180 .tabCounter1 .tabContent2, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent3, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent4, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent5, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent6, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent7, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent8, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter1 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent3, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent4, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent5, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent6, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent7, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent8, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter2 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent4, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent5, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent6, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent7, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent8, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter3 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent5, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent6, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent7, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent8, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter4 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent6, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent7, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent8, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter5 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent7, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent8, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter6 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent8, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter7 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent9, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter8 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent10, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter9 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent11, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter10 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent12, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter11 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent13, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter12 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter13 .tabContent14, #tabContainer_stacks_in_1180 .tabCounter13 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter13 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter13 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter13 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter13 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter13 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter14 .tabContent15, #tabContainer_stacks_in_1180 .tabCounter14 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter14 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter14 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter14 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter14 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter15 .tabContent16, #tabContainer_stacks_in_1180 .tabCounter15 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter15 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter15 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter15 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter16 .tabContent17, #tabContainer_stacks_in_1180 .tabCounter16 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter16 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter16 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter17 .tabContent18, #tabContainer_stacks_in_1180 .tabCounter17 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter17 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter18 .tabContent19, #tabContainer_stacks_in_1180 .tabCounter18 .tabContent20, #tabContainer_stacks_in_1180 .tabCounter19 .tabContent20 { display: none !important; } /* ==================== * BACKEND ====================== */ .tabDemo #tabContainer_stacks_in_1180 .panel-container div.tabContent div { padding-top: 5px; } .tabDemo #tabContainer_stacks_in_1180 .tab { width: inherit; } /* ==================== * THEMES ====================== */ #tabContainer_stacks_in_1180 #tab-container.tabTheme2 ul.etabs .tab.active, #tabContainer_stacks_in_1180 #tab-container.tabTheme3 ul.etabs .tab.active { border-color: #666666; } #tabContainer_stacks_in_1180 #tab-container.tabTheme2 ul.etabs { margin-bottom: 5px; } #tabContainer_stacks_in_1180 #tab-container.tabTheme2 .panel-container { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #tabContainer_stacks_in_1180 #tab-container.tabTheme2 ul.etabs .tab { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-bottom: solid 1px #999999; } #tabContainer_stacks_in_1180 #tab-container.tabTheme2 ul.etabs .tab.active, #tabContainer_stacks_in_1180 #tab-container.tabTheme3 ul.etabs .tab.active, #tabContainer_stacks_in_1180 #tab-container.tabTheme7 ul.etabs .tab.active { padding-top: 1px; padding-bottom: -1px; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3 ul.etabs { padding: 3px 4px; border-right: solid 1px #666666; border-left: solid 1px #666666; background: #FFFFFF; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3.tabsBottomOff ul.etabs { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-top: solid 1px #666666; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3.tabsBottomOn ul.etabs { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-bottom: solid 1px #666666; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3 ul.etabs .tab { border-bottom: solid 1px #999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3.tabsBottomOff .panel-container { border-radius: 0 0 4px 4px; border-top: 0; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3.tabsBottomOn .panel-container { border-radius: 4px 4px 0 0; border-bottom: 0; } #tabContainer_stacks_in_1180 #tab-container.tabTheme2.tabsBottomOn .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme3.tabsBottomOn .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme5.tabsBottomOn .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme6.tabsBottomOn .panel-container { margin-bottom: 0; } #tabContainer_stacks_in_1180 #tab-container.tabTheme4 .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme7 .panel-container { border-bottom: none; } #tabContainer_stacks_in_1180 #tab-container.tabTheme4 .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme5 .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme6 .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme7 .panel-container { border-right: none; border-left: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #tabContainer_stacks_in_1180 #tab-container.tabTheme5.tabsBottomOff .panel-container, #tabContainer_stacks_in_1180 #tab-container.tabTheme6.tabsBottomOff .panel-container { border-bottom: none; } #tabContainer_stacks_in_1180 #tab-container.tabTheme5.tabsBottomOn .panel-container { border-top: none; } #tabContainer_stacks_in_1180 #tab-container.tabTheme6.tabsBottomOn .panel-container { border: none; border-top: none; border-bottom: none; } #tabContainer_stacks_in_1180 #tab-container.tabTheme4 ul.etabs .tab.marginOpt, #tabContainer_stacks_in_1180 #tab-container.tabTheme5 ul.etabs .tab.marginOpt, #tabContainer_stacks_in_1180 #tab-container.tabTheme6 ul.etabs .tab.marginOpt { margin-left: 10px; } #tabContainer_stacks_in_1180 #tab-container.tabTheme5 ul.etabs .tab, #tabContainer_stacks_in_1180 #tab-container.tabTheme6 ul.etabs .tab, #tabContainer_stacks_in_1180 #tab-container.tabTheme7 ul.etabs .tab { border: none; background: none; } #tabContainer_stacks_in_1180 #tab-container.tabTheme5.tabsBottomOff ul.etabs .tab.active { border-bottom: solid 5px #666666; } #tabContainer_stacks_in_1180 #tab-container.tabTheme6.tabsBottomOff ul.etabs .tab.active { border-bottom: solid 5px #666666; } #tabContainer_stacks_in_1180 #tab-container.tabTheme6.tabsBottomOff .panel-container { border-top: none; } #tabContainer_stacks_in_1180 #tab-container.tabTheme5.tabsBottomOn ul.etabs .tab.active, #tabContainer_stacks_in_1180 #tab-container.tabTheme6.tabsBottomOn ul.etabs .tab.active { border-top: solid 5px #666666; top: 0; } #tabContainer_stacks_in_1180 #tab-container.tabTheme5.tabsBottomOn ul.etabs .tab, #tabContainer_stacks_in_1180 #tab-container.tabTheme6.tabsBottomOn ul.etabs .tab { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #tabContainer_stacks_in_1180 #tab-container.tabTheme7.themeDots1 ul.etabs li a { padding-bottom: 10px; } #tabContainer_stacks_in_1180 #tab-container.tabTheme7.themeDots1 ul.etabs li a:after { content:''; position: absolute; left: 45%; bottom: -6px; width: 12px; height: 12px; background: #00B2EE; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #tabContainer_stacks_in_1180 #tab-container.tabTheme7.themeDots1 ul.etabs li a:hover:after, #tabContainer_stacks_in_1180 #tab-container.tabTheme7.themeDots1 ul.etabs li a.active:after { background: #325C74; } #tabContainer_stacks_in_1180 #tab-container.tabTheme7.themeDots2 ul.etabs li a.active:after { content: ''; position: absolute; bottom: -12px; left: 45%; margin-left: 24px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #00B2EE; margin: 0 auto; z-index: 0; } #tabContainer_stacks_in_1180 #tab-container.tabTheme7.themeDots2 ul.etabs li a:hover:after, #tabContainer_stacks_in_1180 #tab-container.tabTheme7.themeDots2 ul.etabs li a.active:after { border-top-color: #325C74; } /* ==================== * RESPONSIVENESS ====================== */ /* iPads */ @media (max-width : 768px) { #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme1 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme2 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme3 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme4 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme5 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme6 ul.etabs .tab { width: 47%; margin: 1%; border-bottom: solid 1px #666666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #tabContainer_stacks_in_1180.responsiveOn ul.etabs .tab.active {padding-top: 0;} #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme4 ul.etabs .tab.marginOpt, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme5 ul.etabs .tab.marginOpt, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme6 ul.etabs .tab.marginOpt { margin-left: 1%; } #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme5 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme6 ul.etabs .tab { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme5 .panel-container { border-top: none; } #tabContainer_stacks_in_1180 #tab-container ul.etabs.firstTabPixels li.tab:first-child { margin-left: 3px; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3 ul.etabs.firstTabPixels li.tab:first-child { margin-left: 6px; } #tabContainer_stacks_in_1180 #tab-container ul.etabs .tab.active { padding-top: 0; top: 0; } } /* iPhones */ @media (max-width : 480px) { #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme1 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme2 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme3 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme4 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme5 ul.etabs .tab, #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme6 ul.etabs .tab { width: 98%; } #tabContainer_stacks_in_1180.responsiveOn #tab-container.tabTheme7 .panel-container { border-top: none; } #tabContainer_stacks_in_1180 #tab-container.tabTheme3 ul.etabs.firstTabPixels li.tab:first-child { margin-left: 3px; } } #stacks_in_1180 { margin: 10px; padding: 10px; } #stacks_out_1180 { width: 400px; } /* * ourGlass Loading -webkit-animation: Flat Icons 4 * Author: Jeremy Hawes * Version: 1.0.0 * Support: forum.onelittledesigner.com */ #flatLoader4_stacks_in_1225 { display: block; width: 80px; height: 80px; padding: 60px 0 0 60px; } #flatLoader4_stacks_in_1225 .loading4{ width: 20px; height: 20px; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-animation:loading4-ani1 1000ms ease-in-out infinite; animation:loading4-ani1 1000ms ease-in-out infinite; } #flatLoader4_stacks_in_1225 .loading4 i, #flatLoader4_stacks_in_1225 .loading4 i:before, #flatLoader4_stacks_in_1225 .loading4 i:after{ content: ''; position:absolute; width: 20px; height: 20px; display: inline-block;; border-radius: 50%; } #flatLoader4_stacks_in_1225 .loading4 i:before{ -webkit-transform:translate(0,-20px) scale(0.75); -ms-transform:translate(0,-20px) scale(0.75); transform:translate(0,-20px) scale(0.75); } #flatLoader4_stacks_in_1225 .loading4 i:after{ -webkit-transform:translate(0,-35px) scale(0.5); -ms-transform:translate(0,-35px) scale(0.5); transform:translate(0,-35px) scale(0.5); } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(1){ -webkit-transform:translate(0,50px); -ms-transform:translate(0,50px); transform:translate(0,50px); } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(1), #flatLoader4_stacks_in_1225 .loading4 i:nth-child(1):before, #flatLoader4_stacks_in_1225 .loading4 i:nth-child(1):after{ background: #FFB364; } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(2), #flatLoader4_stacks_in_1225 .loading4 i:nth-child(2):before, #flatLoader4_stacks_in_1225 .loading4 i:nth-child(2):after{ background: #00A892; } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(2){ -webkit-transform:rotate(90deg) translate(0,50px); -ms-transform:rotate(90deg) translate(0,50px); transform:rotate(90deg) translate(0,50px); } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(3), #flatLoader4_stacks_in_1225 .loading4 i:nth-child(3):before, #flatLoader4_stacks_in_1225 .loading4 i:nth-child(3):after{ background: #1F4C59; } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(3){ -webkit-transform:rotate(180deg) translate(0,50px); -ms-transform:rotate(180deg) translate(0,50px); transform:rotate(180deg) translate(0,50px); } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(4), #flatLoader4_stacks_in_1225 .loading4 i:nth-child(4):before, #flatLoader4_stacks_in_1225 .loading4 i:nth-child(4):after{ background: #FF5954; } #flatLoader4_stacks_in_1225 .loading4 i:nth-child(4){ -webkit-transform:rotate(270deg) translate(0,50px); -ms-transform:rotate(270deg) translate(0,50px); transform:rotate(270deg) translate(0,50px); } @-webkit-keyframes loading4-ani1{ 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes loading4-ani1{ 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } }/* * ourGlass Loading -webkit-animation: Flat Icons 5 * Author: Jeremy Hawes * Version: 1.0.0 * Support: forum.onelittledesigner.com */ #flatLoader5_stacks_in_1226 { padding: 60px 0 0 60px; width: 80px; height: 90px; } #flatLoader5_stacks_in_1226 .loading5 { width: 40px; height: 40px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-animation:loading5-ani1 3000ms ease-in-out infinite; animation:loading5-ani1 3000ms ease-in-out infinite; } #flatLoader5_stacks_in_1226 .loading5 i { width: 40px; height: 40px; display: inline-block; border-radius: 50%; position:absolute; } #flatLoader5_stacks_in_1226 .loading5 i:nth-child(1) { background: #FF5954; -webkit-transform:translate(0,50px); -ms-transform:translate(0,50px); transform:translate(0,50px); -webkit-animation:loading5-ani2 3000ms ease-in-out infinite; animation:loading5-ani2 3000ms ease-in-out infinite; } #flatLoader5_stacks_in_1226 .loading5 i:nth-child(2) { background: #1F4C59; -webkit-transform:rotate(90deg) translate(0,50px); -ms-transform:rotate(90deg) translate(0,50px); transform:rotate(90deg) translate(0,50px); -webkit-animation:loading5-ani3 3000ms ease-in-out infinite; animation:loading5-ani3 3000ms ease-in-out infinite; } #flatLoader5_stacks_in_1226 .loading5 i:nth-child(3) { background: #00B39F; -webkit-transform:rotate(180deg) translate(0,50px); -ms-transform:rotate(180deg) translate(0,50px); transform:rotate(180deg) translate(0,50px); -webkit-animation:loading5-ani4 3000ms ease-in-out infinite; animation:loading5-ani4 3000ms ease-in-out infinite; } #flatLoader5_stacks_in_1226 .loading5 i:nth-child(4) { background: #FFB364; -webkit-transform:rotate(270deg) translate(0,50px); -ms-transform:rotate(270deg) translate(0,50px); transform:rotate(270deg) translate(0,50px); -webkit-animation:loading5-ani5 3000ms ease-in-out infinite; animation:loading5-ani5 3000ms ease-in-out infinite; } @-webkit-keyframes loading5-ani1 { 25%{ -webkit-transform:rotate(135deg); transform:rotate(135deg); } 50%{ -webkit-transform:rotate(225deg); transform:rotate(225deg); } 75%{ -webkit-transform:rotate(315deg); transform:rotate(315deg); } 100%{ -webkit-transform:rotate(405deg); transform:rotate(405deg); } } @keyframes loading5-ani1 { 25%{ -webkit-transform:rotate(135deg); transform:rotate(135deg); } 50%{ -webkit-transform:rotate(225deg); transform:rotate(225deg); } 75%{ -webkit-transform:rotate(315deg); transform:rotate(315deg); } 100%{ -webkit-transform:rotate(405deg); transform:rotate(405deg); } } @-webkit-keyframes loading5-ani2 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:translate(0,50px); transform:translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:translate(0,35px); transform:translate(0,35px); } } @keyframes loading5-ani2{ 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:translate(0,50px); transform:translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:translate(0,35px); transform:translate(0,35px); } } @-webkit-keyframes loading5-ani3 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:rotate(90deg) translate(0,50px); transform:rotate(90deg) translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:rotate(90deg) translate(0,35px); transform:rotate(90deg) translate(0,35px); } } @keyframes loading5-ani3 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:rotate(90deg) translate(0,50px); transform:rotate(90deg) translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:rotate(90deg) translate(0,35px); transform:rotate(90deg) translate(0,35px); } } @-webkit-keyframes loading5-ani4 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:rotate(180deg) translate(0,50px); transform:rotate(180deg) translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:rotate(180deg) translate(0,35px); transform:rotate(180deg) translate(0,35px); } } @keyframes loading5-ani4 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:rotate(180deg) translate(0,50px); transform:rotate(180deg) translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:rotate(180deg) translate(0,35px); transform:rotate(180deg) translate(0,35px); } } @-webkit-keyframes loading5-ani5 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:rotate(270deg) translate(0,50px); transform:rotate(270deg) translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:rotate(270deg) translate(0,35px); transform:rotate(270deg) translate(0,35px); } } @keyframes loading5-ani5 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{ -webkit-transform:rotate(270deg) translate(0,50px); transform:rotate(270deg) translate(0,50px); } 12.5%,37.5%,62.5%,87.5%{ -webkit-transform:rotate(270deg) translate(0,35px); transform:rotate(270deg) translate(0,35px); } }.stage_stacks_in_1227 { margin: 0 auto; width: 200px; height: 200px; } .colorA_stacks_in_1227 { background: #C0C0C0; } .colorB_stacks_in_1227 { background: #252525; } .pill_stacks_in_1227 { position: relative; margin-top: -17%; width: 6.5%; height: 17%; border-top-left-radius: 154% 60%; border-top-right-radius: 154% 60%; border-bottom-right-radius: 154% 60%; border-bottom-left-radius: 154% 60%; } .pill_stacks_in_1227:first-of-type { margin-top: 0%; } #pill1_stacks_in_1227 { top: 11%; left: 46.5%; -webkit-animation: spinner_stacks_in_1227 .8s .0s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .0s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .0s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .0s linear infinite; animation: spinner_stacks_in_1227 .8s .0s linear infinite; } #pill2_stacks_in_1227 { top: 20%; left: 68.56%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: spinner_stacks_in_1227 .8s .7s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .7s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .7s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .7s linear infinite; animation: spinner_stacks_in_1227 .8s .7s linear infinite; } #pill3_stacks_in_1227 { top: 41.5%; left: 77.5%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: spinner_stacks_in_1227 .8s .6s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .6s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .6s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .6s linear infinite; animation: spinner_stacks_in_1227 .8s .6s linear infinite; } #pill4_stacks_in_1227 { top: 62.5%; left: 69%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: spinner_stacks_in_1227 .8s .5s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .5s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .5s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .5s linear infinite; animation: spinner_stacks_in_1227 .8s .5s linear infinite; } #pill5_stacks_in_1227 { top: 72%; left: 46.5%; -webkit-animation: spinner_stacks_in_1227 .8s .4s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .4s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .4s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .4s linear infinite; animation: spinner_stacks_in_1227 .8s .4s linear infinite; } #pill6_stacks_in_1227 { top: 63%; left: 25%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: spinner_stacks_in_1227 .8s .3s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .3s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .3s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .3s linear infinite; animation: spinner_stacks_in_1227 .8s .3s linear infinite; } #pill7_stacks_in_1227 { top: 41.5%; left: 16%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: spinner_stacks_in_1227 .8s .2s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .2s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .2s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .2s linear infinite; animation: spinner_stacks_in_1227 .8s .2s linear infinite; } #pill8_stacks_in_1227 { top: 20%; left: 24.56%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: spinner_stacks_in_1227 .8s .1s linear infinite; -moz-animation: spinner_stacks_in_1227 .8s .1s linear infinite; -ms-animation: spinner_stacks_in_1227 .8s .1s linear infinite; -o-animation: spinner_stacks_in_1227 .8s .1s linear infinite; animation: spinner_stacks_in_1227 .8s .1s linear infinite; } @-webkit-keyframes spinner_stacks_in_1227 { 0% {background: #C0C0C0;} 30% {background: #C0C0C0;} 50% {background: #252525;} 70% {background: #C0C0C0;} 100% {background: #C0C0C0;} } @-moz-keyframes spinner_stacks_in_1227 { 0% {background: #C0C0C0;} 20% {background: #C0C0C0;} 50% {background: #252525;} 70% {background: #C0C0C0;} 100% {background: #C0C0C0;} } @-ms-keyframes spinner_stacks_in_1227 { 0% {background: #C0C0C0;} 20% {background: #C0C0C0;} 50% {background: #252525;} 70% {background: #C0C0C0;} 100% {background: #C0C0C0;} } @-o-keyframes spinner_stacks_in_1227 { 0% {background: #C0C0C0;} 20% {background: #C0C0C0;} 50% {background: #252525;} 70% {background: #C0C0C0;} 100% {background: #C0C0C0;} } @keyframes spinner_stacks_in_1227 { 0% {background: #C0C0C0;} 20% {background: #C0C0C0;} 50% {background: #252525;} 70% {background: #C0C0C0;} 100% {background: #C0C0C0;} }#L_stacks_in_1228 .loading { position: relative; display: inline-block; border-width: 52px; border-radius: 50%; left: 50%; margin-left: -52px; -webkit-animation: spin 1s linear infinite ; -moz-animation: spin 1s linear infinite ; -o-animation: spin 1s linear infinite ; animation: spin 1s linear infinite ; } #L_stacks_in_1228 .style-1 { border-style: solid; border-color: #000000 transparent; } #L_stacks_in_1228 .style-2 { border-style: double; border-color: #000000 transparent; } #L_stacks_in_1228 .style-3 { border-style: double; border-color: #000000 transparent transparent; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(359deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @-o-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @keyframes spin { 100% { transform: rotate(359deg); } }/* DooBox Spin CSS Document */ #stacks_in_935 .stacks_in_935spin{ display:none; } /* 1.1.3 - added support for hide stacks in inner columns - added breakpoint customization to layouts item stack - fixes a crashing issue in RapidWeaver 8 and Stacks 4.10 */ /* */ #stacks_in_811 > .layouts-section { grid-gap: 20px 10px; -ms-grid-columns: (minmax(0px, 1fr))[4]; grid-template-columns: repeat(4, minmax(0px, 1fr)); } #stacks_in_811 > .layouts-section > div { margin-bottom: 20px; margin-right: 10px; } @supports (display: grid) { #stacks_in_811 > .layouts-section > div { margin-bottom: 0px; margin-right: 0px; margin: 0; } } @media all and (max-width: 900px) { #stacks_in_811 > .layouts-section { -ms-grid-columns: minmax(0px, 1fr); -ms-grid-columns: (minmax(0px, 1fr))[2]; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-columns: repeat(2, minmax(0px, 1fr)); } #stacks_in_811 > .layouts-section[data-col="3"] { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } #stacks_in_811 > .layouts-section[data-col="3"] > div:nth-child(3n) { -ms-grid-column-span: 2; grid-column: span 2; } #stacks_in_811 > .layouts-section > div { -ms-grid-column-span: 1; grid-column: span 1; } } @media all and (max-width: 700px) { #stacks_in_811 > .layouts-section { -ms-grid-columns: minmax(0px, 1fr); -ms-grid-columns: (minmax(0px, 1fr))[1]; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-columns: repeat( 1, minmax(0px, 1fr)); } #stacks_in_811 > .layouts-section[data-col="3"] { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } #stacks_in_811 > .layouts-section[data-col="3"] > div:nth-child(3n) { -ms-grid-column-span: 1; grid-column: span 1; } } /* */ /* */ #stacks_in_811 { margin: 20px; } #stacks_out_812 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_812 { box-shadow: none; } #stacks_in_812, [tag="slice"] #stacks_in_812 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_812 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_812 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ #stacks_in_812, [tag="slice"] #stacks_in_812 > .layouts-item > .out { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } @media all and (max-width: 1440px) { #stacks_in_812 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media all and (max-width: 1280px) { #stacks_in_812 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media all and (max-width: 800px) { #stacks_in_812 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_812.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_839, #stacks_in_839 .toggle-this-wrap-outer { width: 100%; } #stacks_in_839 .toggle-this-wrap-outer, #stacks_in_839 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_839 .toggle-this-wrap-inner { width: auto; } #stacks_in_839 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_839 .toggle-this-wrap-inner .tt-label-left, #stacks_in_839 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_839 .toggle-this { margin: 10px 5px; } #stacks_in_839 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_839 .toggle-this > * { z-index: 1; } #stacks_in_839 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_839 .toggle-this, #stacks_in_839 .toggle-this .label-bg, #stacks_in_839 .toggle-this .label-bg > .left-color, #stacks_in_839 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_839 .toggle-this .label-bg > div > div, #stacks_in_839 .toggle-this label, #stacks_in_839 .toggle-this label:after, #stacks_in_839 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_839 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_839 .toggle-this label, #stacks_in_839 .toggle-this .label-bg, #stacks_in_839 .toggle-this label:after, #stacks_in_839 .toggle-this .label-bg > .left-color, #stacks_in_839 .toggle-this .label-bg > .right-color, #stacks_in_839 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_839 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_839 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_839 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_839 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_839 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_839 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_839 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_839 .toggle-this.ts-type-4, #stacks_in_839 .toggle-this.ts-type-4 .label-bg, #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_839 .toggle-this.ts-type-4 label, #stacks_in_839 .toggle-this.ts-type-4 label:after, #stacks_in_839 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_839 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_839 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_839 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_839 .toggle-this.ts-type-5, #stacks_in_839 .toggle-this.ts-type-5 .label-bg, #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_839 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_839 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_839 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_839 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_839 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_839 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_839 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_839 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_839 .toggle-this .label-bg > .left-color, #stacks_in_839 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_839 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_839 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_839 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_839 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_839 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_839 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "OFF"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "ON"; } #stacks_in_839 .toggle-this.ts-type-4, #stacks_in_839 .toggle-this.ts-type-4 .label-bg, #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_839 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_839 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_839 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_839 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_839 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_839 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_839 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_839 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_839 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_839 .toggle-this.ts-type-5 label { display: none; } #stacks_in_839 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_839 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_839 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_839 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_839 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_839 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_839 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_839 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_839 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_839 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_839 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_839 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_839 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_839 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_839 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_839 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_839 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_839 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_839 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_839 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_839 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_839 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_839 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_839 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_839 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_839 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_839 .toggle-this.ts-3:after, #stacks_in_839 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_839 .toggle-this.ts-type-5.ts-3:after, #stacks_in_839 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_839 .toggle-this .label-bg > .right-color, #stacks_in_839 .toggle-this.ts-2 .label-bg, #stacks_in_839 .toggle-this.ts-3 .label-bg, #stacks_in_839 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_839 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_839 .toggle-this label:after, #stacks_in_839 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_839 .toggle-this.ts-type-5 label:after, #stacks_in_839 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_839 .toggle-this .label-bg > .left-color, #stacks_in_839 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_839 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_839 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_839 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_839 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_839 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_839 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_839 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_839 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_839 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_839 .toggle-this.ts-type-2.ts-3:after, #stacks_in_839 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_839 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_839 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_839 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_839 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_839 .toggle-this.ts-type-2.ts-3:before, #stacks_in_839 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_839 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_839 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_839 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_827 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_827 { box-shadow: none; } #stacks_in_827, [tag="slice"] #stacks_in_827 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_827 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_827 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_827.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_908, #stacks_in_908 .toggle-this-wrap-outer { width: 100%; } #stacks_in_908 .toggle-this-wrap-outer, #stacks_in_908 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_908 .toggle-this-wrap-inner { width: auto; } #stacks_in_908 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_908 .toggle-this-wrap-inner .tt-label-left, #stacks_in_908 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_908 .toggle-this { margin: 10px 5px; } #stacks_in_908 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_908 .toggle-this > * { z-index: 1; } #stacks_in_908 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_908 .toggle-this, #stacks_in_908 .toggle-this .label-bg, #stacks_in_908 .toggle-this .label-bg > .left-color, #stacks_in_908 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_908 .toggle-this .label-bg > div > div, #stacks_in_908 .toggle-this label, #stacks_in_908 .toggle-this label:after, #stacks_in_908 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_908 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_908 .toggle-this label, #stacks_in_908 .toggle-this .label-bg, #stacks_in_908 .toggle-this label:after, #stacks_in_908 .toggle-this .label-bg > .left-color, #stacks_in_908 .toggle-this .label-bg > .right-color, #stacks_in_908 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_908 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_908 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_908 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_908 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_908 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_908 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_908 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_908 .toggle-this.ts-type-4, #stacks_in_908 .toggle-this.ts-type-4 .label-bg, #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_908 .toggle-this.ts-type-4 label, #stacks_in_908 .toggle-this.ts-type-4 label:after, #stacks_in_908 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_908 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_908 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_908 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_908 .toggle-this.ts-type-5, #stacks_in_908 .toggle-this.ts-type-5 .label-bg, #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_908 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_908 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_908 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_908 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_908 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_908 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_908 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_908 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_908 .toggle-this .label-bg > .left-color, #stacks_in_908 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_908 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_908 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_908 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_908 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_908 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_908 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "AUS"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "EIN"; } #stacks_in_908 .toggle-this.ts-type-4, #stacks_in_908 .toggle-this.ts-type-4 .label-bg, #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_908 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_908 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_908 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_908 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_908 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_908 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_908 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_908 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_908 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_908 .toggle-this.ts-type-5 label { display: none; } #stacks_in_908 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_908 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_908 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_908 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_908 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_908 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_908 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_908 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_908 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_908 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_908 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_908 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_908 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_908 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_908 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_908 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_908 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_908 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_908 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_908 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_908 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_908 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_908 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_908 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_908 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_908 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_908 .toggle-this.ts-3:after, #stacks_in_908 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_908 .toggle-this.ts-type-5.ts-3:after, #stacks_in_908 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_908 .toggle-this .label-bg > .right-color, #stacks_in_908 .toggle-this.ts-2 .label-bg, #stacks_in_908 .toggle-this.ts-3 .label-bg, #stacks_in_908 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_908 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_908 .toggle-this label:after, #stacks_in_908 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_908 .toggle-this.ts-type-5 label:after, #stacks_in_908 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_908 .toggle-this .label-bg > .left-color, #stacks_in_908 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_908 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_908 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_908 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(251, 2, 7, 1.00); } #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_908 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(251, 2, 7, 1.00); } #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_908 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(251, 2, 7, 1.00); } #stacks_in_908 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_908 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_908 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_908 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_908 .toggle-this.ts-type-2.ts-3:after, #stacks_in_908 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_908 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_908 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_908 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_908 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_908 .toggle-this.ts-type-2.ts-3:before, #stacks_in_908 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_908 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_908 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_908 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_906 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_906 { box-shadow: none; } #stacks_in_906, [tag="slice"] #stacks_in_906 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_906 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_906 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_906.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_906 { width: 250px; } /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_909, #stacks_in_909 .toggle-this-wrap-outer { width: 100%; } #stacks_in_909 .toggle-this-wrap-outer, #stacks_in_909 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_909 .toggle-this-wrap-inner { width: auto; } #stacks_in_909 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_909 .toggle-this-wrap-inner .tt-label-left, #stacks_in_909 .toggle-this-wrap-inner .tt-label-right { font-size: 22.000000px; line-height: 22.000000px; } /* */ #stacks_in_909 .toggle-this { margin: 10px 5px; } #stacks_in_909 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_909 .toggle-this > * { z-index: 1; } #stacks_in_909 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 100px; height: 60px; border-radius: 60px; z-index: 0; } #stacks_in_909 .toggle-this, #stacks_in_909 .toggle-this .label-bg, #stacks_in_909 .toggle-this .label-bg > .left-color, #stacks_in_909 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 80px; height: 40px; border-radius: 40px; } #stacks_in_909 .toggle-this .label-bg > div > div, #stacks_in_909 .toggle-this label, #stacks_in_909 .toggle-this label:after, #stacks_in_909 .toggle-this label:before { width: 40px; height: 40px; } #stacks_in_909 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_909 .toggle-this label, #stacks_in_909 .toggle-this .label-bg, #stacks_in_909 .toggle-this label:after, #stacks_in_909 .toggle-this .label-bg > .left-color, #stacks_in_909 .toggle-this .label-bg > .right-color, #stacks_in_909 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_909 .toggle-this .label-bg > div > div { left: 30.000000px; } #stacks_in_909 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 35.000000px; } #stacks_in_909 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_909 input:checked + .toggle-this label { -webkit-transform: translate(40px,0); transform: translate(40px,0); } #stacks_in_909 .toggle-this:before { width: 90px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_909 .toggle-this.ts-type-4:after { width: 120px; } #stacks_in_909 .toggle-this.ts-type-2:before { width: 90px; height: 20px; border-radius: 20px; top: 10.000000px; left: -5px; } #stacks_in_909 .toggle-this.ts-type-4, #stacks_in_909 .toggle-this.ts-type-4 .label-bg, #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; height: 40px; } #stacks_in_909 .toggle-this.ts-type-4 label, #stacks_in_909 .toggle-this.ts-type-4 label:after, #stacks_in_909 .toggle-this.ts-type-4 label:before { width: 40px; height: 40px; } #stacks_in_909 .toggle-this.ts-type-4 .label-bg > div > div { width: 65.000000px; height: 55px; } #stacks_in_909 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(60px,0); transform: translate(60px,0); } #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 40px; } #stacks_in_909 .toggle-this.ts-type-4:before { width: 110px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_909 .toggle-this.ts-type-5, #stacks_in_909 .toggle-this.ts-type-5 .label-bg, #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_909 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 40px; } #stacks_in_909 .toggle-this.ts-type-5:before { width: 50px; } #stacks_in_909 .toggle-this.ts-type-2 .label-bg { height: 12.000000px; top: 14.000000px; } /* */ /* */ #stacks_in_909 .toggle-this.ts-type-2 .label-bg { height: 9.599999px; top: 15.200000px; } /* */ /* TOGGLE */ #stacks_in_909 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_909 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_909 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_909 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_909 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_909 .toggle-this .label-bg > .left-color, #stacks_in_909 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_909 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_909 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_909 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_909 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_909 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_909 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { height: 4px; } /* */ #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "OFF"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 18.000000px; text-align: center; } #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "ON"; } #stacks_in_909 .toggle-this.ts-type-4, #stacks_in_909 .toggle-this.ts-type-4 .label-bg, #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; } #stacks_in_909 .toggle-this.ts-type-4:before { width: 110px; } #stacks_in_909 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 40px); } #stacks_in_909 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_909 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_909 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(60px,0); transform: translate(60px,0); } /* THIN */ #stacks_in_909 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_909 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_909 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_909 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_909 .toggle-this.ts-type-5 label { display: none; } #stacks_in_909 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_909 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_909 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { left: 33%; height: 4px; } /* */ #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_909 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_909 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_909 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_909 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_909 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_909 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_909 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_909 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_909 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_909 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_909 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_909 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_909 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_909 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_909 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_909 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_909 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_909 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_909 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_909 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_909 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_909 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_909 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_909 .toggle-this.ts-3:after, #stacks_in_909 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_909 .toggle-this.ts-type-5.ts-3:after, #stacks_in_909 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_909 .toggle-this .label-bg > .right-color, #stacks_in_909 .toggle-this.ts-2 .label-bg, #stacks_in_909 .toggle-this.ts-3 .label-bg, #stacks_in_909 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_909 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_909 .toggle-this label:after, #stacks_in_909 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_909 .toggle-this.ts-type-5 label:after, #stacks_in_909 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_909 .toggle-this .label-bg > .left-color, #stacks_in_909 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_909 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_909 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(17, 128, 2, 1.00); } #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_909 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_909 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_909 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_909 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_909 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_909 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_909 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_1007 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_1007 { box-shadow: none; } #stacks_in_1007, [tag="slice"] #stacks_in_1007 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_1007 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_1007 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_1007.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_1009, #stacks_in_1009 .toggle-this-wrap-outer { width: 100%; } #stacks_in_1009 .toggle-this-wrap-outer, #stacks_in_1009 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_1009 .toggle-this-wrap-inner { width: auto; } #stacks_in_1009 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_1009 .toggle-this-wrap-inner .tt-label-left, #stacks_in_1009 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_1009 .toggle-this { margin: 10px 5px; } #stacks_in_1009 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_1009 .toggle-this > * { z-index: 1; } #stacks_in_1009 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_1009 .toggle-this, #stacks_in_1009 .toggle-this .label-bg, #stacks_in_1009 .toggle-this .label-bg > .left-color, #stacks_in_1009 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_1009 .toggle-this .label-bg > div > div, #stacks_in_1009 .toggle-this label, #stacks_in_1009 .toggle-this label:after, #stacks_in_1009 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_1009 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_1009 .toggle-this label, #stacks_in_1009 .toggle-this .label-bg, #stacks_in_1009 .toggle-this label:after, #stacks_in_1009 .toggle-this .label-bg > .left-color, #stacks_in_1009 .toggle-this .label-bg > .right-color, #stacks_in_1009 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_1009 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_1009 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_1009 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_1009 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_1009 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_1009 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_1009 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_1009 .toggle-this.ts-type-4, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_1009 .toggle-this.ts-type-4 label, #stacks_in_1009 .toggle-this.ts-type-4 label:after, #stacks_in_1009 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_1009 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_1009 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_1009 .toggle-this.ts-type-5, #stacks_in_1009 .toggle-this.ts-type-5 .label-bg, #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_1009 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_1009 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_1009 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_1009 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_1009 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_1009 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_1009 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_1009 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_1009 .toggle-this .label-bg > .left-color, #stacks_in_1009 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_1009 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_1009 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_1009 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_1009 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_1009 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_1009 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "A U S"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "E I N"; } #stacks_in_1009 .toggle-this.ts-type-4, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_1009 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_1009 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_1009 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_1009 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_1009 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_1009 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_1009 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_1009 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_1009 .toggle-this.ts-type-5 label { display: none; } #stacks_in_1009 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1009 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_1009 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_1009 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1009 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1009 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_1009 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1009 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_1009 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1009 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1009 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1009 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_1009 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_1009 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_1009 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_1009 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1009 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_1009 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_1009 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1009 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_1009 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1009 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_1009 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_1009 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1009 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1009 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_1009 .toggle-this.ts-3:after, #stacks_in_1009 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1009 .toggle-this.ts-type-5.ts-3:after, #stacks_in_1009 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_1009 .toggle-this .label-bg > .right-color, #stacks_in_1009 .toggle-this.ts-2 .label-bg, #stacks_in_1009 .toggle-this.ts-3 .label-bg, #stacks_in_1009 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_1009 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_1009 .toggle-this label:after, #stacks_in_1009 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1009 .toggle-this.ts-type-5 label:after, #stacks_in_1009 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_1009 .toggle-this .label-bg > .left-color, #stacks_in_1009 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_1009 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_1009 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1009 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(251, 2, 7, 1.00); } #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_1009 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(251, 2, 7, 1.00); } #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_1009 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(251, 2, 7, 1.00); } #stacks_in_1009 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_1009 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_1009 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_1009 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_1009 .toggle-this.ts-type-2.ts-3:after, #stacks_in_1009 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1009 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_1009 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_1009 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_1009 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_1009 .toggle-this.ts-type-2.ts-3:before, #stacks_in_1009 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_1009 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_1009 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_1009 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_1010, #stacks_in_1010 .toggle-this-wrap-outer { width: 100%; } #stacks_in_1010 .toggle-this-wrap-outer, #stacks_in_1010 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_1010 .toggle-this-wrap-inner { width: auto; } #stacks_in_1010 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_1010 .toggle-this-wrap-inner .tt-label-left, #stacks_in_1010 .toggle-this-wrap-inner .tt-label-right { font-size: 22.000000px; line-height: 22.000000px; } /* */ #stacks_in_1010 .toggle-this { margin: 10px 5px; } #stacks_in_1010 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_1010 .toggle-this > * { z-index: 1; } #stacks_in_1010 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 100px; height: 60px; border-radius: 60px; z-index: 0; } #stacks_in_1010 .toggle-this, #stacks_in_1010 .toggle-this .label-bg, #stacks_in_1010 .toggle-this .label-bg > .left-color, #stacks_in_1010 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 80px; height: 40px; border-radius: 40px; } #stacks_in_1010 .toggle-this .label-bg > div > div, #stacks_in_1010 .toggle-this label, #stacks_in_1010 .toggle-this label:after, #stacks_in_1010 .toggle-this label:before { width: 40px; height: 40px; } #stacks_in_1010 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_1010 .toggle-this label, #stacks_in_1010 .toggle-this .label-bg, #stacks_in_1010 .toggle-this label:after, #stacks_in_1010 .toggle-this .label-bg > .left-color, #stacks_in_1010 .toggle-this .label-bg > .right-color, #stacks_in_1010 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_1010 .toggle-this .label-bg > div > div { left: 30.000000px; } #stacks_in_1010 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 35.000000px; } #stacks_in_1010 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_1010 input:checked + .toggle-this label { -webkit-transform: translate(40px,0); transform: translate(40px,0); } #stacks_in_1010 .toggle-this:before { width: 90px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_1010 .toggle-this.ts-type-4:after { width: 120px; } #stacks_in_1010 .toggle-this.ts-type-2:before { width: 90px; height: 20px; border-radius: 20px; top: 10.000000px; left: -5px; } #stacks_in_1010 .toggle-this.ts-type-4, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; height: 40px; } #stacks_in_1010 .toggle-this.ts-type-4 label, #stacks_in_1010 .toggle-this.ts-type-4 label:after, #stacks_in_1010 .toggle-this.ts-type-4 label:before { width: 40px; height: 40px; } #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > div > div { width: 65.000000px; height: 55px; } #stacks_in_1010 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(60px,0); transform: translate(60px,0); } #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 40px; } #stacks_in_1010 .toggle-this.ts-type-4:before { width: 110px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_1010 .toggle-this.ts-type-5, #stacks_in_1010 .toggle-this.ts-type-5 .label-bg, #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_1010 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 40px; } #stacks_in_1010 .toggle-this.ts-type-5:before { width: 50px; } #stacks_in_1010 .toggle-this.ts-type-2 .label-bg { height: 12.000000px; top: 14.000000px; } /* */ /* */ #stacks_in_1010 .toggle-this.ts-type-2 .label-bg { height: 9.599999px; top: 15.200000px; } /* */ /* TOGGLE */ #stacks_in_1010 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_1010 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_1010 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_1010 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_1010 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_1010 .toggle-this .label-bg > .left-color, #stacks_in_1010 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_1010 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_1010 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_1010 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_1010 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_1010 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_1010 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { height: 4px; } /* */ #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "OFF"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 18.000000px; text-align: center; } #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: " ON "; } #stacks_in_1010 .toggle-this.ts-type-4, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; } #stacks_in_1010 .toggle-this.ts-type-4:before { width: 110px; } #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 40px); } #stacks_in_1010 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_1010 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_1010 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(60px,0); transform: translate(60px,0); } /* THIN */ #stacks_in_1010 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_1010 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_1010 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_1010 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_1010 .toggle-this.ts-type-5 label { display: none; } #stacks_in_1010 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1010 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_1010 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { left: 33%; height: 4px; } /* */ #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_1010 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1010 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1010 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_1010 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1010 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_1010 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1010 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1010 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1010 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_1010 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_1010 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_1010 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_1010 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1010 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_1010 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_1010 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1010 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_1010 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1010 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_1010 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_1010 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1010 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1010 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_1010 .toggle-this.ts-3:after, #stacks_in_1010 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1010 .toggle-this.ts-type-5.ts-3:after, #stacks_in_1010 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_1010 .toggle-this .label-bg > .right-color, #stacks_in_1010 .toggle-this.ts-2 .label-bg, #stacks_in_1010 .toggle-this.ts-3 .label-bg, #stacks_in_1010 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_1010 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_1010 .toggle-this label:after, #stacks_in_1010 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1010 .toggle-this.ts-type-5 label:after, #stacks_in_1010 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_1010 .toggle-this .label-bg > .left-color, #stacks_in_1010 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_1010 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_1010 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(17, 128, 2, 1.00); } #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1010 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_1010 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_1010 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_1010 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_1010 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_1010 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_1010 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_1011, #stacks_in_1011 .toggle-this-wrap-outer { width: 100%; } #stacks_in_1011 .toggle-this-wrap-outer, #stacks_in_1011 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_1011 .toggle-this-wrap-inner { width: auto; } #stacks_in_1011 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_1011 .toggle-this-wrap-inner .tt-label-left, #stacks_in_1011 .toggle-this-wrap-inner .tt-label-right { font-size: 14.000000px; line-height: 14.000000px; } /* */ #stacks_in_1011 .toggle-this { margin: 10px 5px; } #stacks_in_1011 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_1011 .toggle-this > * { z-index: 1; } #stacks_in_1011 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 68px; height: 44px; border-radius: 44px; z-index: 0; } #stacks_in_1011 .toggle-this, #stacks_in_1011 .toggle-this .label-bg, #stacks_in_1011 .toggle-this .label-bg > .left-color, #stacks_in_1011 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 48px; height: 24px; border-radius: 24px; } #stacks_in_1011 .toggle-this .label-bg > div > div, #stacks_in_1011 .toggle-this label, #stacks_in_1011 .toggle-this label:after, #stacks_in_1011 .toggle-this label:before { width: 24px; height: 24px; } #stacks_in_1011 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_1011 .toggle-this label, #stacks_in_1011 .toggle-this .label-bg, #stacks_in_1011 .toggle-this label:after, #stacks_in_1011 .toggle-this .label-bg > .left-color, #stacks_in_1011 .toggle-this .label-bg > .right-color, #stacks_in_1011 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_1011 .toggle-this .label-bg > div > div { left: 18.000000px; } #stacks_in_1011 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 23.000000px; } #stacks_in_1011 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_1011 input:checked + .toggle-this label { -webkit-transform: translate(24px,0); transform: translate(24px,0); } #stacks_in_1011 .toggle-this:before { width: 58px; height: 34px; border-radius: 34px; top: -5px; left: -5px; } #stacks_in_1011 .toggle-this.ts-type-4:after { width: 88px; } #stacks_in_1011 .toggle-this.ts-type-2:before { width: 58px; height: 20px; border-radius: 20px; top: 2.000000px; left: -5px; } #stacks_in_1011 .toggle-this.ts-type-4, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .right-color { width: 68px; height: 24px; } #stacks_in_1011 .toggle-this.ts-type-4 label, #stacks_in_1011 .toggle-this.ts-type-4 label:after, #stacks_in_1011 .toggle-this.ts-type-4 label:before { width: 24px; height: 24px; } #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > div > div { width: 45.000000px; height: 39px; } #stacks_in_1011 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(44px,0); transform: translate(44px,0); } #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 24px; } #stacks_in_1011 .toggle-this.ts-type-4:before { width: 78px; height: 34px; border-radius: 34px; top: -5px; left: -5px; } #stacks_in_1011 .toggle-this.ts-type-5, #stacks_in_1011 .toggle-this.ts-type-5 .label-bg, #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_1011 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 24px; } #stacks_in_1011 .toggle-this.ts-type-5:before { width: 34px; } #stacks_in_1011 .toggle-this.ts-type-2 .label-bg { height: 7.200000px; top: 8.400000px; } /* */ #stacks_in_1011 .toggle-this.ts-type-2 .label-bg { height: 9.120000px; top: 7.440000px; } /* */ /* */ /* TOGGLE */ #stacks_in_1011 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_1011 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_1011 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_1011 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_1011 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_1011 .toggle-this .label-bg > .left-color, #stacks_in_1011 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_1011 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_1011 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_1011 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_1011 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_1011 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_1011 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 12.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { width: 14.400001px; height: 2px; } /* */ /* */ #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "OFF"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 13.200000px; text-align: center; } #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "ON"; } #stacks_in_1011 .toggle-this.ts-type-4, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .right-color { width: 68px; } #stacks_in_1011 .toggle-this.ts-type-4:before { width: 78px; } #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 24px); } #stacks_in_1011 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_1011 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_1011 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(44px,0); transform: translate(44px,0); } /* THIN */ #stacks_in_1011 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_1011 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_1011 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_1011 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_1011 .toggle-this.ts-type-5 label { display: none; } #stacks_in_1011 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1011 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_1011 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 12.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { width: 14.400001px; height: 2px; } /* */ #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_1011 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1011 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1011 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_1011 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1011 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_1011 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1011 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1011 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1011 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_1011 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_1011 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_1011 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_1011 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1011 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_1011 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_1011 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1011 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_1011 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1011 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_1011 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_1011 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1011 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1011 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_1011 .toggle-this.ts-3:after, #stacks_in_1011 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1011 .toggle-this.ts-type-5.ts-3:after, #stacks_in_1011 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_1011 .toggle-this .label-bg > .right-color, #stacks_in_1011 .toggle-this.ts-2 .label-bg, #stacks_in_1011 .toggle-this.ts-3 .label-bg, #stacks_in_1011 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_1011 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_1011 .toggle-this label:after, #stacks_in_1011 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1011 .toggle-this.ts-type-5 label:after, #stacks_in_1011 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_1011 .toggle-this .label-bg > .left-color, #stacks_in_1011 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_1011 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_1011 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1011 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_1011 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_1011 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_1011 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_1011 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_1011 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_1011 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_833 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_833 { box-shadow: none; } #stacks_in_833, [tag="slice"] #stacks_in_833 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_833 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_833 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_833.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_840, #stacks_in_840 .toggle-this-wrap-outer { width: 100%; } #stacks_in_840 .toggle-this-wrap-outer, #stacks_in_840 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_840 .toggle-this-wrap-inner { width: auto; } #stacks_in_840 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_840 .toggle-this-wrap-inner .tt-label-left, #stacks_in_840 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_840 .toggle-this { margin: 10px 5px; } #stacks_in_840 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_840 .toggle-this > * { z-index: 1; } #stacks_in_840 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_840 .toggle-this, #stacks_in_840 .toggle-this .label-bg, #stacks_in_840 .toggle-this .label-bg > .left-color, #stacks_in_840 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_840 .toggle-this .label-bg > div > div, #stacks_in_840 .toggle-this label, #stacks_in_840 .toggle-this label:after, #stacks_in_840 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_840 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_840 .toggle-this label, #stacks_in_840 .toggle-this .label-bg, #stacks_in_840 .toggle-this label:after, #stacks_in_840 .toggle-this .label-bg > .left-color, #stacks_in_840 .toggle-this .label-bg > .right-color, #stacks_in_840 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_840 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_840 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_840 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_840 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_840 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_840 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_840 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_840 .toggle-this.ts-type-4, #stacks_in_840 .toggle-this.ts-type-4 .label-bg, #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_840 .toggle-this.ts-type-4 label, #stacks_in_840 .toggle-this.ts-type-4 label:after, #stacks_in_840 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_840 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_840 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_840 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_840 .toggle-this.ts-type-5, #stacks_in_840 .toggle-this.ts-type-5 .label-bg, #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_840 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_840 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_840 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_840 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_840 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_840 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_840 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_840 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_840 .toggle-this .label-bg > .left-color, #stacks_in_840 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_840 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_840 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_840 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_840 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_840 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_840 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "rot"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "grün"; } #stacks_in_840 .toggle-this.ts-type-4, #stacks_in_840 .toggle-this.ts-type-4 .label-bg, #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_840 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_840 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_840 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_840 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_840 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_840 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_840 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_840 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_840 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_840 .toggle-this.ts-type-5 label { display: none; } #stacks_in_840 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_840 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_840 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_840 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_840 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_840 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_840 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_840 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_840 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_840 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_840 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_840 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_840 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_840 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_840 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_840 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_840 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_840 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_840 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_840 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_840 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_840 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_840 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_840 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_840 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_840 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_840 .toggle-this.ts-3:after, #stacks_in_840 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_840 .toggle-this.ts-type-5.ts-3:after, #stacks_in_840 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_840 .toggle-this .label-bg > .right-color, #stacks_in_840 .toggle-this.ts-2 .label-bg, #stacks_in_840 .toggle-this.ts-3 .label-bg, #stacks_in_840 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(255, 0, 0, 1.00); } #stacks_in_840 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_840 .toggle-this label:after, #stacks_in_840 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_840 .toggle-this.ts-type-5 label:after, #stacks_in_840 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_840 .toggle-this .label-bg > .left-color, #stacks_in_840 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_840 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_840 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_840 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(51, 51, 51, 1.00); } #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_840 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(51, 51, 51, 1.00); } #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_840 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(51, 51, 51, 1.00); } #stacks_in_840 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_840 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_840 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_840 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_840 .toggle-this.ts-type-2.ts-3:after, #stacks_in_840 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_840 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_840 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_840 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_840 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_840 .toggle-this.ts-type-2.ts-3:before, #stacks_in_840 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_840 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_840 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_840 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_856 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_856 { box-shadow: none; } #stacks_in_856, [tag="slice"] #stacks_in_856 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_856 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_856 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_856.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_1028 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_1028 { box-shadow: none; } #stacks_in_1028, [tag="slice"] #stacks_in_1028 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_1028 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_1028 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_1028.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_1029, #stacks_in_1029 .toggle-this-wrap-outer { width: 100%; } #stacks_in_1029 .toggle-this-wrap-outer, #stacks_in_1029 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_1029 .toggle-this-wrap-inner { width: auto; } #stacks_in_1029 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_1029 .toggle-this-wrap-inner .tt-label-left, #stacks_in_1029 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_1029 .toggle-this-wrap-inner .tt-label-left { display: none; } /* */ #stacks_in_1029 .toggle-this { margin: 10px 5px; } #stacks_in_1029 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_1029 .toggle-this > * { z-index: 1; } #stacks_in_1029 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_1029 .toggle-this, #stacks_in_1029 .toggle-this .label-bg, #stacks_in_1029 .toggle-this .label-bg > .left-color, #stacks_in_1029 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_1029 .toggle-this .label-bg > div > div, #stacks_in_1029 .toggle-this label, #stacks_in_1029 .toggle-this label:after, #stacks_in_1029 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_1029 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_1029 .toggle-this label, #stacks_in_1029 .toggle-this .label-bg, #stacks_in_1029 .toggle-this label:after, #stacks_in_1029 .toggle-this .label-bg > .left-color, #stacks_in_1029 .toggle-this .label-bg > .right-color, #stacks_in_1029 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_1029 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_1029 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_1029 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_1029 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_1029 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_1029 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_1029 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_1029 .toggle-this.ts-type-4, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_1029 .toggle-this.ts-type-4 label, #stacks_in_1029 .toggle-this.ts-type-4 label:after, #stacks_in_1029 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_1029 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_1029 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_1029 .toggle-this.ts-type-5, #stacks_in_1029 .toggle-this.ts-type-5 .label-bg, #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_1029 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_1029 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_1029 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_1029 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_1029 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_1029 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_1029 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_1029 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_1029 .toggle-this .label-bg > .left-color, #stacks_in_1029 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_1029 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_1029 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_1029 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_1029 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_1029 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_1029 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "rot"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "grün"; } #stacks_in_1029 .toggle-this.ts-type-4, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_1029 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_1029 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_1029 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_1029 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_1029 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_1029 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_1029 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_1029 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_1029 .toggle-this.ts-type-5 label { display: none; } #stacks_in_1029 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1029 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_1029 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_1029 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1029 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1029 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_1029 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1029 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_1029 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1029 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1029 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1029 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_1029 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_1029 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_1029 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_1029 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1029 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_1029 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_1029 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1029 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_1029 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1029 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_1029 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_1029 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1029 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1029 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_1029 .toggle-this.ts-3:after, #stacks_in_1029 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1029 .toggle-this.ts-type-5.ts-3:after, #stacks_in_1029 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_1029 .toggle-this .label-bg > .right-color, #stacks_in_1029 .toggle-this.ts-2 .label-bg, #stacks_in_1029 .toggle-this.ts-3 .label-bg, #stacks_in_1029 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(17, 128, 64, 1.00); } #stacks_in_1029 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_1029 .toggle-this label:after, #stacks_in_1029 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1029 .toggle-this.ts-type-5 label:after, #stacks_in_1029 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_1029 .toggle-this .label-bg > .left-color, #stacks_in_1029 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_1029 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_1029 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1029 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(51, 51, 51, 1.00); } #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_1029 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(51, 51, 51, 1.00); } #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_1029 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(51, 51, 51, 1.00); } #stacks_in_1029 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_1029 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_1029 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_1029 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_1029 .toggle-this.ts-type-2.ts-3:after, #stacks_in_1029 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1029 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_1029 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_1029 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_1029 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_1029 .toggle-this.ts-type-2.ts-3:before, #stacks_in_1029 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_1029 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_1029 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_1029 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_1031 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_1031 { box-shadow: none; } #stacks_in_1031, [tag="slice"] #stacks_in_1031 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_1031 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_1031 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_1031.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_1043, #stacks_in_1043 .toggle-this-wrap-outer { width: 100%; } #stacks_in_1043 .toggle-this-wrap-outer, #stacks_in_1043 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_1043 .toggle-this-wrap-inner { width: auto; } #stacks_in_1043 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_1043 .toggle-this-wrap-inner .tt-label-left, #stacks_in_1043 .toggle-this-wrap-inner .tt-label-right { font-size: 22.000000px; line-height: 22.000000px; } /* */ #stacks_in_1043 .toggle-this { margin: 10px 5px; } #stacks_in_1043 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_1043 .toggle-this > * { z-index: 1; } #stacks_in_1043 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 100px; height: 60px; border-radius: 60px; z-index: 0; } #stacks_in_1043 .toggle-this, #stacks_in_1043 .toggle-this .label-bg, #stacks_in_1043 .toggle-this .label-bg > .left-color, #stacks_in_1043 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 80px; height: 40px; border-radius: 40px; } #stacks_in_1043 .toggle-this .label-bg > div > div, #stacks_in_1043 .toggle-this label, #stacks_in_1043 .toggle-this label:after, #stacks_in_1043 .toggle-this label:before { width: 40px; height: 40px; } #stacks_in_1043 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_1043 .toggle-this label, #stacks_in_1043 .toggle-this .label-bg, #stacks_in_1043 .toggle-this label:after, #stacks_in_1043 .toggle-this .label-bg > .left-color, #stacks_in_1043 .toggle-this .label-bg > .right-color, #stacks_in_1043 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_1043 .toggle-this .label-bg > div > div { left: 30.000000px; } #stacks_in_1043 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 35.000000px; } #stacks_in_1043 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_1043 input:checked + .toggle-this label { -webkit-transform: translate(40px,0); transform: translate(40px,0); } #stacks_in_1043 .toggle-this:before { width: 90px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_1043 .toggle-this.ts-type-4:after { width: 120px; } #stacks_in_1043 .toggle-this.ts-type-2:before { width: 90px; height: 20px; border-radius: 20px; top: 10.000000px; left: -5px; } #stacks_in_1043 .toggle-this.ts-type-4, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; height: 40px; } #stacks_in_1043 .toggle-this.ts-type-4 label, #stacks_in_1043 .toggle-this.ts-type-4 label:after, #stacks_in_1043 .toggle-this.ts-type-4 label:before { width: 40px; height: 40px; } #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > div > div { width: 65.000000px; height: 55px; } #stacks_in_1043 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(60px,0); transform: translate(60px,0); } #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 40px; } #stacks_in_1043 .toggle-this.ts-type-4:before { width: 110px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_1043 .toggle-this.ts-type-5, #stacks_in_1043 .toggle-this.ts-type-5 .label-bg, #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_1043 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 40px; } #stacks_in_1043 .toggle-this.ts-type-5:before { width: 50px; } #stacks_in_1043 .toggle-this.ts-type-2 .label-bg { height: 12.000000px; top: 14.000000px; } /* */ /* */ #stacks_in_1043 .toggle-this.ts-type-2 .label-bg { height: 9.599999px; top: 15.200000px; } /* */ /* TOGGLE */ #stacks_in_1043 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_1043 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_1043 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_1043 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_1043 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_1043 .toggle-this .label-bg > .left-color, #stacks_in_1043 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_1043 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_1043 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_1043 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_1043 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_1043 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_1043 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { height: 4px; } /* */ #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "OFF"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 18.000000px; text-align: center; } #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "on"; } #stacks_in_1043 .toggle-this.ts-type-4, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; } #stacks_in_1043 .toggle-this.ts-type-4:before { width: 110px; } #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 40px); } #stacks_in_1043 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_1043 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_1043 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(60px,0); transform: translate(60px,0); } /* THIN */ #stacks_in_1043 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_1043 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_1043 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_1043 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_1043 .toggle-this.ts-type-5 label { display: none; } #stacks_in_1043 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1043 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_1043 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { left: 33%; height: 4px; } /* */ #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_1043 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1043 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1043 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_1043 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1043 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_1043 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1043 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1043 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1043 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_1043 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_1043 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_1043 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_1043 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1043 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_1043 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_1043 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1043 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_1043 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1043 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_1043 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_1043 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1043 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1043 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_1043 .toggle-this.ts-3:after, #stacks_in_1043 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1043 .toggle-this.ts-type-5.ts-3:after, #stacks_in_1043 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_1043 .toggle-this .label-bg > .right-color, #stacks_in_1043 .toggle-this.ts-2 .label-bg, #stacks_in_1043 .toggle-this.ts-3 .label-bg, #stacks_in_1043 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_1043 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_1043 .toggle-this label:after, #stacks_in_1043 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1043 .toggle-this.ts-type-5 label:after, #stacks_in_1043 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_1043 .toggle-this .label-bg > .left-color, #stacks_in_1043 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_1043 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_1043 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(17, 128, 2, 1.00); } #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1043 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_1043 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_1043 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_1043 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_1043 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_1043 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_1043 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_835 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_835 { box-shadow: none; } #stacks_in_835, [tag="slice"] #stacks_in_835 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_835 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_835 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_835.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_808, #stacks_in_808 .toggle-this-wrap-outer { width: 100%; } #stacks_in_808 .toggle-this-wrap-outer, #stacks_in_808 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_808 .toggle-this-wrap-inner { width: auto; } #stacks_in_808 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_808 .toggle-this-wrap-inner .tt-label-left, #stacks_in_808 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_808 .toggle-this { margin: 10px 5px; } #stacks_in_808 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_808 .toggle-this > * { z-index: 1; } #stacks_in_808 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_808 .toggle-this, #stacks_in_808 .toggle-this .label-bg, #stacks_in_808 .toggle-this .label-bg > .left-color, #stacks_in_808 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_808 .toggle-this .label-bg > div > div, #stacks_in_808 .toggle-this label, #stacks_in_808 .toggle-this label:after, #stacks_in_808 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_808 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_808 .toggle-this label, #stacks_in_808 .toggle-this .label-bg, #stacks_in_808 .toggle-this label:after, #stacks_in_808 .toggle-this .label-bg > .left-color, #stacks_in_808 .toggle-this .label-bg > .right-color, #stacks_in_808 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_808 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_808 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_808 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_808 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_808 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_808 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_808 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_808 .toggle-this.ts-type-4, #stacks_in_808 .toggle-this.ts-type-4 .label-bg, #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_808 .toggle-this.ts-type-4 label, #stacks_in_808 .toggle-this.ts-type-4 label:after, #stacks_in_808 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_808 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_808 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_808 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_808 .toggle-this.ts-type-5, #stacks_in_808 .toggle-this.ts-type-5 .label-bg, #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_808 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_808 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_808 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_808 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_808 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_808 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_808 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_808 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_808 .toggle-this .label-bg > .left-color, #stacks_in_808 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_808 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_808 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_808 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_808 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_808 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_808 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: " GELB"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: " BLAU "; } #stacks_in_808 .toggle-this.ts-type-4, #stacks_in_808 .toggle-this.ts-type-4 .label-bg, #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .right-color { width: 104px; } #stacks_in_808 .toggle-this.ts-type-4:before { width: 114px; } #stacks_in_808 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_808 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_808 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_808 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(68px,0); transform: translate(68px,0); } /* THIN */ #stacks_in_808 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_808 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_808 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_808 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_808 .toggle-this.ts-type-5 label { display: none; } #stacks_in_808 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_808 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_808 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_808 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_808 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_808 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_808 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_808 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_808 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_808 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_808 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_808 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_808 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_808 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_808 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_808 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_808 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_808 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_808 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_808 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_808 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_808 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_808 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_808 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_808 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_808 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_808 .toggle-this.ts-3:after, #stacks_in_808 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_808 .toggle-this.ts-type-5.ts-3:after, #stacks_in_808 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_808 .toggle-this .label-bg > .right-color, #stacks_in_808 .toggle-this.ts-2 .label-bg, #stacks_in_808 .toggle-this.ts-3 .label-bg, #stacks_in_808 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(255, 255, 10, 1.00); } #stacks_in_808 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_808 .toggle-this label:after, #stacks_in_808 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_808 .toggle-this.ts-type-5 label:after, #stacks_in_808 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_808 .toggle-this .label-bg > .left-color, #stacks_in_808 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_808 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_808 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(15, 128, 255, 1.00); } #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(76, 76, 76, 1.00); } #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_808 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(76, 76, 76, 1.00); } #stacks_in_808 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_808 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_808 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_808 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_808 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_808 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_808 .toggle-this.ts-type-2.ts-3:after, #stacks_in_808 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_808 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_808 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_808 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_808 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_808 .toggle-this.ts-type-2.ts-3:before, #stacks_in_808 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_808 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_808 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_808 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_864 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_864 { box-shadow: none; } #stacks_in_864, [tag="slice"] #stacks_in_864 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_864 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_864 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_864.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_837 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_837 { box-shadow: none; } #stacks_in_837, [tag="slice"] #stacks_in_837 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_837 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_837 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_837.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_891, #stacks_in_891 .toggle-this-wrap-outer { width: 100%; } #stacks_in_891 .toggle-this-wrap-outer, #stacks_in_891 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_891 .toggle-this-wrap-inner { width: auto; } #stacks_in_891 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_891 .toggle-this-wrap-inner .tt-label-left, #stacks_in_891 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_891 .toggle-this { margin: 10px 5px; } #stacks_in_891 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_891 .toggle-this > * { z-index: 1; } #stacks_in_891 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_891 .toggle-this, #stacks_in_891 .toggle-this .label-bg, #stacks_in_891 .toggle-this .label-bg > .left-color, #stacks_in_891 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_891 .toggle-this .label-bg > div > div, #stacks_in_891 .toggle-this label, #stacks_in_891 .toggle-this label:after, #stacks_in_891 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_891 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_891 .toggle-this label, #stacks_in_891 .toggle-this .label-bg, #stacks_in_891 .toggle-this label:after, #stacks_in_891 .toggle-this .label-bg > .left-color, #stacks_in_891 .toggle-this .label-bg > .right-color, #stacks_in_891 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_891 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_891 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_891 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_891 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_891 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_891 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_891 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_891 .toggle-this.ts-type-4, #stacks_in_891 .toggle-this.ts-type-4 .label-bg, #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_891 .toggle-this.ts-type-4 label, #stacks_in_891 .toggle-this.ts-type-4 label:after, #stacks_in_891 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_891 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_891 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_891 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_891 .toggle-this.ts-type-5, #stacks_in_891 .toggle-this.ts-type-5 .label-bg, #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_891 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_891 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_891 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_891 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_891 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_891 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_891 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_891 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_891 .toggle-this .label-bg > .left-color, #stacks_in_891 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_891 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_891 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_891 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_891 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_891 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_891 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "NO"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "YES"; } #stacks_in_891 .toggle-this.ts-type-4, #stacks_in_891 .toggle-this.ts-type-4 .label-bg, #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_891 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_891 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_891 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_891 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_891 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_891 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_891 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_891 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_891 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_891 .toggle-this.ts-type-5 label { display: none; } #stacks_in_891 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_891 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_891 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_891 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_891 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_891 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_891 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_891 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_891 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_891 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_891 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_891 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_891 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_891 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_891 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_891 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_891 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_891 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_891 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_891 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_891 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_891 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_891 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_891 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_891 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_891 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_891 .toggle-this.ts-3:after, #stacks_in_891 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_891 .toggle-this.ts-type-5.ts-3:after, #stacks_in_891 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_891 .toggle-this .label-bg > .right-color, #stacks_in_891 .toggle-this.ts-2 .label-bg, #stacks_in_891 .toggle-this.ts-3 .label-bg, #stacks_in_891 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(252, 102, 102, 1.00); } #stacks_in_891 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_891 .toggle-this label:after, #stacks_in_891 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_891 .toggle-this.ts-type-5 label:after, #stacks_in_891 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_891 .toggle-this .label-bg > .left-color, #stacks_in_891 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_891 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_891 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_891 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(0, 0, 0, 1.00); } #stacks_in_891 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_891 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_891 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_891 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_891 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_891 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_891 .toggle-this.ts-type-2.ts-3:after, #stacks_in_891 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_891 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_891 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_891 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_891 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_891 .toggle-this.ts-type-2.ts-3:before, #stacks_in_891 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_891 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_891 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_891 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_872 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_872 { box-shadow: none; } #stacks_in_872, [tag="slice"] #stacks_in_872 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_872 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_872 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_872.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_921 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_921 { box-shadow: none; } #stacks_in_921, [tag="slice"] #stacks_in_921 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_921 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_921 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_921.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* * Simple Text * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-text/ * Support: http://forum.onelittledesigner.com * Verson: 1.8.2 */ #simpleText_stacks_in_923 { position: relative; color: #333333; text-shadow: ; -webkit-text-shadow: ; -moz-text-shadow: ; -o-text-shadow: ; -ms-text-shadow: ; } #simpleText_stacks_in_923.fontSizeInheritOn { font-size: inherit; } #simpleText_stacks_in_923.fontSizeInheritOff { font-size: 14px; line-height: 14px; } #simpleText_stacks_in_923.letterSpacingOn { letter-spacing: 0px; } #simpleText_stacks_in_923.lineHeightOn { line-height: 14px; } #simpleText_stacks_in_923.rotateOn .insideText { -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display: inline-block; } #simpleText_stacks_in_923.inheritOff a, #simpleText_stacks_in_923.inheritOff a:link { color: #169EE6; text-decoration: inherit; font-style: inherit; font-weight: normal; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_923.inheritOff a:visited { color: #169EE6; } #simpleText_stacks_in_923.inheritOff a:hover { color: #FF6600; transition: 0s all ease-in-out; -webkit-transition: 0s all ease-in-out; -moz-transition: 0s all ease-in-out; -o-transition: 0s all ease-in-out; -ms-transition: 0s all ease-in-out; } #simpleText_stacks_in_923.inheritOff a:active { color: #FF6600; } #simpleText_stacks_in_923.inheritOff a:focus { color: #FF6600; outline: none !important; /*For browsers that add an outline by default*/ } #simpleText_stacks_in_923.optJustify { text-align: justify; } /* iPad Landscape */ @media (max-width : 1024px) { #simpleText_stacks_in_923.reFontSizeOn { font-size: px; line-height: px; } } /* iPad Portrait */ @media (max-width : 768px) { #simpleText_stacks_in_923.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Landscape */ @media (max-width : 480px) { #simpleText_stacks_in_923.reFontSizeOn { font-size: 14px; line-height: 14px; } } /* iPhone Portrait */ @media (max-width : 320px) { #simpleText_stacks_in_923.reFontSizeOn { font-size: 14px; line-height: 14px; } } #stacks_out_925 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_925 { box-shadow: none; } #stacks_in_925, [tag="slice"] #stacks_in_925 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_925 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_925 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_925.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_938 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_938 { box-shadow: none; } #stacks_in_938, [tag="slice"] #stacks_in_938 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_938 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_938 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_938.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_948, #stacks_in_948 .toggle-this-wrap-outer { width: 100%; } #stacks_in_948 .toggle-this-wrap-outer, #stacks_in_948 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_948 .toggle-this-wrap-inner { width: auto; } #stacks_in_948 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_948 .toggle-this-wrap-inner .tt-label-left, #stacks_in_948 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_948 .toggle-this { margin: 10px 5px; } #stacks_in_948 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_948 .toggle-this > * { z-index: 1; } #stacks_in_948 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_948 .toggle-this, #stacks_in_948 .toggle-this .label-bg, #stacks_in_948 .toggle-this .label-bg > .left-color, #stacks_in_948 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_948 .toggle-this .label-bg > div > div, #stacks_in_948 .toggle-this label, #stacks_in_948 .toggle-this label:after, #stacks_in_948 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_948 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_948 .toggle-this label, #stacks_in_948 .toggle-this .label-bg, #stacks_in_948 .toggle-this label:after, #stacks_in_948 .toggle-this .label-bg > .left-color, #stacks_in_948 .toggle-this .label-bg > .right-color, #stacks_in_948 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_948 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_948 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_948 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_948 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_948 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_948 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_948 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_948 .toggle-this.ts-type-4, #stacks_in_948 .toggle-this.ts-type-4 .label-bg, #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_948 .toggle-this.ts-type-4 label, #stacks_in_948 .toggle-this.ts-type-4 label:after, #stacks_in_948 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_948 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_948 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_948 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_948 .toggle-this.ts-type-5, #stacks_in_948 .toggle-this.ts-type-5 .label-bg, #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_948 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_948 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_948 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_948 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_948 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_948 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_948 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_948 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_948 .toggle-this .label-bg > .left-color, #stacks_in_948 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_948 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_948 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_948 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_948 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_948 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_948 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "kalt"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "warm"; } #stacks_in_948 .toggle-this.ts-type-4, #stacks_in_948 .toggle-this.ts-type-4 .label-bg, #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_948 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_948 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_948 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_948 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_948 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_948 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_948 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_948 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_948 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_948 .toggle-this.ts-type-5 label { display: none; } #stacks_in_948 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_948 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_948 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_948 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_948 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_948 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_948 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_948 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_948 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_948 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_948 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_948 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_948 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_948 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_948 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_948 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_948 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_948 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_948 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_948 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_948 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_948 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_948 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_948 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_948 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_948 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_948 .toggle-this.ts-3:after, #stacks_in_948 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_948 .toggle-this.ts-type-5.ts-3:after, #stacks_in_948 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_948 .toggle-this .label-bg > .right-color, #stacks_in_948 .toggle-this.ts-2 .label-bg, #stacks_in_948 .toggle-this.ts-3 .label-bg, #stacks_in_948 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(15, 128, 255, 1.00); } #stacks_in_948 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_948 .toggle-this label:after, #stacks_in_948 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_948 .toggle-this.ts-type-5 label:after, #stacks_in_948 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_948 .toggle-this .label-bg > .left-color, #stacks_in_948 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_948 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_948 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(251, 2, 7, 1.00); } #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_948 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_948 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_948 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_948 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_948 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_948 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_948 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_948 .toggle-this.ts-type-2.ts-3:after, #stacks_in_948 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_948 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_948 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_948 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_948 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_948 .toggle-this.ts-type-2.ts-3:before, #stacks_in_948 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_948 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_948 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_948 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_949 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_949 { box-shadow: none; } #stacks_in_949, [tag="slice"] #stacks_in_949 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_949 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_949 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_949.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_940 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_940 { box-shadow: none; } #stacks_in_940, [tag="slice"] #stacks_in_940 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_940 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_940 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_940.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_943, #stacks_in_943 .toggle-this-wrap-outer { width: 100%; } #stacks_in_943 .toggle-this-wrap-outer, #stacks_in_943 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_943 .toggle-this-wrap-inner { width: auto; } #stacks_in_943 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_943 .toggle-this-wrap-inner .tt-label-left, #stacks_in_943 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_943 .toggle-this { margin: 10px 5px; } #stacks_in_943 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_943 .toggle-this > * { z-index: 1; } #stacks_in_943 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_943 .toggle-this, #stacks_in_943 .toggle-this .label-bg, #stacks_in_943 .toggle-this .label-bg > .left-color, #stacks_in_943 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_943 .toggle-this .label-bg > div > div, #stacks_in_943 .toggle-this label, #stacks_in_943 .toggle-this label:after, #stacks_in_943 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_943 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_943 .toggle-this label, #stacks_in_943 .toggle-this .label-bg, #stacks_in_943 .toggle-this label:after, #stacks_in_943 .toggle-this .label-bg > .left-color, #stacks_in_943 .toggle-this .label-bg > .right-color, #stacks_in_943 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_943 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_943 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_943 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_943 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_943 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_943 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_943 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_943 .toggle-this.ts-type-4, #stacks_in_943 .toggle-this.ts-type-4 .label-bg, #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_943 .toggle-this.ts-type-4 label, #stacks_in_943 .toggle-this.ts-type-4 label:after, #stacks_in_943 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_943 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_943 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_943 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_943 .toggle-this.ts-type-5, #stacks_in_943 .toggle-this.ts-type-5 .label-bg, #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_943 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_943 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_943 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_943 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_943 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_943 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_943 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_943 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_943 .toggle-this .label-bg > .left-color, #stacks_in_943 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_943 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_943 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_943 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_943 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_943 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_943 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "ROT"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "GRÜN"; } #stacks_in_943 .toggle-this.ts-type-4, #stacks_in_943 .toggle-this.ts-type-4 .label-bg, #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; } #stacks_in_943 .toggle-this.ts-type-4:before { width: 110px; } #stacks_in_943 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_943 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_943 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_943 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(64px,0); transform: translate(64px,0); } /* THIN */ #stacks_in_943 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_943 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_943 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_943 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_943 .toggle-this.ts-type-5 label { display: none; } #stacks_in_943 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_943 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_943 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_943 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_943 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_943 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_943 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_943 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_943 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_943 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_943 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_943 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_943 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_943 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_943 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_943 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_943 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_943 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_943 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_943 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_943 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_943 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_943 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_943 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_943 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_943 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_943 .toggle-this.ts-3:after, #stacks_in_943 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_943 .toggle-this.ts-type-5.ts-3:after, #stacks_in_943 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_943 .toggle-this .label-bg > .right-color, #stacks_in_943 .toggle-this.ts-2 .label-bg, #stacks_in_943 .toggle-this.ts-3 .label-bg, #stacks_in_943 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(251, 2, 7, 1.00); } #stacks_in_943 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_943 .toggle-this label:after, #stacks_in_943 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_943 .toggle-this.ts-type-5 label:after, #stacks_in_943 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_943 .toggle-this .label-bg > .left-color, #stacks_in_943 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_943 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_943 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_943 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_943 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(0, 0, 0, 1.00); } #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_943 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(0, 0, 0, 1.00); } #stacks_in_943 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_943 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_943 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_943 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_943 .toggle-this.ts-type-2.ts-3:after, #stacks_in_943 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_943 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_943 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_943 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_943 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_943 .toggle-this.ts-type-2.ts-3:before, #stacks_in_943 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_943 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_943 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_943 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_951 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_951 { box-shadow: none; } #stacks_in_951, [tag="slice"] #stacks_in_951 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_951 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_951 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_951.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_953 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_953 { box-shadow: none; } #stacks_in_953, [tag="slice"] #stacks_in_953 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_953 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_953 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_953.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_955, #stacks_in_955 .toggle-this-wrap-outer { width: 100%; } #stacks_in_955 .toggle-this-wrap-outer, #stacks_in_955 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_955 .toggle-this-wrap-inner { width: auto; } #stacks_in_955 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_955 .toggle-this-wrap-inner .tt-label-left, #stacks_in_955 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_955 .toggle-this { margin: 10px 5px; } #stacks_in_955 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_955 .toggle-this > * { z-index: 1; } #stacks_in_955 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_955 .toggle-this, #stacks_in_955 .toggle-this .label-bg, #stacks_in_955 .toggle-this .label-bg > .left-color, #stacks_in_955 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_955 .toggle-this .label-bg > div > div, #stacks_in_955 .toggle-this label, #stacks_in_955 .toggle-this label:after, #stacks_in_955 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_955 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_955 .toggle-this label, #stacks_in_955 .toggle-this .label-bg, #stacks_in_955 .toggle-this label:after, #stacks_in_955 .toggle-this .label-bg > .left-color, #stacks_in_955 .toggle-this .label-bg > .right-color, #stacks_in_955 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_955 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_955 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_955 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_955 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_955 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_955 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_955 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_955 .toggle-this.ts-type-4, #stacks_in_955 .toggle-this.ts-type-4 .label-bg, #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_955 .toggle-this.ts-type-4 label, #stacks_in_955 .toggle-this.ts-type-4 label:after, #stacks_in_955 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_955 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_955 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_955 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_955 .toggle-this.ts-type-5, #stacks_in_955 .toggle-this.ts-type-5 .label-bg, #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_955 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_955 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_955 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_955 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_955 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_955 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_955 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_955 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_955 .toggle-this .label-bg > .left-color, #stacks_in_955 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_955 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_955 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_955 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_955 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_955 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_955 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "frühere"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "nächste"; } #stacks_in_955 .toggle-this.ts-type-4, #stacks_in_955 .toggle-this.ts-type-4 .label-bg, #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .right-color { width: 120px; } #stacks_in_955 .toggle-this.ts-type-4:before { width: 130px; } #stacks_in_955 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_955 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_955 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_955 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(84px,0); transform: translate(84px,0); } /* THIN */ #stacks_in_955 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_955 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_955 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_955 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_955 .toggle-this.ts-type-5 label { display: none; } #stacks_in_955 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_955 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_955 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_955 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_955 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_955 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_955 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_955 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_955 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_955 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_955 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_955 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_955 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_955 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_955 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_955 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_955 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_955 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_955 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_955 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_955 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_955 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_955 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_955 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_955 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_955 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_955 .toggle-this.ts-3:after, #stacks_in_955 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_955 .toggle-this.ts-type-5.ts-3:after, #stacks_in_955 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_955 .toggle-this .label-bg > .right-color, #stacks_in_955 .toggle-this.ts-2 .label-bg, #stacks_in_955 .toggle-this.ts-3 .label-bg, #stacks_in_955 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(251, 2, 7, 1.00); } #stacks_in_955 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_955 .toggle-this label:after, #stacks_in_955 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_955 .toggle-this.ts-type-5 label:after, #stacks_in_955 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_955 .toggle-this .label-bg > .left-color, #stacks_in_955 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_955 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_955 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_955 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_955 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(0, 0, 0, 1.00); } #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_955 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(0, 0, 0, 1.00); } #stacks_in_955 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_955 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_955 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_955 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_955 .toggle-this.ts-type-2.ts-3:after, #stacks_in_955 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_955 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_955 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_955 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_955 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_955 .toggle-this.ts-type-2.ts-3:before, #stacks_in_955 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_955 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_955 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_955 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ #stacks_in_955 .toggle-this-inactive, #stacks_in_955 .toggle-this-active { opacity: 0.300000; pointer-events: none; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_955 .tt-False.toggle-this-inactive { opacity: 1; pointer-events: all; } #stacks_in_955 .tt-True.toggle-this-active { opacity: 1; pointer-events: all; } /* */ /* */ /* */ /* */ #stacks_out_956 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_956 { box-shadow: none; } #stacks_in_956, [tag="slice"] #stacks_in_956 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_956 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_956 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_956.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_992 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_992 { box-shadow: none; } #stacks_in_992, [tag="slice"] #stacks_in_992 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_992 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_992 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_992.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_994, #stacks_in_994 .toggle-this-wrap-outer { width: 100%; } #stacks_in_994 .toggle-this-wrap-outer, #stacks_in_994 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_994 .toggle-this-wrap-inner { width: auto; } #stacks_in_994 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_994 .toggle-this-wrap-inner .tt-label-left, #stacks_in_994 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_994 .toggle-this { margin: 10px 5px; } #stacks_in_994 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_994 .toggle-this > * { z-index: 1; } #stacks_in_994 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_994 .toggle-this, #stacks_in_994 .toggle-this .label-bg, #stacks_in_994 .toggle-this .label-bg > .left-color, #stacks_in_994 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_994 .toggle-this .label-bg > div > div, #stacks_in_994 .toggle-this label, #stacks_in_994 .toggle-this label:after, #stacks_in_994 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_994 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_994 .toggle-this label, #stacks_in_994 .toggle-this .label-bg, #stacks_in_994 .toggle-this label:after, #stacks_in_994 .toggle-this .label-bg > .left-color, #stacks_in_994 .toggle-this .label-bg > .right-color, #stacks_in_994 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_994 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_994 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_994 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_994 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_994 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_994 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_994 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_994 .toggle-this.ts-type-4, #stacks_in_994 .toggle-this.ts-type-4 .label-bg, #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_994 .toggle-this.ts-type-4 label, #stacks_in_994 .toggle-this.ts-type-4 label:after, #stacks_in_994 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_994 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_994 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_994 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_994 .toggle-this.ts-type-5, #stacks_in_994 .toggle-this.ts-type-5 .label-bg, #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_994 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_994 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_994 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_994 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_994 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_994 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_994 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_994 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_994 .toggle-this .label-bg > .left-color, #stacks_in_994 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_994 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_994 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_994 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_994 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_994 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_994 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "blau"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "gelb"; } #stacks_in_994 .toggle-this.ts-type-4, #stacks_in_994 .toggle-this.ts-type-4 .label-bg, #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .right-color { width: 84px; } #stacks_in_994 .toggle-this.ts-type-4:before { width: 94px; } #stacks_in_994 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_994 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_994 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_994 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(48px,0); transform: translate(48px,0); } /* THIN */ #stacks_in_994 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_994 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_994 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_994 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_994 .toggle-this.ts-type-5 label { display: none; } #stacks_in_994 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_994 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_994 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_994 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_994 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_994 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_994 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_994 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_994 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_994 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_994 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_994 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_994 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_994 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_994 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_994 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_994 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_994 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_994 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_994 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_994 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_994 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_994 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_994 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_994 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_994 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_994 .toggle-this.ts-3:after, #stacks_in_994 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_994 .toggle-this.ts-type-5.ts-3:after, #stacks_in_994 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_994 .toggle-this .label-bg > .right-color, #stacks_in_994 .toggle-this.ts-2 .label-bg, #stacks_in_994 .toggle-this.ts-3 .label-bg, #stacks_in_994 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(0, 0, 255, 1.00); } #stacks_in_994 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_994 .toggle-this label:after, #stacks_in_994 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_994 .toggle-this.ts-type-5 label:after, #stacks_in_994 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_994 .toggle-this .label-bg > .left-color, #stacks_in_994 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_994 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_994 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(255, 255, 10, 1.00); } #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(255, 255, 102, 1.00); } #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_994 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(0, 0, 255, 1.00); } #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(255, 255, 102, 1.00); } #stacks_in_994 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(0, 0, 255, 1.00); } #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_994 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(0, 0, 255, 1.00); } #stacks_in_994 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_994 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_994 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_994 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ #stacks_in_994 .toggle-this.ts-type-2.ts-3:after, #stacks_in_994 .toggle-this.ts-type-5.ts-3:after{ -webkit-box-shadow: none; box-shadow: none; } #stacks_in_994 .toggle-this.ts-3 label:after { top: -1px; border: 1px solid rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); } #stacks_in_994 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); } #stacks_in_994 .toggle-this.ts-3 .label-bg { border: 1px solid rgba(0,0,0,0.3); } #stacks_in_994 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.05), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_994 .toggle-this.ts-type-2.ts-3:before, #stacks_in_994 .toggle-this.ts-type-5.ts-3:before{ -webkit-box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); box-shadow: inset 0px 5px 5px rgba(255,255,255,.1), inset 0px -5px 5px rgba(255,255,255,.3); } #stacks_in_994 .toggle-this.ts-3 label:after { border: 0px solid transparent; -webkit-box-shadow: none; box-shadow: none; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.25))); background-image: ease-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); } #stacks_in_994 .toggle-this.ts-3 label:before { border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.4); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))); background-image: ease-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%); } #stacks_in_994 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.3); } /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_out_995 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_995 { box-shadow: none; } #stacks_in_995, [tag="slice"] #stacks_in_995 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_995 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_995 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_995.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_out_1048 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: center; align-self: center; max-width: 640px; width: 100%; justify-self: center; } #stacks_in_1048 { box-shadow: none; } #stacks_in_1048, [tag="slice"] #stacks_in_1048 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_1048 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_1048 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_1048.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_in_1048 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_1050, #stacks_in_1050 .toggle-this-wrap-outer { width: 100%; } #stacks_in_1050 .toggle-this-wrap-outer, #stacks_in_1050 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_1050 .toggle-this-wrap-inner { width: auto; } #stacks_in_1050 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_1050 .toggle-this-wrap-inner .tt-label-left, #stacks_in_1050 .toggle-this-wrap-inner .tt-label-right { font-size: 20.000000px; line-height: 20.000000px; } /* */ #stacks_in_1050 .toggle-this { margin: 10px 5px; } #stacks_in_1050 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_1050 .toggle-this > * { z-index: 1; } #stacks_in_1050 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 92px; height: 56px; border-radius: 56px; z-index: 0; } #stacks_in_1050 .toggle-this, #stacks_in_1050 .toggle-this .label-bg, #stacks_in_1050 .toggle-this .label-bg > .left-color, #stacks_in_1050 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 72px; height: 36px; border-radius: 36px; } #stacks_in_1050 .toggle-this .label-bg > div > div, #stacks_in_1050 .toggle-this label, #stacks_in_1050 .toggle-this label:after, #stacks_in_1050 .toggle-this label:before { width: 36px; height: 36px; } #stacks_in_1050 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_1050 .toggle-this label, #stacks_in_1050 .toggle-this .label-bg, #stacks_in_1050 .toggle-this label:after, #stacks_in_1050 .toggle-this .label-bg > .left-color, #stacks_in_1050 .toggle-this .label-bg > .right-color, #stacks_in_1050 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_1050 .toggle-this .label-bg > div > div { left: 27.000000px; } #stacks_in_1050 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 32.000000px; } #stacks_in_1050 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_1050 input:checked + .toggle-this label { -webkit-transform: translate(36px,0); transform: translate(36px,0); } #stacks_in_1050 .toggle-this:before { width: 82px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_1050 .toggle-this.ts-type-4:after { width: 112px; } #stacks_in_1050 .toggle-this.ts-type-2:before { width: 82px; height: 20px; border-radius: 20px; top: 8.000000px; left: -5px; } #stacks_in_1050 .toggle-this.ts-type-4, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; height: 36px; } #stacks_in_1050 .toggle-this.ts-type-4 label, #stacks_in_1050 .toggle-this.ts-type-4 label:after, #stacks_in_1050 .toggle-this.ts-type-4 label:before { width: 36px; height: 36px; } #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > div > div { width: 60.000000px; height: 51px; } #stacks_in_1050 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 36px; } #stacks_in_1050 .toggle-this.ts-type-4:before { width: 102px; height: 46px; border-radius: 46px; top: -5px; left: -5px; } #stacks_in_1050 .toggle-this.ts-type-5, #stacks_in_1050 .toggle-this.ts-type-5 .label-bg, #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_1050 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 36px; } #stacks_in_1050 .toggle-this.ts-type-5:before { width: 46px; } #stacks_in_1050 .toggle-this.ts-type-2 .label-bg { height: 10.800000px; top: 12.599999px; } /* */ /* */ /* TOGGLE */ #stacks_in_1050 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_1050 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_1050 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_1050 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_1050 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_1050 .toggle-this .label-bg > .left-color, #stacks_in_1050 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_1050 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_1050 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_1050 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_1050 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_1050 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_1050 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: " alt "; display: block; width: 100%; height: 100%; font-family: arial; font-size: 16.799999px; text-align: center; } #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: " neu"; } #stacks_in_1050 .toggle-this.ts-type-4, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .right-color { width: 92px; } #stacks_in_1050 .toggle-this.ts-type-4:before { width: 102px; } #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 36px); } #stacks_in_1050 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_1050 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_1050 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(56px,0); transform: translate(56px,0); } /* THIN */ #stacks_in_1050 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_1050 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_1050 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_1050 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_1050 .toggle-this.ts-type-5 label { display: none; } #stacks_in_1050 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1050 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_1050 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 18.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_1050 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1050 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1050 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_1050 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1050 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_1050 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1050 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1050 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_1050 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_1050 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_1050 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_1050 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_1050 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1050 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_1050 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_1050 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_1050 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_1050 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_1050 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_1050 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_1050 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_1050 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_1050 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_1050 .toggle-this.ts-3:after, #stacks_in_1050 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_1050 .toggle-this.ts-type-5.ts-3:after, #stacks_in_1050 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_1050 .toggle-this .label-bg > .right-color, #stacks_in_1050 .toggle-this.ts-2 .label-bg, #stacks_in_1050 .toggle-this.ts-3 .label-bg, #stacks_in_1050 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(251, 2, 7, 1.00); } #stacks_in_1050 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_1050 .toggle-this label:after, #stacks_in_1050 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1050 .toggle-this.ts-type-5 label:after, #stacks_in_1050 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_1050 .toggle-this .label-bg > .left-color, #stacks_in_1050 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_1050 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_1050 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(33, 255, 6, 1.00); } #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_1050 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_1050 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(0, 0, 0, 1.00); } #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_1050 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(0, 0, 0, 1.00); } #stacks_in_1050 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_1050 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_1050 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_1050 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ /* TOGGLE STATES/ACTIONS */ /* */ #stacks_in_1050 .toggle-this-inactive, #stacks_in_1050 .toggle-this-active { display: none; } #stacks_in_1050 .tt-False.toggle-this-inactive { display: block; } #stacks_in_1050 .tt-True.toggle-this-active { display: block; } /* */ /* */ /* */ /* */ /* */ #stacks_in_1270 { margin: 6px; padding: 5px; } #stacks_out_1270 { width: 40px; } #stacks_out_1268 { width: 150px; } #stacks_in_1272 { margin: 6px; padding: 5px; } #stacks_out_1272 { width: 40px; } #stacks_in_1266 { margin: 5px; } #stacks_out_1266 { width: 150px; } #stacks_out_1053 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_1053 { box-shadow: none; } #stacks_in_1053, [tag="slice"] #stacks_in_1053 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_1053 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_1053 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_1053.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ /* */ .unslider { position: relative; box-sizing: border-box; } #testimonials-stacks_in_1055 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #testimonials-stacks_in_1055 * { box-sizing: border-box; } #testimonials-stacks_in_1055 .testimonials-arrows { max-width: 500px; padding: 0 10px 0 10px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; box-sizing: border-box; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055 { width: 0px; height: 0px; color: rgba(255, 255, 255, 1.00); background: rgba(34, 34, 34, 1.00); font-size: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055:hover { color: rgba(255, 255, 255, 1.00); background: rgba(51, 51, 51, 1.00); } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055:first-child { border-radius: 30px 0 0 30px; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055:last-child { border-radius: 0 30px 30px 0; } #testimonials-stacks_in_1055 .testimonials { max-width: 500px; width: 100%; margin: 0 auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #testimonials-stacks_in_1055 .testimonials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #testimonials-stacks_in_1055 .testimonials ul li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; } #testimonials-stacks_in_1055 .testimonials ul li.testimonials-stacks_in_1055-active .testimonials-outer { opacity: 1; transition: all 0.1s; } #testimonials-stacks_in_1055 .testimonials ul li .testimonials-outer { padding: 20px 10px 20px 10px; /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; transition: all 0.3s; box-sizing: border-box; } #testimonials-stacks_in_1055 .testimonials ul li .testimonials-inner { /* */ /* */ /* */ /* */ background: url(../files/cards_bg_image_choice-1055.png) no-repeat center center; background-size: cover; /* */ /* */ box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.20); /* */ padding: 10px 10px; border-radius: 3px; min-height: 250px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; transition: all 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #testimonials-stacks_in_1055 .testimonials-image-outer { /* */ /* */ background: rgba(51, 51, 51, 1.00); /* */ /* */ /* */ width: 60px; height: 60px; border-radius: 60px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; position: relative; } #testimonials-stacks_in_1055 .testimonials-image-outer i { top: 50%; left: 50%; position: absolute; color: rgba(85, 85, 85, 1.00); font-size: 60px; opacity: 1; transition: opacity 0.3s ease; transition-delay: 1s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #testimonials-stacks_in_1055 .testimonials-content-outer { /* */ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /* */ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ font-weight: bold; /* */ } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations span { /* */ font-family: "Raleway"; /* */ display: none; line-height: 1; color: rgba(255, 255, 255, 0.30); height: 50.000000px; font-size: 100px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations i { font-size: 100px; color: rgba(255, 255, 255, 0.30); } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations.first { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations.first i { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations.last { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-text { /* */ font-family: "Georgia"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 20px; text-align: center; line-height: 28.000000px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-name { /* */ font-family: "Roboto"; /* */ color: rgba(255, 255, 255, 1.00); margin-top: 20px; font-size: 14px; text-align: center; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-rating { margin-top: 20px; text-align: center; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-rating i { color: rgba(255, 255, 255, 1.00); font-size: 20px; } #testimonials-stacks_in_1055.arrows-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #testimonials-stacks_in_1055.arrows-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #testimonials-stacks_in_1055.arrows-left .testimonials-arrows { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #testimonials-stacks_in_1055.arrows-center .testimonials-arrows { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #testimonials-stacks_in_1055.arrows-right .testimonials-arrows { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055 { border-radius: 30px; } #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055.prev { margin-right: 3px; } #testimonials-stacks_in_1055.images-hide ul li .testimonials-outer .testimonials-inner .testimonials-image-outer { display: none; } #testimonials-stacks_in_1055.images-left ul li .testimonials-outer .testimonials-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #testimonials-stacks_in_1055.images-center ul li .testimonials-outer .testimonials-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #testimonials-stacks_in_1055.images-right ul li .testimonials-outer .testimonials-inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #testimonials-stacks_in_1055.images-top ul li .testimonials-outer .testimonials-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #testimonials-stacks_in_1055.images-top ul li .testimonials-outer .testimonials-inner .testimonials-image-outer { margin-top: -30px; margin-bottom: 10px; } #testimonials-stacks_in_1055.images-bottom ul li .testimonials-outer .testimonials-inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #testimonials-stacks_in_1055.images-bottom ul li .testimonials-outer .testimonials-inner .testimonials-image-outer { margin-bottom: -30px; margin-top: 10px; } #testimonials-stacks_in_1055.quotations-vert .testimonials-content-outer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #testimonials-stacks_in_1055.quotations-vert.quotations-normal .testimonials-content-outer .content-quotations.first { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #testimonials-stacks_in_1055.quotations-vert.quotations-normal .testimonials-content-outer .content-quotations.last { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #testimonials-stacks_in_1055.quotations-vert.quotations-center .testimonials-content-outer .content-quotations { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #testimonials-stacks_in_1055.quotations-vert.quotations-swapped .testimonials-content-outer .content-quotations.first { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #testimonials-stacks_in_1055.quotations-vert.quotations-swapped .testimonials-content-outer .content-quotations.first i, #testimonials-stacks_in_1055.quotations-vert.quotations-swapped .testimonials-content-outer .content-quotations.first span { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } #testimonials-stacks_in_1055.quotations-vert.quotations-swapped .testimonials-content-outer .content-quotations.last { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #testimonials-stacks_in_1055.quotations-vert.quotations-swapped .testimonials-content-outer .content-quotations.last i, #testimonials-stacks_in_1055.quotations-vert.quotations-swapped .testimonials-content-outer .content-quotations.last span { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } #testimonials-stacks_in_1055.quotations-horiz .testimonials-content-outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #testimonials-stacks_in_1055.quotations-horiz .testimonials-content-outer .content-inner { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #testimonials-stacks_in_1055.quotations-horiz.quotations-normal .testimonials-content-outer .content-quotations.first { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #testimonials-stacks_in_1055.quotations-horiz.quotations-normal .testimonials-content-outer .content-quotations.last { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #testimonials-stacks_in_1055.quotations-horiz.quotations-center .testimonials-content-outer .content-quotations { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #testimonials-stacks_in_1055.quotations-horiz.quotations-swapped .testimonials-content-outer .content-quotations.first { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #testimonials-stacks_in_1055.quotations-horiz.quotations-swapped .testimonials-content-outer .content-quotations.first i, #testimonials-stacks_in_1055.quotations-horiz.quotations-swapped .testimonials-content-outer .content-quotations.first span { -webkit-transform: scale(1, -1); transform: scale(1, -1); } #testimonials-stacks_in_1055.quotations-horiz.quotations-swapped .testimonials-content-outer .content-quotations.last { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #testimonials-stacks_in_1055.quotations-horiz.quotations-swapped .testimonials-content-outer .content-quotations.last i, #testimonials-stacks_in_1055.quotations-horiz.quotations-swapped .testimonials-content-outer .content-quotations.last span { -webkit-transform: scale(1, -1); transform: scale(1, -1); } #testimonials-stacks_in_1055.hide-quotations-first .testimonials-content-outer .content-quotations.first { display: none; } #testimonials-stacks_in_1055.hide-quotations-last .testimonials-content-outer .content-quotations.last { display: none; } #testimonials-stacks_in_1055.font-quotations .testimonials-content-outer .content-quotations span { display: block; } #testimonials-stacks_in_1055.font-quotations .testimonials-content-outer .content-quotations i { display: none; } #testimonials-stacks_in_1055.name-hide .content-inner-name { display: none; } #testimonials-stacks_in_1055.rating-hide .content-inner-rating { display: none; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-one i.rating:nth-child(1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-one i.rating:nth-child(n+2)::before { content: "\f3ae"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-one-half i.rating:nth-child(1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-one-half i.rating:nth-child(2)::before { content: "\f3ad"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-one-half i.rating:nth-child(n+3)::before { content: "\f3ae"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-two i.rating:nth-child(n+1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-two i.rating:nth-child(n+3)::before { content: "\f3ae"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-two-half i.rating:nth-child(n+1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-two-half i.rating:nth-child(3)::before { content: "\f3ad"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-two-half i.rating:nth-child(n+4)::before { content: "\f3ae"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-three i.rating:nth-child(n+1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-three i.rating:nth-child(n+4)::before { content: "\f3ae"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-three-half i.rating:nth-child(n+1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-three-half i.rating:nth-child(4)::before { content: "\f3ad"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-three-half i.rating:nth-child(n+5)::before { content: "\f3ae"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-four i.rating:nth-child(n+1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-four i.rating:nth-child(n+5)::before { content: "\f3ae"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-four-half i.rating:nth-child(n+1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-four-half i.rating:nth-child(5)::before { content: "\f3ad"; } #testimonials-stacks_in_1055.rating-stars .content-inner-rating.rating-five i.rating:nth-child(n+1)::before { content: "\f2fc"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-one i.rating:nth-child(1)::before { content: "\f388"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-one i.rating:nth-child(n+2)::before { content: "\f387"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-two i.rating:nth-child(n+1)::before { content: "\f388"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-two i.rating:nth-child(n+3)::before { content: "\f387"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-three i.rating:nth-child(n+1)::before { content: "\f388"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-three i.rating:nth-child(n+4)::before { content: "\f387"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-four i.rating:nth-child(n+1)::before { content: "\f388"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-four i.rating:nth-child(n+5)::before { content: "\f387"; } #testimonials-stacks_in_1055.rating-hearts .content-inner-rating.rating-five i.rating:nth-child(n+1)::before { content: "\f388"; } @media (max-width: 400px) { /* */ #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055 { border-radius: 30px; } #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055:first-child { border-radius: 30px; } #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055:last-child { border-radius: 30px; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055 { width: 0px; height: 0px; font-size: 0px; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055:first-child { border-radius: 30px 0 0 30px; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055:last-child { border-radius: 0 30px 30px 0; } #testimonials-stacks_in_1055 .testimonials ul li .testimonials-inner { min-height: 250px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations span { height: 30.000000px; font-size: 60px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-text { font-size: 16px; line-height: 22.400000px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-name { font-size: 13px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-rating i { font-size: 16px; } #testimonials-stacks_in_1055 .testimonials-image-outer { width: 40px; height: 40px; border-radius: 40px; } #testimonials-stacks_in_1055 .testimonials-image-outer i { font-size: 40px; } /* */ } @media (min-width: 400px) and (max-width: 780px) { /* */ #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055 { border-radius: 30px; } #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055:first-child { border-radius: 30px; } #testimonials-stacks_in_1055.arrows-spaced .testimonials-arrows .testimonials-arrow-stacks_in_1055:last-child { border-radius: 30px; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055 { width: 0px; height: 0px; font-size: 0px; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055:first-child { border-radius: 30px 0 0 30px; } #testimonials-stacks_in_1055 .testimonials-arrows .testimonials-arrow-stacks_in_1055:last-child { border-radius: 0 30px 30px 0; } #testimonials-stacks_in_1055 .testimonials ul li .testimonials-inner { min-height: 250px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-quotations span { height: 40.000000px; font-size: 80px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-text { font-size: 18px; line-height: 25.199999px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-name { font-size: 14px; } #testimonials-stacks_in_1055 .testimonials-content-outer .content-inner-rating i { font-size: 18px; } #testimonials-stacks_in_1055 .testimonials-image-outer { width: 50px; height: 50px; border-radius: 50px; } #testimonials-stacks_in_1055 .testimonials-image-outer i { font-size: 50px; } /* */ } #stacks_in_1055 { margin: 5px; padding: 3px; } /* */ #testimonials-card-stacks_in_1056 .testimonials-outer .testimonials-inner .testimonials-image-outer { background: url(../files/general_image-1056.png) no-repeat center center !important; background-size: cover !important; } #testimonials-card-stacks_in_1056 .testimonials-outer .testimonials-inner .testimonials-image-outer i { display: none; } /* */ /* */ /* */ /* */ /* */ #split-stacks_in_1077 { max-width: 900px; border-radius: 4px; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; } #split-stacks_in_1077 * { box-sizing: border-box; } #split-stacks_in_1077 .split:first-child { width: 50%; } #split-stacks_in_1077 .split:last-child { width: 50%; } #split-stacks_in_1077.hover-split:not(.auto-shrink) .split:first-child:not(.active), #split-stacks_in_1077.hover-split:not(.auto-shrink) .split:last-child:not(.active) { width: 300px; } #split-stacks_in_1077.hover-split .split:first-child:not(.active) .split-content, #split-stacks_in_1077.hover-split .split:last-child:not(.active) .split-content { animation: none; } #split-stacks_in_1077.hover-split .split:first-child:not(.active) .split-icon-on, #split-stacks_in_1077.hover-split .split:first-child:not(.active) .split-title, #split-stacks_in_1077.hover-split .split:first-child:not(.active) .split-description, #split-stacks_in_1077.hover-split .split:first-child:not(.active) .split-button, #split-stacks_in_1077.hover-split .split:last-child:not(.active) .split-icon-on, #split-stacks_in_1077.hover-split .split:last-child:not(.active) .split-title, #split-stacks_in_1077.hover-split .split:last-child:not(.active) .split-description, #split-stacks_in_1077.hover-split .split:last-child:not(.active) .split-button { opacity: 0; transition: opacity 0s 0s; } #split-stacks_in_1077.hover-split .split:first-child:not(.active) .split-icon-off, #split-stacks_in_1077.hover-split .split:last-child:not(.active) .split-icon-off { opacity: 1; transition: opacity 0.4s 0s; } #split-stacks_in_1077 .split:first-child, #split-stacks_in_1077 .split:last-child { display: -ms-flexbox; display: flex; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; min-height: 550px; transition: all 0.5s ease-in-out; } #split-stacks_in_1077 .split:first-child:hover, #split-stacks_in_1077 .split:last-child:hover { width: 100%; } #split-stacks_in_1077 .split:first-child .split-content, #split-stacks_in_1077 .split:last-child .split-content { z-index: 2; padding: 20px; max-width: 400px; width: 100%; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-align: center; align-items: center; transition: all 0.4s; -ms-flex-direction: column; flex-direction: column; } #split-stacks_in_1077 .split:first-child .split-icon, #split-stacks_in_1077 .split:first-child .split-title, #split-stacks_in_1077 .split:first-child .split-description, #split-stacks_in_1077 .split:first-child .split-button, #split-stacks_in_1077 .split:last-child .split-icon, #split-stacks_in_1077 .split:last-child .split-title, #split-stacks_in_1077 .split:last-child .split-description, #split-stacks_in_1077 .split:last-child .split-button { transition: opacity 0.4s 0.5s; } #split-stacks_in_1077 .split:first-child .split-title, #split-stacks_in_1077 .split:last-child .split-title { /* */ font-family: "Montserrat"; /* */ opacity: 1; z-index: 2; position: relative; font-weight: bold; font-size: 30px; margin-bottom: 10px; line-height: calc(30px * 1.618); } #split-stacks_in_1077 .split:first-child .split-description, #split-stacks_in_1077 .split:last-child .split-description { /* */ font-family: "Montserrat"; /* */ opacity: 1; z-index: 2; position: relative; font-size: 14px; margin-bottom: 10px; line-height: calc(14px * 1.618); } #split-stacks_in_1077 .split:first-child .split-button, #split-stacks_in_1077 .split:last-child .split-button { /* */ font-family: "Montserrat"; /* */ opacity: 1; -ms-flex: 0 1 auto; flex: 0 1 auto; z-index: 2; position: relative; text-decoration: none; font-size: 16px; line-height: calc(16px * 1.618); padding: 8px 25px; border-radius: 30px; } #split-stacks_in_1077 .split:first-child .split-icon, #split-stacks_in_1077 .split:last-child .split-icon { opacity: 1; z-index: 2; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; width: 60px; max-width: 60px; height: 60px; max-height: 60px; margin-bottom: 10px; border-radius: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } #split-stacks_in_1077 .split:first-child .split-icon i, #split-stacks_in_1077 .split:last-child .split-icon i { line-height: 0; font-size: 50px; } #split-stacks_in_1077 .split:first-child .split-icon-off, #split-stacks_in_1077 .split:last-child .split-icon-off { top: 50%; left: 50%; opacity: 1; opacity: 0; animation: none; position: absolute; transition: opacity 0s 0s; transform: translate(-50%, -50%); } #split-stacks_in_1077 .split:first-child.content-v-top, #split-stacks_in_1077 .split:last-child.content-v-top { -ms-flex-pack: start; justify-content: flex-start; } #split-stacks_in_1077 .split:first-child.content-v-center, #split-stacks_in_1077 .split:last-child.content-v-center { -ms-flex-pack: center; justify-content: center; } #split-stacks_in_1077 .split:first-child.content-v-bottom, #split-stacks_in_1077 .split:last-child.content-v-bottom { -ms-flex-pack: end; justify-content: flex-end; } #split-stacks_in_1077 .split:first-child.content-h-left, #split-stacks_in_1077 .split:last-child.content-h-left { -ms-flex-align: start; align-items: flex-start; } #split-stacks_in_1077 .split:first-child.content-h-center, #split-stacks_in_1077 .split:last-child.content-h-center { -ms-flex-align: center; align-items: center; } #split-stacks_in_1077 .split:first-child.content-h-right, #split-stacks_in_1077 .split:last-child.content-h-right { -ms-flex-align: end; align-items: flex-end; } #split-stacks_in_1077 .split:first-child.text-align-left .split-content, #split-stacks_in_1077 .split:last-child.text-align-left .split-content { text-align: left; -ms-flex-align: start; align-items: flex-start; } #split-stacks_in_1077 .split:first-child.text-align-center .split-content, #split-stacks_in_1077 .split:last-child.text-align-center .split-content { text-align: center; -ms-flex-align: center; align-items: center; } #split-stacks_in_1077 .split:first-child.text-align-right .split-content, #split-stacks_in_1077 .split:last-child.text-align-right .split-content { text-align: right; -ms-flex-align: end; align-items: flex-end; } @media (max-width: px) { #split-stacks_in_1077 { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; } #split-stacks_in_1077 .split:first-child, #split-stacks_in_1077 .split:last-child { width: 100% !important; transition: all 0.4s, width 0s; } #split-stacks_in_1077 .split:first-child .split-icon, #split-stacks_in_1077 .split:first-child .split-title, #split-stacks_in_1077 .split:first-child .split-description, #split-stacks_in_1077 .split:first-child .split-button, #split-stacks_in_1077 .split:last-child .split-icon, #split-stacks_in_1077 .split:last-child .split-title, #split-stacks_in_1077 .split:last-child .split-description, #split-stacks_in_1077 .split:last-child .split-button { opacity: 1 !important; } #split-stacks_in_1077 .split:first-child .split-icon-off, #split-stacks_in_1077 .split:last-child .split-icon-off { opacity: 0 !important; } } @media (max-width: 700px) { #split-stacks_in_1077.hover-split:not(.auto-shrink) .split:first-child:not(.active), #split-stacks_in_1077.hover-split:not(.auto-shrink) .split:last-child:not(.active) { width: 100px; } #split-stacks_in_1077 .split:first-child, #split-stacks_in_1077 .split:last-child { min-height: 400px; } #split-stacks_in_1077 .split:first-child .split-title, #split-stacks_in_1077 .split:last-child .split-title { font-size: 30px; line-height: calc($split-items--title-t * 1.618); } #split-stacks_in_1077 .split:first-child .split-description, #split-stacks_in_1077 .split:last-child .split-description { font-size: 14px; line-height: calc($split-items--description-m * 1.618); } } @media (max-width: 400px) { #split-stacks_in_1077.hover-split:not(.auto-shrink) .split:first-child:not(.active), #split-stacks_in_1077.hover-split:not(.auto-shrink) .split:last-child:not(.active) { width: 100px; } #split-stacks_in_1077 .split:first-child, #split-stacks_in_1077 .split:last-child { min-height: 350px; } #split-stacks_in_1077 .split:first-child .split-title, #split-stacks_in_1077 .split:last-child .split-title { font-size: 24px; line-height: calc($split-items--title-m * 1.618); } #split-stacks_in_1077 .split:first-child .split-description, #split-stacks_in_1077 .split:last-child .split-description { font-size: 14px; line-height: calc($split-items--description-m * 1.618); } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #split-item-stacks_in_1078 { /* */ background: rgba(0, 0, 255, 1.00); /* */ /* */ /* */ /* */ } #split-item-stacks_in_1078::before { /* */ } #split-item-stacks_in_1078::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #split-item-stacks_in_1078 .split-title { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_1078 .split-description { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_1078 .split-icon { color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.30); } #split-item-stacks_in_1078 .split-button { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_1078 .split-button:hover { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_1082 { /* */ background: rgba(251, 2, 128, 1.00); /* */ /* */ /* */ /* */ } #split-item-stacks_in_1082::before { /* */ } #split-item-stacks_in_1082::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #split-item-stacks_in_1082 .split-title { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_1082 .split-description { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_1082 .split-icon { color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.30); } #split-item-stacks_in_1082 .split-button { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_1082 .split-button:hover { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #listifyContainer_stacks_in_1087 { width: 100%; margin-left: auto; margin-right: auto; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; box-sizing: border-box; padding: 0px 0px 0px 0px; border-radius: 5px; /* */ background: none; /* */ /* */ /* */ /* */ } #listifyContainer_stacks_in_1087 [id*="listify"] { /* */ /* */ -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ } /* */ /* */ /* */ @media (max-width: 767px) { #listifyContainer_stacks_in_1087 { -ms-flex-wrap: wrap; flex-wrap: wrap; } #listifyContainer_stacks_in_1087 [id*="listify"] { width: 100% !important; min-width: auto !important; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyContainer_stacks_in_1087.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyContainer_stacks_in_1087.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyContainer_stacks_in_1087.hide-d { display: none; } } /* */ /* */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(listify-files/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(listify-files/MaterialIcons-Regular.woff2) format('woff2'), url(listify-files/MaterialIcons-Regular.woff) format('woff'), url(listify-files/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("listify-files/ionicons.eot?v=2.0.1");src:url("listify-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("listify-files/ionicons.ttf?v=2.0.1") format("truetype"),url("listify-files/ionicons.woff?v=2.0.1") format("woff"),url("listify-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} #listify_stacks_in_1109 { /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ /** * Remove default margin. */ /* HTML5 display definitions * ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ /* Links * ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability of focused elements when they are also in an * active/hover state. */ /* Text-level semantics * ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in Safari and Chrome. */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in IE 8/9. */ /** * Address inconsistent and variable font size in all browsers. */ /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content * ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content * ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ /** * Address odd `em`-unit font size rendering in all browsers. */ /* Forms * ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ /** * Re-set default cursor for disabled elements. */ /** * Remove inner padding and border in Firefox 4+. */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* Tables * ========================================================================== */ /** * Remove most spacing between table cells. */ /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ /* .w-lightbox-content */ /* * 1. Remove default margin set by user-agent on the
element. */ /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ /** * 1. Reset if style is set by user on "All Images" */ /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ /** * 1. All IE versions add extra space at the bottom without this. */ /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ /* * Utility classes */ } #listify_stacks_in_1109 html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } #listify_stacks_in_1109 body { margin: 0; } #listify_stacks_in_1109 article, #listify_stacks_in_1109 aside, #listify_stacks_in_1109 details, #listify_stacks_in_1109 figcaption, #listify_stacks_in_1109 figure, #listify_stacks_in_1109 footer, #listify_stacks_in_1109 header, #listify_stacks_in_1109 hgroup, #listify_stacks_in_1109 main, #listify_stacks_in_1109 menu, #listify_stacks_in_1109 nav, #listify_stacks_in_1109 section, #listify_stacks_in_1109 summary { display: block; } #listify_stacks_in_1109 audio, #listify_stacks_in_1109 canvas, #listify_stacks_in_1109 progress, #listify_stacks_in_1109 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } #listify_stacks_in_1109 audio:not([controls]) { display: none; height: 0; } #listify_stacks_in_1109 [hidden], #listify_stacks_in_1109 template { display: none; } #listify_stacks_in_1109 a { background-color: transparent; } #listify_stacks_in_1109 a:active, #listify_stacks_in_1109 a:hover { outline: 0; } #listify_stacks_in_1109 abbr[title] { border-bottom: 1px dotted; } #listify_stacks_in_1109 b, #listify_stacks_in_1109 strong { font-weight: bold; } #listify_stacks_in_1109 dfn { font-style: italic; } #listify_stacks_in_1109 h1 { font-size: 2em; margin: 0.67em 0; } #listify_stacks_in_1109 mark { background: #ff0; color: #000; } #listify_stacks_in_1109 small { font-size: 80%; } #listify_stacks_in_1109 sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #listify_stacks_in_1109 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } #listify_stacks_in_1109 sub { bottom: -0.25em; } #listify_stacks_in_1109 img { border: 0; } #listify_stacks_in_1109 svg:not(:root) { overflow: hidden; } #listify_stacks_in_1109 figure { margin: 1em 40px; } #listify_stacks_in_1109 hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } #listify_stacks_in_1109 pre { overflow: auto; } #listify_stacks_in_1109 code, #listify_stacks_in_1109 kbd, #listify_stacks_in_1109 pre, #listify_stacks_in_1109 samp { font-family: monospace, monospace; font-size: 1em; } #listify_stacks_in_1109 button, #listify_stacks_in_1109 input, #listify_stacks_in_1109 optgroup, #listify_stacks_in_1109 select, #listify_stacks_in_1109 textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } #listify_stacks_in_1109 button { overflow: visible; text-transform: none; } #listify_stacks_in_1109 select { text-transform: none; } #listify_stacks_in_1109 button, #listify_stacks_in_1109 html input[type="button"], #listify_stacks_in_1109 input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } #listify_stacks_in_1109 button[disabled], #listify_stacks_in_1109 html input[disabled] { cursor: default; } #listify_stacks_in_1109 button::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_1109 input { line-height: normal; } #listify_stacks_in_1109 input::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_1109 input[type="checkbox"], #listify_stacks_in_1109 input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_1109 input[type="number"]::-webkit-inner-spin-button, #listify_stacks_in_1109 input[type="number"]::-webkit-outer-spin-button { height: auto; } #listify_stacks_in_1109 input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } #listify_stacks_in_1109 input[type="search"]::-webkit-search-cancel-button, #listify_stacks_in_1109 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #listify_stacks_in_1109 fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #listify_stacks_in_1109 legend { border: 0; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_1109 textarea { overflow: auto; } #listify_stacks_in_1109 optgroup { font-weight: bold; } #listify_stacks_in_1109 table { border-collapse: collapse; border-spacing: 0; } #listify_stacks_in_1109 td, #listify_stacks_in_1109 th { padding: 0; } @font-face { #listify_stacks_in_1109 { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); font-weight: normal; font-style: normal; } } #listify_stacks_in_1109 [class^="w-icon-"], #listify_stacks_in_1109 [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #listify_stacks_in_1109 .w-icon-slider-right:before { content: "\e600"; } #listify_stacks_in_1109 .w-icon-slider-left:before { content: "\e601"; } #listify_stacks_in_1109 .w-icon-nav-menu:before { content: "\e602"; } #listify_stacks_in_1109 .w-icon-arrow-down:before, #listify_stacks_in_1109 .w-icon-dropdown-toggle:before { content: "\e603"; } #listify_stacks_in_1109 * { -webkit-box-sizing: border-box; box-sizing: border-box; } #listify_stacks_in_1109 html { height: 100%; } #listify_stacks_in_1109 body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } #listify_stacks_in_1109 img { max-width: 100%; vertical-align: middle; display: inline-block; } #listify_stacks_in_1109 html.w-mod-touch * { background-attachment: scroll !important; } #listify_stacks_in_1109 .w-block { display: block; } #listify_stacks_in_1109 .w-inline-block { max-width: 100%; display: inline-block; } #listify_stacks_in_1109 .w-clearfix:before { content: " "; display: table; } #listify_stacks_in_1109 .w-clearfix:after { content: " "; display: table; clear: both; } #listify_stacks_in_1109 .w-preserve-3d { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #listify_stacks_in_1109 .w-hidden { display: none; } #listify_stacks_in_1109 .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } #listify_stacks_in_1109 input.w-button { -webkit-appearance: button; } #listify_stacks_in_1109 html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } #listify_stacks_in_1109 .w-webflow-badge { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1.0 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); } #listify_stacks_in_1109 .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } #listify_stacks_in_1109 .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } #listify_stacks_in_1109 h1, #listify_stacks_in_1109 h2, #listify_stacks_in_1109 h3, #listify_stacks_in_1109 h4, #listify_stacks_in_1109 h5, #listify_stacks_in_1109 h6 { font-weight: bold; margin-bottom: 10px; } #listify_stacks_in_1109 h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } #listify_stacks_in_1109 h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } #listify_stacks_in_1109 h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } #listify_stacks_in_1109 h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } #listify_stacks_in_1109 h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } #listify_stacks_in_1109 h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } #listify_stacks_in_1109 p { margin-top: 0; margin-bottom: 10px; } #listify_stacks_in_1109 a:focus { outline: 0; } #listify_stacks_in_1109 blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } #listify_stacks_in_1109 figure { margin: 0; margin-bottom: 10px; } #listify_stacks_in_1109 figcaption { margin-top: 5px; text-align: center; } #listify_stacks_in_1109 ul, #listify_stacks_in_1109 ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } #listify_stacks_in_1109 .w-list-unstyled { padding-left: 0; list-style: none; } #listify_stacks_in_1109 .w-embed:before { content: " "; display: table; } #listify_stacks_in_1109 .w-embed:after { content: " "; display: table; clear: both; } #listify_stacks_in_1109 .w-video { width: 100%; position: relative; padding: 0; } #listify_stacks_in_1109 .w-video iframe, #listify_stacks_in_1109 .w-video object, #listify_stacks_in_1109 .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1109 fieldset { padding: 0; margin: 0; border: 0; } #listify_stacks_in_1109 button, #listify_stacks_in_1109 html input[type="button"], #listify_stacks_in_1109 input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; } #listify_stacks_in_1109 .w-form { margin: 0 0 15px; } #listify_stacks_in_1109 .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } #listify_stacks_in_1109 .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } #listify_stacks_in_1109 label { display: block; margin-bottom: 5px; font-weight: bold; } #listify_stacks_in_1109 .w-input, #listify_stacks_in_1109 .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } #listify_stacks_in_1109 .w-input:-moz-placeholder, #listify_stacks_in_1109 .w-select:-moz-placeholder { color: #999; } #listify_stacks_in_1109 .w-input::-moz-placeholder, #listify_stacks_in_1109 .w-select::-moz-placeholder { color: #999; opacity: 1; } #listify_stacks_in_1109 .w-input:-ms-input-placeholder, #listify_stacks_in_1109 .w-select:-ms-input-placeholder, #listify_stacks_in_1109 .w-input::-webkit-input-placeholder, #listify_stacks_in_1109 .w-select::-webkit-input-placeholder { color: #999; } #listify_stacks_in_1109 .w-input:focus, #listify_stacks_in_1109 .w-select:focus { border-color: #3898EC; outline: 0; } #listify_stacks_in_1109 .w-input[disabled], #listify_stacks_in_1109 .w-select[disabled], #listify_stacks_in_1109 .w-input[readonly], #listify_stacks_in_1109 .w-select[readonly] { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_1109 fieldset[disabled] .w-input, #listify_stacks_in_1109 fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_1109 textarea.w-input, #listify_stacks_in_1109 textarea.w-select { height: auto; } #listify_stacks_in_1109 .w-select { background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3)); background-image: linear-gradient(white 0%, #f3f3f3 100%); } #listify_stacks_in_1109 .w-select[multiple] { height: auto; } #listify_stacks_in_1109 .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } #listify_stacks_in_1109 .w-checkbox, #listify_stacks_in_1109 .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } #listify_stacks_in_1109 .w-checkbox:before, #listify_stacks_in_1109 .w-radio:before, #listify_stacks_in_1109 .w-checkbox:after, #listify_stacks_in_1109 .w-radio:after { content: " "; display: table; } #listify_stacks_in_1109 .w-checkbox:after, #listify_stacks_in_1109 .w-radio:after { clear: both; } #listify_stacks_in_1109 .w-checkbox-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } #listify_stacks_in_1109 .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; margin-top: 3px; } #listify_stacks_in_1109 .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } #listify_stacks_in_1109 .w-container:before { content: " "; display: table; } #listify_stacks_in_1109 .w-container:after { content: " "; display: table; clear: both; } #listify_stacks_in_1109 .w-container .w-row { margin-left: -10px; margin-right: -10px; } #listify_stacks_in_1109 .w-row:before { content: " "; display: table; } #listify_stacks_in_1109 .w-row:after { content: " "; display: table; clear: both; } #listify_stacks_in_1109 .w-row .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_1109 .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } #listify_stacks_in_1109 .w-col .w-col { padding-left: 0; padding-right: 0; } #listify_stacks_in_1109 .w-col-1 { width: 8.33333333%; } #listify_stacks_in_1109 .w-col-2 { width: 16.66666667%; } #listify_stacks_in_1109 .w-col-3 { width: 25%; } #listify_stacks_in_1109 .w-col-4 { width: 33.33333333%; } #listify_stacks_in_1109 .w-col-5 { width: 41.66666667%; } #listify_stacks_in_1109 .w-col-6 { width: 50%; } #listify_stacks_in_1109 .w-col-7 { width: 58.33333333%; } #listify_stacks_in_1109 .w-col-8 { width: 66.66666667%; } #listify_stacks_in_1109 .w-col-9 { width: 75%; } #listify_stacks_in_1109 .w-col-10 { width: 83.33333333%; } #listify_stacks_in_1109 .w-col-11 { width: 91.66666667%; } #listify_stacks_in_1109 .w-col-12 { width: 100%; } #listify_stacks_in_1109 .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { #listify_stacks_in_1109 .w-container { max-width: 728px; } #listify_stacks_in_1109 .w-hidden-main { display: inherit !important; } #listify_stacks_in_1109 .w-hidden-medium { display: none !important; } #listify_stacks_in_1109 .w-col-medium-1 { width: 8.33333333%; } #listify_stacks_in_1109 .w-col-medium-2 { width: 16.66666667%; } #listify_stacks_in_1109 .w-col-medium-3 { width: 25%; } #listify_stacks_in_1109 .w-col-medium-4 { width: 33.33333333%; } #listify_stacks_in_1109 .w-col-medium-5 { width: 41.66666667%; } #listify_stacks_in_1109 .w-col-medium-6 { width: 50%; } #listify_stacks_in_1109 .w-col-medium-7 { width: 58.33333333%; } #listify_stacks_in_1109 .w-col-medium-8 { width: 66.66666667%; } #listify_stacks_in_1109 .w-col-medium-9 { width: 75%; } #listify_stacks_in_1109 .w-col-medium-10 { width: 83.33333333%; } #listify_stacks_in_1109 .w-col-medium-11 { width: 91.66666667%; } #listify_stacks_in_1109 .w-col-medium-12 { width: 100%; } #listify_stacks_in_1109 .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { #listify_stacks_in_1109 .w-hidden-main, #listify_stacks_in_1109 .w-hidden-medium { display: inherit !important; } #listify_stacks_in_1109 .w-hidden-small { display: none !important; } #listify_stacks_in_1109 .w-row, #listify_stacks_in_1109 .w-container .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_1109 .w-col { width: 100%; left: auto; right: auto; } #listify_stacks_in_1109 .w-col-small-1 { width: 8.33333333%; } #listify_stacks_in_1109 .w-col-small-2 { width: 16.66666667%; } #listify_stacks_in_1109 .w-col-small-3 { width: 25%; } #listify_stacks_in_1109 .w-col-small-4 { width: 33.33333333%; } #listify_stacks_in_1109 .w-col-small-5 { width: 41.66666667%; } #listify_stacks_in_1109 .w-col-small-6 { width: 50%; } #listify_stacks_in_1109 .w-col-small-7 { width: 58.33333333%; } #listify_stacks_in_1109 .w-col-small-8 { width: 66.66666667%; } #listify_stacks_in_1109 .w-col-small-9 { width: 75%; } #listify_stacks_in_1109 .w-col-small-10 { width: 83.33333333%; } #listify_stacks_in_1109 .w-col-small-11 { width: 91.66666667%; } #listify_stacks_in_1109 .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { #listify_stacks_in_1109 .w-container { max-width: none; } #listify_stacks_in_1109 .w-hidden-main, #listify_stacks_in_1109 .w-hidden-medium, #listify_stacks_in_1109 .w-hidden-small { display: inherit !important; } #listify_stacks_in_1109 .w-hidden-tiny { display: none !important; } #listify_stacks_in_1109 .w-col { width: 100%; } #listify_stacks_in_1109 .w-col-tiny-1 { width: 8.33333333%; } #listify_stacks_in_1109 .w-col-tiny-2 { width: 16.66666667%; } #listify_stacks_in_1109 .w-col-tiny-3 { width: 25%; } #listify_stacks_in_1109 .w-col-tiny-4 { width: 33.33333333%; } #listify_stacks_in_1109 .w-col-tiny-5 { width: 41.66666667%; } #listify_stacks_in_1109 .w-col-tiny-6 { width: 50%; } #listify_stacks_in_1109 .w-col-tiny-7 { width: 58.33333333%; } #listify_stacks_in_1109 .w-col-tiny-8 { width: 66.66666667%; } #listify_stacks_in_1109 .w-col-tiny-9 { width: 75%; } #listify_stacks_in_1109 .w-col-tiny-10 { width: 83.33333333%; } #listify_stacks_in_1109 .w-col-tiny-11 { width: 91.66666667%; } #listify_stacks_in_1109 .w-col-tiny-12 { width: 100%; } } #listify_stacks_in_1109 .w-widget { position: relative; } #listify_stacks_in_1109 .w-widget-map { width: 100%; height: 400px; } #listify_stacks_in_1109 .w-widget-map label { width: auto; display: inline; } #listify_stacks_in_1109 .w-widget-map img { max-width: inherit; } #listify_stacks_in_1109 .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } #listify_stacks_in_1109 .w-widget-map .gm-style-iw + div { display: none; } #listify_stacks_in_1109 .w-widget-twitter { overflow: hidden; } #listify_stacks_in_1109 .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1109 .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } #listify_stacks_in_1109 .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical):before, #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--vertical:before, #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } #listify_stacks_in_1109 .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } #listify_stacks_in_1109 .w-widget-gplus { overflow: hidden; } #listify_stacks_in_1109 .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } #listify_stacks_in_1109 .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } #listify_stacks_in_1109 .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_1109 .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } #listify_stacks_in_1109 .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } #listify_stacks_in_1109 .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_1109 .w-slider-nav.w-round > div { border-radius: 100%; } #listify_stacks_in_1109 .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } #listify_stacks_in_1109 .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } #listify_stacks_in_1109 .w-slider-nav-invert { color: #fff; } #listify_stacks_in_1109 .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } #listify_stacks_in_1109 .w-slider-nav-invert > div.w-active { background-color: #222; } #listify_stacks_in_1109 .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } #listify_stacks_in_1109 .w-slider-dot.w-active { background-color: #fff; } #listify_stacks_in_1109 .w-slider-arrow-left, #listify_stacks_in_1109 .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1109 .w-slider-arrow-left [class^="w-icon-"], #listify_stacks_in_1109 .w-slider-arrow-right [class^="w-icon-"], #listify_stacks_in_1109 .w-slider-arrow-left [class*=" w-icon-"], #listify_stacks_in_1109 .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } #listify_stacks_in_1109 .w-slider-arrow-left { z-index: 3; right: auto; } #listify_stacks_in_1109 .w-slider-arrow-right { z-index: 4; left: auto; } #listify_stacks_in_1109 .w-icon-slider-left, #listify_stacks_in_1109 .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } #listify_stacks_in_1109 .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } #listify_stacks_in_1109 .w-dropdown-btn, #listify_stacks_in_1109 .w-dropdown-toggle, #listify_stacks_in_1109 .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } #listify_stacks_in_1109 .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } #listify_stacks_in_1109 .w-dropdown-toggle:focus { outline: 0; } #listify_stacks_in_1109 .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } #listify_stacks_in_1109 .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } #listify_stacks_in_1109 .w-dropdown-list.w--open { display: block; } #listify_stacks_in_1109 .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } #listify_stacks_in_1109 .w-dropdown-link.w--current { color: #0082f3; } #listify_stacks_in_1109 .w-nav[data-collapse="all"] .w-dropdown, #listify_stacks_in_1109 .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1109 .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { #listify_stacks_in_1109 .w-nav[data-collapse="medium"] .w-dropdown, #listify_stacks_in_1109 .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1109 .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { #listify_stacks_in_1109 .w-nav[data-collapse="small"] .w-dropdown, #listify_stacks_in_1109 .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1109 .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } #listify_stacks_in_1109 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_1109 .w-nav[data-collapse="tiny"] .w-dropdown, #listify_stacks_in_1109 .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1109 .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } #listify_stacks_in_1109 .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_1109 .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_1109 .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } #listify_stacks_in_1109 .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } #listify_stacks_in_1109 .w-lightbox-view:before { content: ""; height: 100vh; } #listify_stacks_in_1109 .w-lightbox-group { height: 86vh; } #listify_stacks_in_1109 .w-lightbox-group .w-lightbox-view { height: 86vh; } #listify_stacks_in_1109 .w-lightbox-group .w-lightbox-view:before { height: 86vh; } #listify_stacks_in_1109 .w-lightbox-frame, #listify_stacks_in_1109 .w-lightbox-view:before { display: inline-block; vertical-align: middle; } #listify_stacks_in_1109 .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } #listify_stacks_in_1109 .w-lightbox-group .w-lightbox-figure { cursor: pointer; } #listify_stacks_in_1109 .w-lightbox-img { width: auto; height: auto; max-width: none; } #listify_stacks_in_1109 .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } #listify_stacks_in_1109 .w-lightbox-group .w-lightbox-image { max-height: 86vh; } #listify_stacks_in_1109 .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #listify_stacks_in_1109 .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1109 .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } #listify_stacks_in_1109 .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } #listify_stacks_in_1109 .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } #listify_stacks_in_1109 .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } #listify_stacks_in_1109 .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } #listify_stacks_in_1109 .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } #listify_stacks_in_1109 .w-lightbox-active { opacity: .3; } #listify_stacks_in_1109 .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } #listify_stacks_in_1109 .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } #listify_stacks_in_1109 .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #listify_stacks_in_1109 .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #listify_stacks_in_1109 .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } #listify_stacks_in_1109 .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } #listify_stacks_in_1109 .w-lightbox-hide { display: none; } #listify_stacks_in_1109 .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { #listify_stacks_in_1109 { /* .w-lightbox-content */ } #listify_stacks_in_1109 .w-lightbox-content { height: 96vh; margin-top: 2vh; } #listify_stacks_in_1109 .w-lightbox-view { height: 96vh; } #listify_stacks_in_1109 .w-lightbox-view:before { height: 96vh; } #listify_stacks_in_1109 .w-lightbox-group { height: 84vh; } #listify_stacks_in_1109 .w-lightbox-group .w-lightbox-view { height: 84vh; } #listify_stacks_in_1109 .w-lightbox-group .w-lightbox-view:before { height: 84vh; } #listify_stacks_in_1109 .w-lightbox-image { max-width: 96vw; max-height: 96vh; } #listify_stacks_in_1109 .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } #listify_stacks_in_1109 .w-lightbox-left, #listify_stacks_in_1109 .w-lightbox-right { display: block; opacity: .5; } #listify_stacks_in_1109 .w-lightbox-close { opacity: .8; } #listify_stacks_in_1109 .w-lightbox-control:hover { opacity: 1; } } #listify_stacks_in_1109 .w-lightbox-inactive { opacity: 0; } #listify_stacks_in_1109 .w-lightbox-inactive:hover { opacity: 0; } #listify_stacks_in_1109 .w-richtext:before { content: " "; display: table; } #listify_stacks_in_1109 .w-richtext:after { content: " "; display: table; clear: both; } #listify_stacks_in_1109 .w-richtext ol, #listify_stacks_in_1109 .w-richtext ul { overflow: hidden; } #listify_stacks_in_1109 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before, #listify_stacks_in_1109 .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before, #listify_stacks_in_1109 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, #listify_stacks_in_1109 .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } #listify_stacks_in_1109 .w-richtext figure { position: relative; max-width: 60%; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-figure-type-video > div:before, #listify_stacks_in_1109 .w-richtext figure[data-rt-type="video"] > div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } #listify_stacks_in_1109 .w-richtext figure > div:before { cursor: default !important; } #listify_stacks_in_1109 .w-richtext figure img { cursor: default !important; width: 100%; } #listify_stacks_in_1109 .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } #listify_stacks_in_1109 .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-figure-type-image, #listify_stacks_in_1109 .w-richtext figure[data-rt-type="image"] { display: table; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-figure-type-image > div, #listify_stacks_in_1109 .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-figure-type-image > figcaption, #listify_stacks_in_1109 .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-figure-type-video, #listify_stacks_in_1109 .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-figure-type-video iframe, #listify_stacks_in_1109 .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-figure-type-video > div, #listify_stacks_in_1109 .w-richtext figure[data-rt-type="video"] > div { width: 100%; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-normal { clear: both; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures * we want the div to inherit that so hover/selection borders in the designer-canvas * fit right */ padding-bottom: inherit; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } #listify_stacks_in_1109 .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } #listify_stacks_in_1109 .w-nav { position: relative; background: #dddddd; z-index: 1000; } #listify_stacks_in_1109 .w-nav:before { content: " "; display: table; } #listify_stacks_in_1109 .w-nav:after { content: " "; display: table; clear: both; } #listify_stacks_in_1109 .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } #listify_stacks_in_1109 .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } #listify_stacks_in_1109 .w-nav-link.w--current { color: #0082f3; } #listify_stacks_in_1109 .w-nav-menu { position: relative; float: right; } #listify_stacks_in_1109 .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } #listify_stacks_in_1109 .w--nav-link-open { display: block; position: relative; } #listify_stacks_in_1109 .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } #listify_stacks_in_1109 .w-nav-overlay .w--nav-menu-open { top: 0; } #listify_stacks_in_1109 .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; right: auto; z-index: 1; top: 0; } #listify_stacks_in_1109 .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } #listify_stacks_in_1109 .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; left: auto; z-index: 1; top: 0; } #listify_stacks_in_1109 .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } #listify_stacks_in_1109 .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1109 .w-nav-button.w--open { background-color: #C8C8C8; color: white; } #listify_stacks_in_1109 .w-nav[data-collapse="all"] .w-nav-menu { display: none; } #listify_stacks_in_1109 .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { #listify_stacks_in_1109 .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } #listify_stacks_in_1109 .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { #listify_stacks_in_1109 .w-nav[data-collapse="small"] .w-nav-menu { display: none; } #listify_stacks_in_1109 .w-nav[data-collapse="small"] .w-nav-button { display: block; } #listify_stacks_in_1109 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_1109 .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } #listify_stacks_in_1109 .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } #listify_stacks_in_1109 .w-tabs { position: relative; } #listify_stacks_in_1109 .w-tabs:before { content: " "; display: table; } #listify_stacks_in_1109 .w-tabs:after { content: " "; display: table; clear: both; } #listify_stacks_in_1109 .w-tab-menu { position: relative; } #listify_stacks_in_1109 .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } #listify_stacks_in_1109 .w-tab-link.w--current { background-color: #C8C8C8; } #listify_stacks_in_1109 .w-tab-content { position: relative; display: block; overflow: hidden; } #listify_stacks_in_1109 .w-tab-pane { position: relative; display: none; } #listify_stacks_in_1109 .w--tab-active { display: block; } @media screen and (max-width: 479px) { #listify_stacks_in_1109 .w-tab-link { display: block; } } #listify_stacks_in_1109 .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #listify_stacks_in_1109 .w-dyn-empty { padding: 10px; background-color: #dddddd; } #listify_stacks_in_1109 .w-dyn-bind-empty, #listify_stacks_in_1109 .w-condition-invisible { display: none !important; } .list-container { margin-top: 0px; overflow: hidden; margin-left: auto; margin-right: auto; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .section { top: 0px; left: 0px; right: 0px; bottom: 0px; padding-top: 0px; position: absolute; padding-bottom: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; } .section.main { display: none; } .container { -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; } #listify_stacks_in_1109 { -webkit-box-sizing: border-box; box-sizing: border-box; /* */ width: 100%; /* */ /* */ } #listify_stacks_in_1109 .list { overflow: hidden; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_1109 .list-item { list-style-type: none; margin-bottom: 5px; } #listify_stacks_in_1109 .list-item ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1109 .list-item a { cursor: pointer; text-decoration: none; } #listify_stacks_in_1109 .list-item-inner { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin: 0px auto 0px auto; padding: 8px 8px 8px 8px; border-radius: 5px; /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; /* */ /* */ /* */ /* */ } #listify_stacks_in_1109 .list-item-icon { flex: 0 auto; -ms-flex: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; vertical-align: middle; padding: 5px; line-height: 1; border-radius: 50px; /* */ margin-right: 5px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; /* */ /* */ /* */ -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ /* */ /* */ background: none; /* */ /* */ /* */ /* */ } #listify_stacks_in_1109 .list-item-icon.hide-icon { display: none; } #listify_stacks_in_1109 .list-item-icon i { color: rgba(0, 0, 0, 1.00); font-size: 20px; vertical-align: middle; /* */ } #listify_stacks_in_1109 .list-item-text { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; -ms-grid-row-align: center; align-self: center; word-wrap: break-word; -webkit-align-self: center; -ms-flex-item-align: center; color: rgba(0, 0, 0, 1.00); font-size: 16px; line-height: 22px; font-family: inherit; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_1109 .list-item-text.hide-text { display: none; } /* */ /* */ #listify_stacks_in_1109 .list-item-inner { margin: 10px 10px 10px 10px; } @media only screen and (max-width: 440px) { #listify_stacks_in_1109.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listify_stacks_in_1109.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listify_stacks_in_1109.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1110.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1110.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1110.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1110.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1112.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1112.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1112.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1112.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1114.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1114.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1114.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1114.hide-d { display: none; } } /* */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(listify-files/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(listify-files/MaterialIcons-Regular.woff2) format('woff2'), url(listify-files/MaterialIcons-Regular.woff) format('woff'), url(listify-files/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("listify-files/ionicons.eot?v=2.0.1");src:url("listify-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("listify-files/ionicons.ttf?v=2.0.1") format("truetype"),url("listify-files/ionicons.woff?v=2.0.1") format("woff"),url("listify-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} #listify_stacks_in_1117 { /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ /** * Remove default margin. */ /* HTML5 display definitions * ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ /* Links * ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability of focused elements when they are also in an * active/hover state. */ /* Text-level semantics * ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in Safari and Chrome. */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in IE 8/9. */ /** * Address inconsistent and variable font size in all browsers. */ /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content * ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content * ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ /** * Address odd `em`-unit font size rendering in all browsers. */ /* Forms * ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ /** * Re-set default cursor for disabled elements. */ /** * Remove inner padding and border in Firefox 4+. */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* Tables * ========================================================================== */ /** * Remove most spacing between table cells. */ /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ /* .w-lightbox-content */ /* * 1. Remove default margin set by user-agent on the
element. */ /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ /** * 1. Reset if style is set by user on "All Images" */ /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ /** * 1. All IE versions add extra space at the bottom without this. */ /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ /* * Utility classes */ } #listify_stacks_in_1117 html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } #listify_stacks_in_1117 body { margin: 0; } #listify_stacks_in_1117 article, #listify_stacks_in_1117 aside, #listify_stacks_in_1117 details, #listify_stacks_in_1117 figcaption, #listify_stacks_in_1117 figure, #listify_stacks_in_1117 footer, #listify_stacks_in_1117 header, #listify_stacks_in_1117 hgroup, #listify_stacks_in_1117 main, #listify_stacks_in_1117 menu, #listify_stacks_in_1117 nav, #listify_stacks_in_1117 section, #listify_stacks_in_1117 summary { display: block; } #listify_stacks_in_1117 audio, #listify_stacks_in_1117 canvas, #listify_stacks_in_1117 progress, #listify_stacks_in_1117 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } #listify_stacks_in_1117 audio:not([controls]) { display: none; height: 0; } #listify_stacks_in_1117 [hidden], #listify_stacks_in_1117 template { display: none; } #listify_stacks_in_1117 a { background-color: transparent; } #listify_stacks_in_1117 a:active, #listify_stacks_in_1117 a:hover { outline: 0; } #listify_stacks_in_1117 abbr[title] { border-bottom: 1px dotted; } #listify_stacks_in_1117 b, #listify_stacks_in_1117 strong { font-weight: bold; } #listify_stacks_in_1117 dfn { font-style: italic; } #listify_stacks_in_1117 h1 { font-size: 2em; margin: 0.67em 0; } #listify_stacks_in_1117 mark { background: #ff0; color: #000; } #listify_stacks_in_1117 small { font-size: 80%; } #listify_stacks_in_1117 sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #listify_stacks_in_1117 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } #listify_stacks_in_1117 sub { bottom: -0.25em; } #listify_stacks_in_1117 img { border: 0; } #listify_stacks_in_1117 svg:not(:root) { overflow: hidden; } #listify_stacks_in_1117 figure { margin: 1em 40px; } #listify_stacks_in_1117 hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } #listify_stacks_in_1117 pre { overflow: auto; } #listify_stacks_in_1117 code, #listify_stacks_in_1117 kbd, #listify_stacks_in_1117 pre, #listify_stacks_in_1117 samp { font-family: monospace, monospace; font-size: 1em; } #listify_stacks_in_1117 button, #listify_stacks_in_1117 input, #listify_stacks_in_1117 optgroup, #listify_stacks_in_1117 select, #listify_stacks_in_1117 textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } #listify_stacks_in_1117 button { overflow: visible; text-transform: none; } #listify_stacks_in_1117 select { text-transform: none; } #listify_stacks_in_1117 button, #listify_stacks_in_1117 html input[type="button"], #listify_stacks_in_1117 input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } #listify_stacks_in_1117 button[disabled], #listify_stacks_in_1117 html input[disabled] { cursor: default; } #listify_stacks_in_1117 button::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_1117 input { line-height: normal; } #listify_stacks_in_1117 input::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_1117 input[type="checkbox"], #listify_stacks_in_1117 input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_1117 input[type="number"]::-webkit-inner-spin-button, #listify_stacks_in_1117 input[type="number"]::-webkit-outer-spin-button { height: auto; } #listify_stacks_in_1117 input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } #listify_stacks_in_1117 input[type="search"]::-webkit-search-cancel-button, #listify_stacks_in_1117 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #listify_stacks_in_1117 fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #listify_stacks_in_1117 legend { border: 0; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_1117 textarea { overflow: auto; } #listify_stacks_in_1117 optgroup { font-weight: bold; } #listify_stacks_in_1117 table { border-collapse: collapse; border-spacing: 0; } #listify_stacks_in_1117 td, #listify_stacks_in_1117 th { padding: 0; } @font-face { #listify_stacks_in_1117 { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); font-weight: normal; font-style: normal; } } #listify_stacks_in_1117 [class^="w-icon-"], #listify_stacks_in_1117 [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #listify_stacks_in_1117 .w-icon-slider-right:before { content: "\e600"; } #listify_stacks_in_1117 .w-icon-slider-left:before { content: "\e601"; } #listify_stacks_in_1117 .w-icon-nav-menu:before { content: "\e602"; } #listify_stacks_in_1117 .w-icon-arrow-down:before, #listify_stacks_in_1117 .w-icon-dropdown-toggle:before { content: "\e603"; } #listify_stacks_in_1117 * { -webkit-box-sizing: border-box; box-sizing: border-box; } #listify_stacks_in_1117 html { height: 100%; } #listify_stacks_in_1117 body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } #listify_stacks_in_1117 img { max-width: 100%; vertical-align: middle; display: inline-block; } #listify_stacks_in_1117 html.w-mod-touch * { background-attachment: scroll !important; } #listify_stacks_in_1117 .w-block { display: block; } #listify_stacks_in_1117 .w-inline-block { max-width: 100%; display: inline-block; } #listify_stacks_in_1117 .w-clearfix:before { content: " "; display: table; } #listify_stacks_in_1117 .w-clearfix:after { content: " "; display: table; clear: both; } #listify_stacks_in_1117 .w-preserve-3d { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #listify_stacks_in_1117 .w-hidden { display: none; } #listify_stacks_in_1117 .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } #listify_stacks_in_1117 input.w-button { -webkit-appearance: button; } #listify_stacks_in_1117 html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } #listify_stacks_in_1117 .w-webflow-badge { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1.0 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); } #listify_stacks_in_1117 .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } #listify_stacks_in_1117 .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } #listify_stacks_in_1117 h1, #listify_stacks_in_1117 h2, #listify_stacks_in_1117 h3, #listify_stacks_in_1117 h4, #listify_stacks_in_1117 h5, #listify_stacks_in_1117 h6 { font-weight: bold; margin-bottom: 10px; } #listify_stacks_in_1117 h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } #listify_stacks_in_1117 h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } #listify_stacks_in_1117 h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } #listify_stacks_in_1117 h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } #listify_stacks_in_1117 h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } #listify_stacks_in_1117 h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } #listify_stacks_in_1117 p { margin-top: 0; margin-bottom: 10px; } #listify_stacks_in_1117 a:focus { outline: 0; } #listify_stacks_in_1117 blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } #listify_stacks_in_1117 figure { margin: 0; margin-bottom: 10px; } #listify_stacks_in_1117 figcaption { margin-top: 5px; text-align: center; } #listify_stacks_in_1117 ul, #listify_stacks_in_1117 ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } #listify_stacks_in_1117 .w-list-unstyled { padding-left: 0; list-style: none; } #listify_stacks_in_1117 .w-embed:before { content: " "; display: table; } #listify_stacks_in_1117 .w-embed:after { content: " "; display: table; clear: both; } #listify_stacks_in_1117 .w-video { width: 100%; position: relative; padding: 0; } #listify_stacks_in_1117 .w-video iframe, #listify_stacks_in_1117 .w-video object, #listify_stacks_in_1117 .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1117 fieldset { padding: 0; margin: 0; border: 0; } #listify_stacks_in_1117 button, #listify_stacks_in_1117 html input[type="button"], #listify_stacks_in_1117 input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; } #listify_stacks_in_1117 .w-form { margin: 0 0 15px; } #listify_stacks_in_1117 .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } #listify_stacks_in_1117 .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } #listify_stacks_in_1117 label { display: block; margin-bottom: 5px; font-weight: bold; } #listify_stacks_in_1117 .w-input, #listify_stacks_in_1117 .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } #listify_stacks_in_1117 .w-input:-moz-placeholder, #listify_stacks_in_1117 .w-select:-moz-placeholder { color: #999; } #listify_stacks_in_1117 .w-input::-moz-placeholder, #listify_stacks_in_1117 .w-select::-moz-placeholder { color: #999; opacity: 1; } #listify_stacks_in_1117 .w-input:-ms-input-placeholder, #listify_stacks_in_1117 .w-select:-ms-input-placeholder, #listify_stacks_in_1117 .w-input::-webkit-input-placeholder, #listify_stacks_in_1117 .w-select::-webkit-input-placeholder { color: #999; } #listify_stacks_in_1117 .w-input:focus, #listify_stacks_in_1117 .w-select:focus { border-color: #3898EC; outline: 0; } #listify_stacks_in_1117 .w-input[disabled], #listify_stacks_in_1117 .w-select[disabled], #listify_stacks_in_1117 .w-input[readonly], #listify_stacks_in_1117 .w-select[readonly] { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_1117 fieldset[disabled] .w-input, #listify_stacks_in_1117 fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_1117 textarea.w-input, #listify_stacks_in_1117 textarea.w-select { height: auto; } #listify_stacks_in_1117 .w-select { background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3)); background-image: linear-gradient(white 0%, #f3f3f3 100%); } #listify_stacks_in_1117 .w-select[multiple] { height: auto; } #listify_stacks_in_1117 .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } #listify_stacks_in_1117 .w-checkbox, #listify_stacks_in_1117 .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } #listify_stacks_in_1117 .w-checkbox:before, #listify_stacks_in_1117 .w-radio:before, #listify_stacks_in_1117 .w-checkbox:after, #listify_stacks_in_1117 .w-radio:after { content: " "; display: table; } #listify_stacks_in_1117 .w-checkbox:after, #listify_stacks_in_1117 .w-radio:after { clear: both; } #listify_stacks_in_1117 .w-checkbox-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } #listify_stacks_in_1117 .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; margin-top: 3px; } #listify_stacks_in_1117 .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } #listify_stacks_in_1117 .w-container:before { content: " "; display: table; } #listify_stacks_in_1117 .w-container:after { content: " "; display: table; clear: both; } #listify_stacks_in_1117 .w-container .w-row { margin-left: -10px; margin-right: -10px; } #listify_stacks_in_1117 .w-row:before { content: " "; display: table; } #listify_stacks_in_1117 .w-row:after { content: " "; display: table; clear: both; } #listify_stacks_in_1117 .w-row .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_1117 .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } #listify_stacks_in_1117 .w-col .w-col { padding-left: 0; padding-right: 0; } #listify_stacks_in_1117 .w-col-1 { width: 8.33333333%; } #listify_stacks_in_1117 .w-col-2 { width: 16.66666667%; } #listify_stacks_in_1117 .w-col-3 { width: 25%; } #listify_stacks_in_1117 .w-col-4 { width: 33.33333333%; } #listify_stacks_in_1117 .w-col-5 { width: 41.66666667%; } #listify_stacks_in_1117 .w-col-6 { width: 50%; } #listify_stacks_in_1117 .w-col-7 { width: 58.33333333%; } #listify_stacks_in_1117 .w-col-8 { width: 66.66666667%; } #listify_stacks_in_1117 .w-col-9 { width: 75%; } #listify_stacks_in_1117 .w-col-10 { width: 83.33333333%; } #listify_stacks_in_1117 .w-col-11 { width: 91.66666667%; } #listify_stacks_in_1117 .w-col-12 { width: 100%; } #listify_stacks_in_1117 .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { #listify_stacks_in_1117 .w-container { max-width: 728px; } #listify_stacks_in_1117 .w-hidden-main { display: inherit !important; } #listify_stacks_in_1117 .w-hidden-medium { display: none !important; } #listify_stacks_in_1117 .w-col-medium-1 { width: 8.33333333%; } #listify_stacks_in_1117 .w-col-medium-2 { width: 16.66666667%; } #listify_stacks_in_1117 .w-col-medium-3 { width: 25%; } #listify_stacks_in_1117 .w-col-medium-4 { width: 33.33333333%; } #listify_stacks_in_1117 .w-col-medium-5 { width: 41.66666667%; } #listify_stacks_in_1117 .w-col-medium-6 { width: 50%; } #listify_stacks_in_1117 .w-col-medium-7 { width: 58.33333333%; } #listify_stacks_in_1117 .w-col-medium-8 { width: 66.66666667%; } #listify_stacks_in_1117 .w-col-medium-9 { width: 75%; } #listify_stacks_in_1117 .w-col-medium-10 { width: 83.33333333%; } #listify_stacks_in_1117 .w-col-medium-11 { width: 91.66666667%; } #listify_stacks_in_1117 .w-col-medium-12 { width: 100%; } #listify_stacks_in_1117 .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { #listify_stacks_in_1117 .w-hidden-main, #listify_stacks_in_1117 .w-hidden-medium { display: inherit !important; } #listify_stacks_in_1117 .w-hidden-small { display: none !important; } #listify_stacks_in_1117 .w-row, #listify_stacks_in_1117 .w-container .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_1117 .w-col { width: 100%; left: auto; right: auto; } #listify_stacks_in_1117 .w-col-small-1 { width: 8.33333333%; } #listify_stacks_in_1117 .w-col-small-2 { width: 16.66666667%; } #listify_stacks_in_1117 .w-col-small-3 { width: 25%; } #listify_stacks_in_1117 .w-col-small-4 { width: 33.33333333%; } #listify_stacks_in_1117 .w-col-small-5 { width: 41.66666667%; } #listify_stacks_in_1117 .w-col-small-6 { width: 50%; } #listify_stacks_in_1117 .w-col-small-7 { width: 58.33333333%; } #listify_stacks_in_1117 .w-col-small-8 { width: 66.66666667%; } #listify_stacks_in_1117 .w-col-small-9 { width: 75%; } #listify_stacks_in_1117 .w-col-small-10 { width: 83.33333333%; } #listify_stacks_in_1117 .w-col-small-11 { width: 91.66666667%; } #listify_stacks_in_1117 .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { #listify_stacks_in_1117 .w-container { max-width: none; } #listify_stacks_in_1117 .w-hidden-main, #listify_stacks_in_1117 .w-hidden-medium, #listify_stacks_in_1117 .w-hidden-small { display: inherit !important; } #listify_stacks_in_1117 .w-hidden-tiny { display: none !important; } #listify_stacks_in_1117 .w-col { width: 100%; } #listify_stacks_in_1117 .w-col-tiny-1 { width: 8.33333333%; } #listify_stacks_in_1117 .w-col-tiny-2 { width: 16.66666667%; } #listify_stacks_in_1117 .w-col-tiny-3 { width: 25%; } #listify_stacks_in_1117 .w-col-tiny-4 { width: 33.33333333%; } #listify_stacks_in_1117 .w-col-tiny-5 { width: 41.66666667%; } #listify_stacks_in_1117 .w-col-tiny-6 { width: 50%; } #listify_stacks_in_1117 .w-col-tiny-7 { width: 58.33333333%; } #listify_stacks_in_1117 .w-col-tiny-8 { width: 66.66666667%; } #listify_stacks_in_1117 .w-col-tiny-9 { width: 75%; } #listify_stacks_in_1117 .w-col-tiny-10 { width: 83.33333333%; } #listify_stacks_in_1117 .w-col-tiny-11 { width: 91.66666667%; } #listify_stacks_in_1117 .w-col-tiny-12 { width: 100%; } } #listify_stacks_in_1117 .w-widget { position: relative; } #listify_stacks_in_1117 .w-widget-map { width: 100%; height: 400px; } #listify_stacks_in_1117 .w-widget-map label { width: auto; display: inline; } #listify_stacks_in_1117 .w-widget-map img { max-width: inherit; } #listify_stacks_in_1117 .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } #listify_stacks_in_1117 .w-widget-map .gm-style-iw + div { display: none; } #listify_stacks_in_1117 .w-widget-twitter { overflow: hidden; } #listify_stacks_in_1117 .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1117 .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } #listify_stacks_in_1117 .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical):before, #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--vertical:before, #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } #listify_stacks_in_1117 .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } #listify_stacks_in_1117 .w-widget-gplus { overflow: hidden; } #listify_stacks_in_1117 .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } #listify_stacks_in_1117 .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } #listify_stacks_in_1117 .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_1117 .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } #listify_stacks_in_1117 .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } #listify_stacks_in_1117 .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_1117 .w-slider-nav.w-round > div { border-radius: 100%; } #listify_stacks_in_1117 .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } #listify_stacks_in_1117 .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } #listify_stacks_in_1117 .w-slider-nav-invert { color: #fff; } #listify_stacks_in_1117 .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } #listify_stacks_in_1117 .w-slider-nav-invert > div.w-active { background-color: #222; } #listify_stacks_in_1117 .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } #listify_stacks_in_1117 .w-slider-dot.w-active { background-color: #fff; } #listify_stacks_in_1117 .w-slider-arrow-left, #listify_stacks_in_1117 .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1117 .w-slider-arrow-left [class^="w-icon-"], #listify_stacks_in_1117 .w-slider-arrow-right [class^="w-icon-"], #listify_stacks_in_1117 .w-slider-arrow-left [class*=" w-icon-"], #listify_stacks_in_1117 .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } #listify_stacks_in_1117 .w-slider-arrow-left { z-index: 3; right: auto; } #listify_stacks_in_1117 .w-slider-arrow-right { z-index: 4; left: auto; } #listify_stacks_in_1117 .w-icon-slider-left, #listify_stacks_in_1117 .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } #listify_stacks_in_1117 .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } #listify_stacks_in_1117 .w-dropdown-btn, #listify_stacks_in_1117 .w-dropdown-toggle, #listify_stacks_in_1117 .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } #listify_stacks_in_1117 .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } #listify_stacks_in_1117 .w-dropdown-toggle:focus { outline: 0; } #listify_stacks_in_1117 .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } #listify_stacks_in_1117 .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } #listify_stacks_in_1117 .w-dropdown-list.w--open { display: block; } #listify_stacks_in_1117 .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } #listify_stacks_in_1117 .w-dropdown-link.w--current { color: #0082f3; } #listify_stacks_in_1117 .w-nav[data-collapse="all"] .w-dropdown, #listify_stacks_in_1117 .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1117 .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { #listify_stacks_in_1117 .w-nav[data-collapse="medium"] .w-dropdown, #listify_stacks_in_1117 .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1117 .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { #listify_stacks_in_1117 .w-nav[data-collapse="small"] .w-dropdown, #listify_stacks_in_1117 .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1117 .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } #listify_stacks_in_1117 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_1117 .w-nav[data-collapse="tiny"] .w-dropdown, #listify_stacks_in_1117 .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1117 .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } #listify_stacks_in_1117 .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_1117 .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_1117 .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } #listify_stacks_in_1117 .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } #listify_stacks_in_1117 .w-lightbox-view:before { content: ""; height: 100vh; } #listify_stacks_in_1117 .w-lightbox-group { height: 86vh; } #listify_stacks_in_1117 .w-lightbox-group .w-lightbox-view { height: 86vh; } #listify_stacks_in_1117 .w-lightbox-group .w-lightbox-view:before { height: 86vh; } #listify_stacks_in_1117 .w-lightbox-frame, #listify_stacks_in_1117 .w-lightbox-view:before { display: inline-block; vertical-align: middle; } #listify_stacks_in_1117 .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } #listify_stacks_in_1117 .w-lightbox-group .w-lightbox-figure { cursor: pointer; } #listify_stacks_in_1117 .w-lightbox-img { width: auto; height: auto; max-width: none; } #listify_stacks_in_1117 .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } #listify_stacks_in_1117 .w-lightbox-group .w-lightbox-image { max-height: 86vh; } #listify_stacks_in_1117 .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #listify_stacks_in_1117 .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1117 .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } #listify_stacks_in_1117 .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } #listify_stacks_in_1117 .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } #listify_stacks_in_1117 .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } #listify_stacks_in_1117 .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } #listify_stacks_in_1117 .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } #listify_stacks_in_1117 .w-lightbox-active { opacity: .3; } #listify_stacks_in_1117 .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } #listify_stacks_in_1117 .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } #listify_stacks_in_1117 .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #listify_stacks_in_1117 .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #listify_stacks_in_1117 .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } #listify_stacks_in_1117 .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } #listify_stacks_in_1117 .w-lightbox-hide { display: none; } #listify_stacks_in_1117 .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { #listify_stacks_in_1117 { /* .w-lightbox-content */ } #listify_stacks_in_1117 .w-lightbox-content { height: 96vh; margin-top: 2vh; } #listify_stacks_in_1117 .w-lightbox-view { height: 96vh; } #listify_stacks_in_1117 .w-lightbox-view:before { height: 96vh; } #listify_stacks_in_1117 .w-lightbox-group { height: 84vh; } #listify_stacks_in_1117 .w-lightbox-group .w-lightbox-view { height: 84vh; } #listify_stacks_in_1117 .w-lightbox-group .w-lightbox-view:before { height: 84vh; } #listify_stacks_in_1117 .w-lightbox-image { max-width: 96vw; max-height: 96vh; } #listify_stacks_in_1117 .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } #listify_stacks_in_1117 .w-lightbox-left, #listify_stacks_in_1117 .w-lightbox-right { display: block; opacity: .5; } #listify_stacks_in_1117 .w-lightbox-close { opacity: .8; } #listify_stacks_in_1117 .w-lightbox-control:hover { opacity: 1; } } #listify_stacks_in_1117 .w-lightbox-inactive { opacity: 0; } #listify_stacks_in_1117 .w-lightbox-inactive:hover { opacity: 0; } #listify_stacks_in_1117 .w-richtext:before { content: " "; display: table; } #listify_stacks_in_1117 .w-richtext:after { content: " "; display: table; clear: both; } #listify_stacks_in_1117 .w-richtext ol, #listify_stacks_in_1117 .w-richtext ul { overflow: hidden; } #listify_stacks_in_1117 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before, #listify_stacks_in_1117 .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before, #listify_stacks_in_1117 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, #listify_stacks_in_1117 .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } #listify_stacks_in_1117 .w-richtext figure { position: relative; max-width: 60%; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-figure-type-video > div:before, #listify_stacks_in_1117 .w-richtext figure[data-rt-type="video"] > div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } #listify_stacks_in_1117 .w-richtext figure > div:before { cursor: default !important; } #listify_stacks_in_1117 .w-richtext figure img { cursor: default !important; width: 100%; } #listify_stacks_in_1117 .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } #listify_stacks_in_1117 .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-figure-type-image, #listify_stacks_in_1117 .w-richtext figure[data-rt-type="image"] { display: table; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-figure-type-image > div, #listify_stacks_in_1117 .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-figure-type-image > figcaption, #listify_stacks_in_1117 .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-figure-type-video, #listify_stacks_in_1117 .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-figure-type-video iframe, #listify_stacks_in_1117 .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-figure-type-video > div, #listify_stacks_in_1117 .w-richtext figure[data-rt-type="video"] > div { width: 100%; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-normal { clear: both; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures * we want the div to inherit that so hover/selection borders in the designer-canvas * fit right */ padding-bottom: inherit; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } #listify_stacks_in_1117 .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } #listify_stacks_in_1117 .w-nav { position: relative; background: #dddddd; z-index: 1000; } #listify_stacks_in_1117 .w-nav:before { content: " "; display: table; } #listify_stacks_in_1117 .w-nav:after { content: " "; display: table; clear: both; } #listify_stacks_in_1117 .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } #listify_stacks_in_1117 .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } #listify_stacks_in_1117 .w-nav-link.w--current { color: #0082f3; } #listify_stacks_in_1117 .w-nav-menu { position: relative; float: right; } #listify_stacks_in_1117 .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } #listify_stacks_in_1117 .w--nav-link-open { display: block; position: relative; } #listify_stacks_in_1117 .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } #listify_stacks_in_1117 .w-nav-overlay .w--nav-menu-open { top: 0; } #listify_stacks_in_1117 .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; right: auto; z-index: 1; top: 0; } #listify_stacks_in_1117 .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } #listify_stacks_in_1117 .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; left: auto; z-index: 1; top: 0; } #listify_stacks_in_1117 .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } #listify_stacks_in_1117 .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1117 .w-nav-button.w--open { background-color: #C8C8C8; color: white; } #listify_stacks_in_1117 .w-nav[data-collapse="all"] .w-nav-menu { display: none; } #listify_stacks_in_1117 .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { #listify_stacks_in_1117 .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } #listify_stacks_in_1117 .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { #listify_stacks_in_1117 .w-nav[data-collapse="small"] .w-nav-menu { display: none; } #listify_stacks_in_1117 .w-nav[data-collapse="small"] .w-nav-button { display: block; } #listify_stacks_in_1117 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_1117 .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } #listify_stacks_in_1117 .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } #listify_stacks_in_1117 .w-tabs { position: relative; } #listify_stacks_in_1117 .w-tabs:before { content: " "; display: table; } #listify_stacks_in_1117 .w-tabs:after { content: " "; display: table; clear: both; } #listify_stacks_in_1117 .w-tab-menu { position: relative; } #listify_stacks_in_1117 .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } #listify_stacks_in_1117 .w-tab-link.w--current { background-color: #C8C8C8; } #listify_stacks_in_1117 .w-tab-content { position: relative; display: block; overflow: hidden; } #listify_stacks_in_1117 .w-tab-pane { position: relative; display: none; } #listify_stacks_in_1117 .w--tab-active { display: block; } @media screen and (max-width: 479px) { #listify_stacks_in_1117 .w-tab-link { display: block; } } #listify_stacks_in_1117 .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #listify_stacks_in_1117 .w-dyn-empty { padding: 10px; background-color: #dddddd; } #listify_stacks_in_1117 .w-dyn-bind-empty, #listify_stacks_in_1117 .w-condition-invisible { display: none !important; } .list-container { margin-top: 0px; overflow: hidden; margin-left: auto; margin-right: auto; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .section { top: 0px; left: 0px; right: 0px; bottom: 0px; padding-top: 0px; position: absolute; padding-bottom: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; } .section.main { display: none; } .container { -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; } #listify_stacks_in_1117 { -webkit-box-sizing: border-box; box-sizing: border-box; /* */ width: 100%; /* */ /* */ } #listify_stacks_in_1117 .list { overflow: hidden; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ background: none; /* */ /* */ /* */ /* */ /* */ border-width: 2px 2px 2px 2px; border-style: solid; border-color: rgba(76, 76, 76, 1.00); /* */ /* */ -webkit-box-shadow: 2px 3px 10px 2px rgba(76, 76, 76, 0.90); box-shadow: 2px 3px 10px 2px rgba(76, 76, 76, 0.90); position: relative; z-index: 5; /* */ } #listify_stacks_in_1117 .list-item { list-style-type: none; margin-bottom: 5px; } #listify_stacks_in_1117 .list-item ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1117 .list-item a { cursor: pointer; text-decoration: none; } #listify_stacks_in_1117 .list-item-inner { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin: 0px auto 0px auto; padding: 8px 8px 8px 8px; border-radius: 5px; /* */ border-width: 1px 1px 1px 1px; border-style: ridge; border-color: rgba(128, 0, 64, 1.00); /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; /* */ /* */ /* */ /* */ } #listify_stacks_in_1117 .list-item-icon { flex: 0 auto; -ms-flex: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; vertical-align: middle; padding: 5px; line-height: 1; border-radius: 50px; /* */ margin-right: 5px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; /* */ /* */ /* */ -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ /* */ /* */ background: none; /* */ /* */ /* */ /* */ } #listify_stacks_in_1117 .list-item-icon.hide-icon { display: none; } #listify_stacks_in_1117 .list-item-icon i { color: rgba(0, 0, 0, 1.00); font-size: 20px; vertical-align: middle; /* */ } #listify_stacks_in_1117 .list-item-text { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; -ms-grid-row-align: center; align-self: center; word-wrap: break-word; -webkit-align-self: center; -ms-flex-item-align: center; color: rgba(0, 0, 0, 1.00); font-size: 16px; line-height: 22px; font-family: inherit; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_1117 .list-item-text.hide-text { display: none; } /* */ /* */ #listify_stacks_in_1117 .list-item-inner { margin: 10px 10px 10px 10px; } @media only screen and (max-width: 440px) { #listify_stacks_in_1117.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listify_stacks_in_1117.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listify_stacks_in_1117.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1118.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1118.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1118.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1118.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1120.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1120.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1120.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1120.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1122.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1122.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1122.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1122.hide-d { display: none; } } /* */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(listify-files/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(listify-files/MaterialIcons-Regular.woff2) format('woff2'), url(listify-files/MaterialIcons-Regular.woff) format('woff'), url(listify-files/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("listify-files/ionicons.eot?v=2.0.1");src:url("listify-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("listify-files/ionicons.ttf?v=2.0.1") format("truetype"),url("listify-files/ionicons.woff?v=2.0.1") format("woff"),url("listify-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} #listify_stacks_in_1089 { /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ /** * Remove default margin. */ /* HTML5 display definitions * ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ /* Links * ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability of focused elements when they are also in an * active/hover state. */ /* Text-level semantics * ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in Safari and Chrome. */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in IE 8/9. */ /** * Address inconsistent and variable font size in all browsers. */ /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content * ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content * ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ /** * Address odd `em`-unit font size rendering in all browsers. */ /* Forms * ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ /** * Re-set default cursor for disabled elements. */ /** * Remove inner padding and border in Firefox 4+. */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* Tables * ========================================================================== */ /** * Remove most spacing between table cells. */ /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ /* .w-lightbox-content */ /* * 1. Remove default margin set by user-agent on the
element. */ /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ /** * 1. Reset if style is set by user on "All Images" */ /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ /** * 1. All IE versions add extra space at the bottom without this. */ /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ /* * Utility classes */ } #listify_stacks_in_1089 html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } #listify_stacks_in_1089 body { margin: 0; } #listify_stacks_in_1089 article, #listify_stacks_in_1089 aside, #listify_stacks_in_1089 details, #listify_stacks_in_1089 figcaption, #listify_stacks_in_1089 figure, #listify_stacks_in_1089 footer, #listify_stacks_in_1089 header, #listify_stacks_in_1089 hgroup, #listify_stacks_in_1089 main, #listify_stacks_in_1089 menu, #listify_stacks_in_1089 nav, #listify_stacks_in_1089 section, #listify_stacks_in_1089 summary { display: block; } #listify_stacks_in_1089 audio, #listify_stacks_in_1089 canvas, #listify_stacks_in_1089 progress, #listify_stacks_in_1089 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } #listify_stacks_in_1089 audio:not([controls]) { display: none; height: 0; } #listify_stacks_in_1089 [hidden], #listify_stacks_in_1089 template { display: none; } #listify_stacks_in_1089 a { background-color: transparent; } #listify_stacks_in_1089 a:active, #listify_stacks_in_1089 a:hover { outline: 0; } #listify_stacks_in_1089 abbr[title] { border-bottom: 1px dotted; } #listify_stacks_in_1089 b, #listify_stacks_in_1089 strong { font-weight: bold; } #listify_stacks_in_1089 dfn { font-style: italic; } #listify_stacks_in_1089 h1 { font-size: 2em; margin: 0.67em 0; } #listify_stacks_in_1089 mark { background: #ff0; color: #000; } #listify_stacks_in_1089 small { font-size: 80%; } #listify_stacks_in_1089 sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #listify_stacks_in_1089 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } #listify_stacks_in_1089 sub { bottom: -0.25em; } #listify_stacks_in_1089 img { border: 0; } #listify_stacks_in_1089 svg:not(:root) { overflow: hidden; } #listify_stacks_in_1089 figure { margin: 1em 40px; } #listify_stacks_in_1089 hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } #listify_stacks_in_1089 pre { overflow: auto; } #listify_stacks_in_1089 code, #listify_stacks_in_1089 kbd, #listify_stacks_in_1089 pre, #listify_stacks_in_1089 samp { font-family: monospace, monospace; font-size: 1em; } #listify_stacks_in_1089 button, #listify_stacks_in_1089 input, #listify_stacks_in_1089 optgroup, #listify_stacks_in_1089 select, #listify_stacks_in_1089 textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } #listify_stacks_in_1089 button { overflow: visible; text-transform: none; } #listify_stacks_in_1089 select { text-transform: none; } #listify_stacks_in_1089 button, #listify_stacks_in_1089 html input[type="button"], #listify_stacks_in_1089 input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } #listify_stacks_in_1089 button[disabled], #listify_stacks_in_1089 html input[disabled] { cursor: default; } #listify_stacks_in_1089 button::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_1089 input { line-height: normal; } #listify_stacks_in_1089 input::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_1089 input[type="checkbox"], #listify_stacks_in_1089 input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_1089 input[type="number"]::-webkit-inner-spin-button, #listify_stacks_in_1089 input[type="number"]::-webkit-outer-spin-button { height: auto; } #listify_stacks_in_1089 input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } #listify_stacks_in_1089 input[type="search"]::-webkit-search-cancel-button, #listify_stacks_in_1089 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #listify_stacks_in_1089 fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #listify_stacks_in_1089 legend { border: 0; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_1089 textarea { overflow: auto; } #listify_stacks_in_1089 optgroup { font-weight: bold; } #listify_stacks_in_1089 table { border-collapse: collapse; border-spacing: 0; } #listify_stacks_in_1089 td, #listify_stacks_in_1089 th { padding: 0; } @font-face { #listify_stacks_in_1089 { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); font-weight: normal; font-style: normal; } } #listify_stacks_in_1089 [class^="w-icon-"], #listify_stacks_in_1089 [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #listify_stacks_in_1089 .w-icon-slider-right:before { content: "\e600"; } #listify_stacks_in_1089 .w-icon-slider-left:before { content: "\e601"; } #listify_stacks_in_1089 .w-icon-nav-menu:before { content: "\e602"; } #listify_stacks_in_1089 .w-icon-arrow-down:before, #listify_stacks_in_1089 .w-icon-dropdown-toggle:before { content: "\e603"; } #listify_stacks_in_1089 * { -webkit-box-sizing: border-box; box-sizing: border-box; } #listify_stacks_in_1089 html { height: 100%; } #listify_stacks_in_1089 body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } #listify_stacks_in_1089 img { max-width: 100%; vertical-align: middle; display: inline-block; } #listify_stacks_in_1089 html.w-mod-touch * { background-attachment: scroll !important; } #listify_stacks_in_1089 .w-block { display: block; } #listify_stacks_in_1089 .w-inline-block { max-width: 100%; display: inline-block; } #listify_stacks_in_1089 .w-clearfix:before { content: " "; display: table; } #listify_stacks_in_1089 .w-clearfix:after { content: " "; display: table; clear: both; } #listify_stacks_in_1089 .w-preserve-3d { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #listify_stacks_in_1089 .w-hidden { display: none; } #listify_stacks_in_1089 .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } #listify_stacks_in_1089 input.w-button { -webkit-appearance: button; } #listify_stacks_in_1089 html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } #listify_stacks_in_1089 .w-webflow-badge { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1.0 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); } #listify_stacks_in_1089 .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } #listify_stacks_in_1089 .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } #listify_stacks_in_1089 h1, #listify_stacks_in_1089 h2, #listify_stacks_in_1089 h3, #listify_stacks_in_1089 h4, #listify_stacks_in_1089 h5, #listify_stacks_in_1089 h6 { font-weight: bold; margin-bottom: 10px; } #listify_stacks_in_1089 h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } #listify_stacks_in_1089 h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } #listify_stacks_in_1089 h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } #listify_stacks_in_1089 h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } #listify_stacks_in_1089 h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } #listify_stacks_in_1089 h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } #listify_stacks_in_1089 p { margin-top: 0; margin-bottom: 10px; } #listify_stacks_in_1089 a:focus { outline: 0; } #listify_stacks_in_1089 blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } #listify_stacks_in_1089 figure { margin: 0; margin-bottom: 10px; } #listify_stacks_in_1089 figcaption { margin-top: 5px; text-align: center; } #listify_stacks_in_1089 ul, #listify_stacks_in_1089 ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } #listify_stacks_in_1089 .w-list-unstyled { padding-left: 0; list-style: none; } #listify_stacks_in_1089 .w-embed:before { content: " "; display: table; } #listify_stacks_in_1089 .w-embed:after { content: " "; display: table; clear: both; } #listify_stacks_in_1089 .w-video { width: 100%; position: relative; padding: 0; } #listify_stacks_in_1089 .w-video iframe, #listify_stacks_in_1089 .w-video object, #listify_stacks_in_1089 .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1089 fieldset { padding: 0; margin: 0; border: 0; } #listify_stacks_in_1089 button, #listify_stacks_in_1089 html input[type="button"], #listify_stacks_in_1089 input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; } #listify_stacks_in_1089 .w-form { margin: 0 0 15px; } #listify_stacks_in_1089 .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } #listify_stacks_in_1089 .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } #listify_stacks_in_1089 label { display: block; margin-bottom: 5px; font-weight: bold; } #listify_stacks_in_1089 .w-input, #listify_stacks_in_1089 .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } #listify_stacks_in_1089 .w-input:-moz-placeholder, #listify_stacks_in_1089 .w-select:-moz-placeholder { color: #999; } #listify_stacks_in_1089 .w-input::-moz-placeholder, #listify_stacks_in_1089 .w-select::-moz-placeholder { color: #999; opacity: 1; } #listify_stacks_in_1089 .w-input:-ms-input-placeholder, #listify_stacks_in_1089 .w-select:-ms-input-placeholder, #listify_stacks_in_1089 .w-input::-webkit-input-placeholder, #listify_stacks_in_1089 .w-select::-webkit-input-placeholder { color: #999; } #listify_stacks_in_1089 .w-input:focus, #listify_stacks_in_1089 .w-select:focus { border-color: #3898EC; outline: 0; } #listify_stacks_in_1089 .w-input[disabled], #listify_stacks_in_1089 .w-select[disabled], #listify_stacks_in_1089 .w-input[readonly], #listify_stacks_in_1089 .w-select[readonly] { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_1089 fieldset[disabled] .w-input, #listify_stacks_in_1089 fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_1089 textarea.w-input, #listify_stacks_in_1089 textarea.w-select { height: auto; } #listify_stacks_in_1089 .w-select { background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3)); background-image: linear-gradient(white 0%, #f3f3f3 100%); } #listify_stacks_in_1089 .w-select[multiple] { height: auto; } #listify_stacks_in_1089 .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } #listify_stacks_in_1089 .w-checkbox, #listify_stacks_in_1089 .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } #listify_stacks_in_1089 .w-checkbox:before, #listify_stacks_in_1089 .w-radio:before, #listify_stacks_in_1089 .w-checkbox:after, #listify_stacks_in_1089 .w-radio:after { content: " "; display: table; } #listify_stacks_in_1089 .w-checkbox:after, #listify_stacks_in_1089 .w-radio:after { clear: both; } #listify_stacks_in_1089 .w-checkbox-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } #listify_stacks_in_1089 .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; margin-top: 3px; } #listify_stacks_in_1089 .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } #listify_stacks_in_1089 .w-container:before { content: " "; display: table; } #listify_stacks_in_1089 .w-container:after { content: " "; display: table; clear: both; } #listify_stacks_in_1089 .w-container .w-row { margin-left: -10px; margin-right: -10px; } #listify_stacks_in_1089 .w-row:before { content: " "; display: table; } #listify_stacks_in_1089 .w-row:after { content: " "; display: table; clear: both; } #listify_stacks_in_1089 .w-row .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_1089 .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } #listify_stacks_in_1089 .w-col .w-col { padding-left: 0; padding-right: 0; } #listify_stacks_in_1089 .w-col-1 { width: 8.33333333%; } #listify_stacks_in_1089 .w-col-2 { width: 16.66666667%; } #listify_stacks_in_1089 .w-col-3 { width: 25%; } #listify_stacks_in_1089 .w-col-4 { width: 33.33333333%; } #listify_stacks_in_1089 .w-col-5 { width: 41.66666667%; } #listify_stacks_in_1089 .w-col-6 { width: 50%; } #listify_stacks_in_1089 .w-col-7 { width: 58.33333333%; } #listify_stacks_in_1089 .w-col-8 { width: 66.66666667%; } #listify_stacks_in_1089 .w-col-9 { width: 75%; } #listify_stacks_in_1089 .w-col-10 { width: 83.33333333%; } #listify_stacks_in_1089 .w-col-11 { width: 91.66666667%; } #listify_stacks_in_1089 .w-col-12 { width: 100%; } #listify_stacks_in_1089 .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { #listify_stacks_in_1089 .w-container { max-width: 728px; } #listify_stacks_in_1089 .w-hidden-main { display: inherit !important; } #listify_stacks_in_1089 .w-hidden-medium { display: none !important; } #listify_stacks_in_1089 .w-col-medium-1 { width: 8.33333333%; } #listify_stacks_in_1089 .w-col-medium-2 { width: 16.66666667%; } #listify_stacks_in_1089 .w-col-medium-3 { width: 25%; } #listify_stacks_in_1089 .w-col-medium-4 { width: 33.33333333%; } #listify_stacks_in_1089 .w-col-medium-5 { width: 41.66666667%; } #listify_stacks_in_1089 .w-col-medium-6 { width: 50%; } #listify_stacks_in_1089 .w-col-medium-7 { width: 58.33333333%; } #listify_stacks_in_1089 .w-col-medium-8 { width: 66.66666667%; } #listify_stacks_in_1089 .w-col-medium-9 { width: 75%; } #listify_stacks_in_1089 .w-col-medium-10 { width: 83.33333333%; } #listify_stacks_in_1089 .w-col-medium-11 { width: 91.66666667%; } #listify_stacks_in_1089 .w-col-medium-12 { width: 100%; } #listify_stacks_in_1089 .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { #listify_stacks_in_1089 .w-hidden-main, #listify_stacks_in_1089 .w-hidden-medium { display: inherit !important; } #listify_stacks_in_1089 .w-hidden-small { display: none !important; } #listify_stacks_in_1089 .w-row, #listify_stacks_in_1089 .w-container .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_1089 .w-col { width: 100%; left: auto; right: auto; } #listify_stacks_in_1089 .w-col-small-1 { width: 8.33333333%; } #listify_stacks_in_1089 .w-col-small-2 { width: 16.66666667%; } #listify_stacks_in_1089 .w-col-small-3 { width: 25%; } #listify_stacks_in_1089 .w-col-small-4 { width: 33.33333333%; } #listify_stacks_in_1089 .w-col-small-5 { width: 41.66666667%; } #listify_stacks_in_1089 .w-col-small-6 { width: 50%; } #listify_stacks_in_1089 .w-col-small-7 { width: 58.33333333%; } #listify_stacks_in_1089 .w-col-small-8 { width: 66.66666667%; } #listify_stacks_in_1089 .w-col-small-9 { width: 75%; } #listify_stacks_in_1089 .w-col-small-10 { width: 83.33333333%; } #listify_stacks_in_1089 .w-col-small-11 { width: 91.66666667%; } #listify_stacks_in_1089 .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { #listify_stacks_in_1089 .w-container { max-width: none; } #listify_stacks_in_1089 .w-hidden-main, #listify_stacks_in_1089 .w-hidden-medium, #listify_stacks_in_1089 .w-hidden-small { display: inherit !important; } #listify_stacks_in_1089 .w-hidden-tiny { display: none !important; } #listify_stacks_in_1089 .w-col { width: 100%; } #listify_stacks_in_1089 .w-col-tiny-1 { width: 8.33333333%; } #listify_stacks_in_1089 .w-col-tiny-2 { width: 16.66666667%; } #listify_stacks_in_1089 .w-col-tiny-3 { width: 25%; } #listify_stacks_in_1089 .w-col-tiny-4 { width: 33.33333333%; } #listify_stacks_in_1089 .w-col-tiny-5 { width: 41.66666667%; } #listify_stacks_in_1089 .w-col-tiny-6 { width: 50%; } #listify_stacks_in_1089 .w-col-tiny-7 { width: 58.33333333%; } #listify_stacks_in_1089 .w-col-tiny-8 { width: 66.66666667%; } #listify_stacks_in_1089 .w-col-tiny-9 { width: 75%; } #listify_stacks_in_1089 .w-col-tiny-10 { width: 83.33333333%; } #listify_stacks_in_1089 .w-col-tiny-11 { width: 91.66666667%; } #listify_stacks_in_1089 .w-col-tiny-12 { width: 100%; } } #listify_stacks_in_1089 .w-widget { position: relative; } #listify_stacks_in_1089 .w-widget-map { width: 100%; height: 400px; } #listify_stacks_in_1089 .w-widget-map label { width: auto; display: inline; } #listify_stacks_in_1089 .w-widget-map img { max-width: inherit; } #listify_stacks_in_1089 .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } #listify_stacks_in_1089 .w-widget-map .gm-style-iw + div { display: none; } #listify_stacks_in_1089 .w-widget-twitter { overflow: hidden; } #listify_stacks_in_1089 .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1089 .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } #listify_stacks_in_1089 .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical):before, #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--vertical:before, #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } #listify_stacks_in_1089 .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } #listify_stacks_in_1089 .w-widget-gplus { overflow: hidden; } #listify_stacks_in_1089 .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } #listify_stacks_in_1089 .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } #listify_stacks_in_1089 .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_1089 .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } #listify_stacks_in_1089 .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } #listify_stacks_in_1089 .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_1089 .w-slider-nav.w-round > div { border-radius: 100%; } #listify_stacks_in_1089 .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } #listify_stacks_in_1089 .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } #listify_stacks_in_1089 .w-slider-nav-invert { color: #fff; } #listify_stacks_in_1089 .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } #listify_stacks_in_1089 .w-slider-nav-invert > div.w-active { background-color: #222; } #listify_stacks_in_1089 .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } #listify_stacks_in_1089 .w-slider-dot.w-active { background-color: #fff; } #listify_stacks_in_1089 .w-slider-arrow-left, #listify_stacks_in_1089 .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1089 .w-slider-arrow-left [class^="w-icon-"], #listify_stacks_in_1089 .w-slider-arrow-right [class^="w-icon-"], #listify_stacks_in_1089 .w-slider-arrow-left [class*=" w-icon-"], #listify_stacks_in_1089 .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } #listify_stacks_in_1089 .w-slider-arrow-left { z-index: 3; right: auto; } #listify_stacks_in_1089 .w-slider-arrow-right { z-index: 4; left: auto; } #listify_stacks_in_1089 .w-icon-slider-left, #listify_stacks_in_1089 .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } #listify_stacks_in_1089 .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } #listify_stacks_in_1089 .w-dropdown-btn, #listify_stacks_in_1089 .w-dropdown-toggle, #listify_stacks_in_1089 .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } #listify_stacks_in_1089 .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } #listify_stacks_in_1089 .w-dropdown-toggle:focus { outline: 0; } #listify_stacks_in_1089 .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } #listify_stacks_in_1089 .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } #listify_stacks_in_1089 .w-dropdown-list.w--open { display: block; } #listify_stacks_in_1089 .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } #listify_stacks_in_1089 .w-dropdown-link.w--current { color: #0082f3; } #listify_stacks_in_1089 .w-nav[data-collapse="all"] .w-dropdown, #listify_stacks_in_1089 .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1089 .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { #listify_stacks_in_1089 .w-nav[data-collapse="medium"] .w-dropdown, #listify_stacks_in_1089 .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1089 .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { #listify_stacks_in_1089 .w-nav[data-collapse="small"] .w-dropdown, #listify_stacks_in_1089 .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1089 .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } #listify_stacks_in_1089 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_1089 .w-nav[data-collapse="tiny"] .w-dropdown, #listify_stacks_in_1089 .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } #listify_stacks_in_1089 .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } #listify_stacks_in_1089 .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_1089 .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_1089 .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } #listify_stacks_in_1089 .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } #listify_stacks_in_1089 .w-lightbox-view:before { content: ""; height: 100vh; } #listify_stacks_in_1089 .w-lightbox-group { height: 86vh; } #listify_stacks_in_1089 .w-lightbox-group .w-lightbox-view { height: 86vh; } #listify_stacks_in_1089 .w-lightbox-group .w-lightbox-view:before { height: 86vh; } #listify_stacks_in_1089 .w-lightbox-frame, #listify_stacks_in_1089 .w-lightbox-view:before { display: inline-block; vertical-align: middle; } #listify_stacks_in_1089 .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } #listify_stacks_in_1089 .w-lightbox-group .w-lightbox-figure { cursor: pointer; } #listify_stacks_in_1089 .w-lightbox-img { width: auto; height: auto; max-width: none; } #listify_stacks_in_1089 .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } #listify_stacks_in_1089 .w-lightbox-group .w-lightbox-image { max-height: 86vh; } #listify_stacks_in_1089 .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #listify_stacks_in_1089 .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1089 .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } #listify_stacks_in_1089 .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } #listify_stacks_in_1089 .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } #listify_stacks_in_1089 .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } #listify_stacks_in_1089 .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } #listify_stacks_in_1089 .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } #listify_stacks_in_1089 .w-lightbox-active { opacity: .3; } #listify_stacks_in_1089 .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } #listify_stacks_in_1089 .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } #listify_stacks_in_1089 .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #listify_stacks_in_1089 .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #listify_stacks_in_1089 .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } #listify_stacks_in_1089 .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } #listify_stacks_in_1089 .w-lightbox-hide { display: none; } #listify_stacks_in_1089 .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { #listify_stacks_in_1089 { /* .w-lightbox-content */ } #listify_stacks_in_1089 .w-lightbox-content { height: 96vh; margin-top: 2vh; } #listify_stacks_in_1089 .w-lightbox-view { height: 96vh; } #listify_stacks_in_1089 .w-lightbox-view:before { height: 96vh; } #listify_stacks_in_1089 .w-lightbox-group { height: 84vh; } #listify_stacks_in_1089 .w-lightbox-group .w-lightbox-view { height: 84vh; } #listify_stacks_in_1089 .w-lightbox-group .w-lightbox-view:before { height: 84vh; } #listify_stacks_in_1089 .w-lightbox-image { max-width: 96vw; max-height: 96vh; } #listify_stacks_in_1089 .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } #listify_stacks_in_1089 .w-lightbox-left, #listify_stacks_in_1089 .w-lightbox-right { display: block; opacity: .5; } #listify_stacks_in_1089 .w-lightbox-close { opacity: .8; } #listify_stacks_in_1089 .w-lightbox-control:hover { opacity: 1; } } #listify_stacks_in_1089 .w-lightbox-inactive { opacity: 0; } #listify_stacks_in_1089 .w-lightbox-inactive:hover { opacity: 0; } #listify_stacks_in_1089 .w-richtext:before { content: " "; display: table; } #listify_stacks_in_1089 .w-richtext:after { content: " "; display: table; clear: both; } #listify_stacks_in_1089 .w-richtext ol, #listify_stacks_in_1089 .w-richtext ul { overflow: hidden; } #listify_stacks_in_1089 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before, #listify_stacks_in_1089 .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before, #listify_stacks_in_1089 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, #listify_stacks_in_1089 .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } #listify_stacks_in_1089 .w-richtext figure { position: relative; max-width: 60%; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-figure-type-video > div:before, #listify_stacks_in_1089 .w-richtext figure[data-rt-type="video"] > div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } #listify_stacks_in_1089 .w-richtext figure > div:before { cursor: default !important; } #listify_stacks_in_1089 .w-richtext figure img { cursor: default !important; width: 100%; } #listify_stacks_in_1089 .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } #listify_stacks_in_1089 .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-figure-type-image, #listify_stacks_in_1089 .w-richtext figure[data-rt-type="image"] { display: table; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-figure-type-image > div, #listify_stacks_in_1089 .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-figure-type-image > figcaption, #listify_stacks_in_1089 .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-figure-type-video, #listify_stacks_in_1089 .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-figure-type-video iframe, #listify_stacks_in_1089 .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-figure-type-video > div, #listify_stacks_in_1089 .w-richtext figure[data-rt-type="video"] > div { width: 100%; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-normal { clear: both; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures * we want the div to inherit that so hover/selection borders in the designer-canvas * fit right */ padding-bottom: inherit; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } #listify_stacks_in_1089 .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } #listify_stacks_in_1089 .w-nav { position: relative; background: #dddddd; z-index: 1000; } #listify_stacks_in_1089 .w-nav:before { content: " "; display: table; } #listify_stacks_in_1089 .w-nav:after { content: " "; display: table; clear: both; } #listify_stacks_in_1089 .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } #listify_stacks_in_1089 .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } #listify_stacks_in_1089 .w-nav-link.w--current { color: #0082f3; } #listify_stacks_in_1089 .w-nav-menu { position: relative; float: right; } #listify_stacks_in_1089 .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } #listify_stacks_in_1089 .w--nav-link-open { display: block; position: relative; } #listify_stacks_in_1089 .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } #listify_stacks_in_1089 .w-nav-overlay .w--nav-menu-open { top: 0; } #listify_stacks_in_1089 .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; right: auto; z-index: 1; top: 0; } #listify_stacks_in_1089 .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } #listify_stacks_in_1089 .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; left: auto; z-index: 1; top: 0; } #listify_stacks_in_1089 .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } #listify_stacks_in_1089 .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_1089 .w-nav-button.w--open { background-color: #C8C8C8; color: white; } #listify_stacks_in_1089 .w-nav[data-collapse="all"] .w-nav-menu { display: none; } #listify_stacks_in_1089 .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { #listify_stacks_in_1089 .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } #listify_stacks_in_1089 .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { #listify_stacks_in_1089 .w-nav[data-collapse="small"] .w-nav-menu { display: none; } #listify_stacks_in_1089 .w-nav[data-collapse="small"] .w-nav-button { display: block; } #listify_stacks_in_1089 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_1089 .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } #listify_stacks_in_1089 .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } #listify_stacks_in_1089 .w-tabs { position: relative; } #listify_stacks_in_1089 .w-tabs:before { content: " "; display: table; } #listify_stacks_in_1089 .w-tabs:after { content: " "; display: table; clear: both; } #listify_stacks_in_1089 .w-tab-menu { position: relative; } #listify_stacks_in_1089 .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } #listify_stacks_in_1089 .w-tab-link.w--current { background-color: #C8C8C8; } #listify_stacks_in_1089 .w-tab-content { position: relative; display: block; overflow: hidden; } #listify_stacks_in_1089 .w-tab-pane { position: relative; display: none; } #listify_stacks_in_1089 .w--tab-active { display: block; } @media screen and (max-width: 479px) { #listify_stacks_in_1089 .w-tab-link { display: block; } } #listify_stacks_in_1089 .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #listify_stacks_in_1089 .w-dyn-empty { padding: 10px; background-color: #dddddd; } #listify_stacks_in_1089 .w-dyn-bind-empty, #listify_stacks_in_1089 .w-condition-invisible { display: none !important; } .list-container { margin-top: 0px; overflow: hidden; margin-left: auto; margin-right: auto; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .section { top: 0px; left: 0px; right: 0px; bottom: 0px; padding-top: 0px; position: absolute; padding-bottom: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; } .section.main { display: none; } .container { -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; } #listify_stacks_in_1089 { -webkit-box-sizing: border-box; box-sizing: border-box; /* */ width: 100%; /* */ /* */ } #listify_stacks_in_1089 .list { overflow: hidden; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_1089 .list-item { list-style-type: none; margin-bottom: 5px; } #listify_stacks_in_1089 .list-item ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_1089 .list-item a { cursor: pointer; text-decoration: none; } #listify_stacks_in_1089 .list-item-inner { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin: 0px auto 0px auto; padding: 8px 8px 8px 8px; border-radius: 5px; /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; /* */ /* */ /* */ /* */ } #listify_stacks_in_1089 .list-item-icon { flex: 0 auto; -ms-flex: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; vertical-align: middle; padding: 5px; line-height: 1; border-radius: 50px; /* */ margin-right: 5px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; /* */ /* */ /* */ -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ /* */ /* */ background: none; /* */ /* */ /* */ /* */ } #listify_stacks_in_1089 .list-item-icon.hide-icon { display: none; } #listify_stacks_in_1089 .list-item-icon i { color: rgba(0, 0, 0, 1.00); font-size: 20px; vertical-align: middle; /* */ } #listify_stacks_in_1089 .list-item-text { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; -ms-grid-row-align: center; align-self: center; word-wrap: break-word; -webkit-align-self: center; -ms-flex-item-align: center; color: rgba(0, 0, 0, 1.00); font-size: 16px; line-height: 22px; font-family: inherit; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_1089 .list-item-text.hide-text { display: none; } /* */ /* */ #listify_stacks_in_1089 .list-item-inner { margin: 10px 10px 10px 10px; } @media only screen and (max-width: 440px) { #listify_stacks_in_1089.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listify_stacks_in_1089.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listify_stacks_in_1089.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1090.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1090.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1090.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1090.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1093.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1093.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1093.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1093.hide-d { display: none; } } /* */ #listifyItem_stacks_in_1095.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_1095.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_1095.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_1095.hide-d { display: none; } } /* */ /* */ html { height: 100%; } body { margin: 0; } #circle-menu-stacks_in_790-outer { /* */ font-family: "Josefin Slab"; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 40px; } #circle-menu-stacks_in_790 { width: 400px; height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_790::before, #circle-menu-stacks_in_790::after { /* */ /* */ background: #21FF06; background: linear-gradient(to bottom, #21FF06, #000000); /* */ /* */ content: ''; top: 50%; left: 50%; width: 0px; height: 0px; display: block; position: absolute; transition: all 0.5s; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: background-shrink 0.5s; animation: background-shrink 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_790::after { background: rgba(0, 0, 0, 0.20); /* */ display: none; /* */ } #circle-menu-stacks_in_790 .circle-menu-toggle { /* */ /* */ background: rgba(29, 31, 32, 1.00); background: linear-gradient(to bottom right, rgba(29, 31, 32, 1.00), rgba(251, 2, 7, 1.00)); /* */ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.50); width: 100px; height: 100px; color: rgba(179, 190, 111, 1.00); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; transition: all 0.3s, opacity 0.3s 0.2s; } #circle-menu-stacks_in_790 .circle-menu-toggle.inherit-radius { border-radius: inherit; } #circle-menu-stacks_in_790 .circle-menu-toggle i { font-size: 50px; position: absolute; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } #circle-menu-stacks_in_790 .circle-menu-toggle i.icon-close { opacity: 0; } #circle-menu-stacks_in_790 .circle-menu-toggle i.icon-open { opacity: 1; } #circle-menu-stacks_in_790 .circle-menu-toggle:hover { /* */ /* */ background: rgba(0, 0, 255, 1.00); background: linear-gradient(to bottom right, rgba(0, 0, 255, 1.00), rgba(253, 128, 8, 1.00)); /* */ color: rgba(29, 31, 32, 1.00); } #circle-menu-stacks_in_790 .circle-menu-item { z-index: 1; padding: 20px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; transition: none; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; box-sizing: border-box; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_790 .circle-menu-item:hover span { opacity: 1; transition: opacity 0.3s 0.3s; } #circle-menu-stacks_in_790 .circle-menu-item-inner { width: 80px; height: 80px; text-decoration: none; color: rgba(29, 31, 32, 1.00); font-size: 40px; margin: 0; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: auto; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s; } #circle-menu-stacks_in_790 .circle-menu-item-inner:hover span { opacity: 1; visibility: visible; } #circle-menu-stacks_in_790 .circle-menu-item-inner:hover::before { opacity: 1; width: calc(100% + 30px); height: calc(100% + 30px); } #circle-menu-stacks_in_790 .circle-menu-item-inner i { /* */ /* */ background: rgba(179, 190, 111, 1.00); background: linear-gradient(to bottom right, rgba(179, 190, 111, 1.00), rgba(0, 0, 0, 1.00)); /* */ z-index: 3; width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_790 .circle-menu-item-inner::before { top: 50%; left: 50%; width: 0; height: 0; opacity: 1; z-index: -1; content: ''; display: block; position: absolute; transition: all 0.3s; border-radius: inherit; pointer-events: none; background: rgba(255, 255, 255, 0.10); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #circle-menu-stacks_in_790 .circle-menu-item span { color: rgba(179, 190, 111, 1.00); font-size: 20px; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: opacity 0.3s 0s; } #circle-menu-stacks_in_790.square-icons .circle-menu-item-inner { border-radius: 4px; } #circle-menu-stacks_in_790.circular { border-radius: 50%; } #circle-menu-stacks_in_790.square { border-radius: 5px; } @media screen\9 { ::before, ::after { width: 100%; height: 100%; } } @media screen\0 { #circle-menu-stacks_in_790.go::before, #circle-menu-stacks_in_790.go::after { width: 100%; height: 100%; } } @supports (-ms-ime-align: auto) { #circle-menu-stacks_in_790.go::before, #circle-menu-stacks_in_790.go::after { width: 100%; height: 100%; } } @supports (-ms-accelerator: auto) { #circle-menu-stacks_in_790.go::before, #circle-menu-stacks_in_790.go::after { width: 100%; height: 100%; } } #circle-menu-stacks_in_790.go::before, #circle-menu-stacks_in_790.go::after { -webkit-animation: background-expand 0.5s; animation: background-expand 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_790.go .circle-menu-toggle { box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.10); } #circle-menu-stacks_in_790.go .circle-menu-toggle i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #circle-menu-stacks_in_790.go .circle-menu-toggle i.icon-close { opacity: 1; } #circle-menu-stacks_in_790.go .circle-menu-toggle i.icon-open { opacity: 0; } #circle-menu-stacks_in_790.go .circle-menu-item-inner { opacity: 1; transition: all 0.4s; } #circle-menu-stacks_in_790.hovered .circle-menu-toggle { opacity: 0; transition: all 0.3s 0s; } #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 80px); } #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 80px); } #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: calc(100% - 80px); } #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: calc(100% - 80px); } #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(5), #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(6), #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(7), #circle-menu-stacks_in_790.go.four-item.circular .circle-menu-item:nth-child(8), #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(5), #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(6), #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(7), #circle-menu-stacks_in_790.go.four-item.square .circle-menu-item:nth-child(8) { display: none; } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 80px); margin-bottom: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: calc(100% - 80px); margin-top: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 80px); margin-right: calc(100% - 80px); } #circle-menu-stacks_in_790.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 80px); margin-right: calc(100% - 80px); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(2) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(4) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(4) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(6) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(6) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(8) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_790.eight-item.circular .circle-menu-item:nth-child(8) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_790.go.offset .circle-menu-item { box-sizing: content-box; } #circle-menu-stacks_in_790.go.offset.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_790.go.offset.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_790.go.offset.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_790.go.offset.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; margin-bottom: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: 100%; margin-top: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; margin-right: 100%; } #circle-menu-stacks_in_790.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; margin-right: 100%; } @-webkit-keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @-webkit-keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } @keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } #circle-menu-item-stacks_in_791 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_791 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_791.custom-item-colors .circle-menu-item-inner { color: rgba(255, 255, 255, 1.00); } #circle-menu-item-stacks_in_791.custom-item-colors .circle-menu-item-inner i { /* */ /* */ background: rgba(33, 255, 255, 1.00); background: linear-gradient(to right, rgba(33, 255, 255, 1.00), rgba(0, 0, 128, 1.00)); /* */ } #circle-menu-item-stacks_in_793 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_793 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_793.custom-item-colors .circle-menu-item-inner { color: rgba(255, 255, 255, 1.00); } #circle-menu-item-stacks_in_793.custom-item-colors .circle-menu-item-inner i { /* */ /* */ background: rgba(15, 128, 255, 1.00); background: linear-gradient(to top, rgba(15, 128, 255, 1.00), rgba(255, 255, 10, 1.00)); /* */ } #circle-menu-item-stacks_in_795 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_795 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_795.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_795.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_797 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_797 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_797.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_797.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_799 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_799 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_799.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_799.custom-item-colors .circle-menu-item-inner i { /* */ /* */ background: rgba(128, 0, 128, 1.00); background: linear-gradient(to bottom left, rgba(128, 0, 128, 1.00), rgba(204, 204, 204, 1.00)); /* */ } #circle-menu-item-stacks_in_801 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_801 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_801.custom-item-colors .circle-menu-item-inner { color: rgba(102, 102, 102, 1.00); } #circle-menu-item-stacks_in_801.custom-item-colors .circle-menu-item-inner i { /* */ /* */ background: rgba(255, 255, 10, 1.00); background: linear-gradient(to bottom right, rgba(255, 255, 10, 1.00), rgba(128, 255, 8, 1.00)); /* */ } #circle-menu-item-stacks_in_803 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_803 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_803.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_803.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_805 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_805 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_805.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_805.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } /* */ body { margin: 0; } #feature-slider-stacks_in_984 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_984 .feature-slide { min-height: 400px; /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_984 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_984 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(255, 255, 255, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-icon .slide-icon { width: 150px; height: 150px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_984 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(255, 255, 255, 1.00); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(0, 0, 0, 0.30); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(187, 187, 187, 1.00); font-size: 16px; padding: 10px 15px; border-radius: 30px; background: rgba(255, 255, 255, 1.00); -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; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-action > a span::before { content: 'erfahre mehr'; display: inline-block; } #feature-slider-stacks_in_984 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_984 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_984 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 0.40); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_984 .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slider-stacks_in_984.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_984.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_984.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_984.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_984.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_984.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_984.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_984.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_985.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_985.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_985.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_985.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_985.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_985.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_985.feature-slide.custom-slide-background { /* */ /* */ /* */ background: rgba(128, 0, 128, 1.00); background: -webkit-gradient(linear, left top, left bottom, from(to bottom left), color-stop(rgba(128, 0, 128, 1.00)), color-stop(rgba(251, 2, 255, 1.00)), to(rgba(252, 102, 255, 1.00))); background: linear-gradient(to bottom left, rgba(128, 0, 128, 1.00), rgba(251, 2, 255, 1.00), rgba(252, 102, 255, 1.00)); /* */ /* */ } #feature-slide-stacks_in_985.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_985.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_985.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_985.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_985.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_985.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_985.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_985.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_985.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_989.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_989.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_989.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_989.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_989.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_989.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_989.feature-slide.custom-slide-background { /* */ /* */ /* */ background: rgba(7, 64, 128, 1.00); background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(rgba(7, 64, 128, 1.00)), color-stop(rgba(15, 128, 255, 1.00)), to(rgba(102, 204, 255, 1.00))); background: linear-gradient(to bottom right, rgba(7, 64, 128, 1.00), rgba(15, 128, 255, 1.00), rgba(102, 204, 255, 1.00)); /* */ /* */ } #feature-slide-stacks_in_989.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_989.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_989.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_989.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_989.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_989.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_989.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_989.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_989.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #stacks_in_933 { margin: 0px 60px 0px 60px; padding: 20px; } #stacks_in_717 .shapes-inner-wrap-edit { margin: 0 auto;} #stacks_in_717.shapes-wrap, #stacks_in_717 .shapes-inner-wrap-edit { background-image: linear-gradient(135deg, rgba(17, 128, 2, 1.00) 0%,rgba(33, 255, 6, 1.00) 50%,rgba(255, 255, 102, 1.00) 100%); position: relative; } #stacks_in_717.shapes-wrap .shapes-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.00) 5%,rgba(0, 0, 0, 0.15) 30%,rgba(0, 0, 0, 0.35) 100%); } #stacks_in_717.shapes-wrap .shapes-content-wrap { background-repeat: repeat; background-size: 50px; background-position: center; } .shapes-pattern-wrap#pat_stacks_in_717 { width: 200px; height: 200px; transform-origin: top left; transform: scale(2); position: fixed; top: 0px; left: 0px; opacity: 0; pointer-events: none; } .shapes-pattern-wrap#pat_stacks_in_717 svg { overflow: visible; } .shapes-pattern-wrap#pat_stacks_in_717 .shapes-item-1 { fill: rgba(251, 2, 255, 1.00); stroke: rgba(251, 2, 255, 1.00); } .shapes-pattern-wrap#pat_stacks_in_717 .shapes-item-2 { fill: rgba(33, 255, 255, 1.00); stroke: rgba(33, 255, 255, 1.00); } .shapes-pattern-wrap#pat_stacks_in_717 .shapes-item-3 { fill: rgba(117, 228, 175, 1.00); stroke: rgba(117, 228, 175, 1.00); } #stacks_in_717.shapes-wrap .download-pattern { padding: 6px 12px; font-size: 14px; line-height: 14px; border-radius: 4px; background: #f3f3f3; color: #333; border: 1px solid rgba(0,0,0,0.15); position: absolute; top: 8px; right: 8px; display: none; cursor: pointer; } #stacks_in_717.debug .shapes-pattern-wrap#pat_stacks_in_717 { opacity: 1; pointer-events: all; z-index: 99999; left: 200px; top: 200px; } #stacks_in_717.debug .shapes-inner-wrap:before { content: ""; position: absolute; left: 200px; top: 200px; width: 400px; height: 400px; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); z-index: 99999; } #stacks_in_717.debug .shapes-inner-wrap:after { content: ""; position: absolute; left: 200px; top: 200px; z-index: 100000; height: 400px; width: 400px; outline: 1px solid #999; pointer-events: none; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_719, .shape-wrap#shape-stacks_in_719:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_719 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_719 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_721, .shape-wrap#shape-stacks_in_721:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_721 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_721 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_732, .shape-wrap#shape-stacks_in_732:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 85px; height: 85px; z-index: 1; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_732 img { width: 85px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_732 svg { width: 92.070999px; height: 92.070999px; stroke-width: 0px; stroke-width: 2px; fill: transparent; -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 10, 1.00)) blur(3px); filter: drop-shadow(0px 0px 5px rgba(255, 255, 10, 1.00)) blur(3px); -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 10, 1.00)) blur(3px); filter: drop-shadow(0px 0px 5px rgba(255, 255, 10, 1.00)) blur(3px); position: absolute; transform-origin: center; transform: translate(-5px,-5px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_722, .shape-wrap#shape-stacks_in_722:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_722 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_722 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_723, .shape-wrap#shape-stacks_in_723:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_723 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_723 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_724, .shape-wrap#shape-stacks_in_724:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_724 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_724 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_725, .shape-wrap#shape-stacks_in_725:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_725 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_725 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_726, .shape-wrap#shape-stacks_in_726:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_726 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_726 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_727, .shape-wrap#shape-stacks_in_727:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_727 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_727 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_728, .shape-wrap#shape-stacks_in_728:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_728 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_728 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_729, .shape-wrap#shape-stacks_in_729:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_729 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_729 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_730, .shape-wrap#shape-stacks_in_730:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_730 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_730 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_731, .shape-wrap#shape-stacks_in_731:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_731 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_731 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_733, .shape-wrap#shape-stacks_in_733:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_733 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_733 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_734, .shape-wrap#shape-stacks_in_734:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_734 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_734 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_735, .shape-wrap#shape-stacks_in_735:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_735 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_735 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_736, .shape-wrap#shape-stacks_in_736:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_736 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_736 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_737, .shape-wrap#shape-stacks_in_737:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_737 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_737 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_738, .shape-wrap#shape-stacks_in_738:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_738 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_738 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_739, .shape-wrap#shape-stacks_in_739:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 20px; height: 20px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_739 img { width: 20px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_739 svg { width: 20.000000px; height: 20.000000px; stroke-width: 0px; stroke-width: 16px; fill: transparent; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_740, .shape-wrap#shape-stacks_in_740:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_740 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_740 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_741, .shape-wrap#shape-stacks_in_741:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_741 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_741 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_742, .shape-wrap#shape-stacks_in_742:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_742 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_742 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_743, .shape-wrap#shape-stacks_in_743:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_743 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_743 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_744, .shape-wrap#shape-stacks_in_744:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_744 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_744 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_745, .shape-wrap#shape-stacks_in_745:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_745 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_745 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_746, .shape-wrap#shape-stacks_in_746:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_746 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_746 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_747, .shape-wrap#shape-stacks_in_747:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_747 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_747 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_748, .shape-wrap#shape-stacks_in_748:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_748 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_748 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_749, .shape-wrap#shape-stacks_in_749:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_749 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_749 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_750, .shape-wrap#shape-stacks_in_750:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_750 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_750 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_751, .shape-wrap#shape-stacks_in_751:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 50px; height: 50px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_751 img { width: 50px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_751 svg { width: 50.000000px; height: 50.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_752, .shape-wrap#shape-stacks_in_752:after { position: absolute; transform-origin: center; transform: translate(-50%,-50%) rotate(0deg); left: 100px; top: 100px; width: 155px; height: 155px; z-index: 0; } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_752 img { width: 155px; height: auto; opacity: 100%; position: relative; top: 50%; transform: translate(0,-50%); } .shapes-pattern-wrap .shape-wrap#shape-stacks_in_752 svg { width: 155.000000px; height: 155.000000px; stroke-width: 0px; position: absolute; transform-origin: center; transform: translate(-0px,-0px); } #stacks_in_486 { margin: 20px; padding: 20px; } #stacks_in_652 { margin: 20px; padding: 20px; } /* 1.8.1 - fixed a bug that could the form to not submit if "Exclude Incomplete Fields" was disabled - replaced multiple select with custom mutli-select field ----- replaced option elements, they were not supported in safari ----- more of the feature is built out - you can now add a delay before redirecting on succssful submition - you can now disable radio and checkbox fields - single quotes are escaped from select fields */ #stacks_in_588.sf-styles,#stacks_in_588.sf-styles * {box-sizing: border-box;} #stacks_in_588.sf-styles .age-field, #stacks_in_588.sf-styles .agree-to-terms-field { overflow: hidden; height: 0; margin: 0 !important; } #stacks_in_588.sf-styles label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_588.sf-styles select{color:#aaa}.php{display:none} #stacks_in_588.sf-styles .info{color:#00529B;background-color:#BDE5F8} #stacks_in_588.sf-styles .success{color:#4F8A10;background-color:rgba(47, 134, 56, 1.00)} #stacks_in_588.sf-styles .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_588.sf-styles .error{color:#D8000C;background-color:rgba(216, 0, 12, 1.00)} #stacks_in_588.sf-styles .sf-message { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #stacks_in_588.sf-styles .submitMessage, #stacks_in_588.sf-styles .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; border-radius:3px; margin-right: 28px; position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 99; box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0px 8px 16px rgba(0,0,0,0.2); animation: sf-message-in-out 5s ease-in-out forwards; cursor: pointer; } @keyframes sf-message-in-out { 0% { transform: translateY(0%); opacity: 0 } 5% { transform: translateY(-50%); opacity: 1 } 95% { transform: translateY(-50%); opacity: 1} 100% { transform: translateY(0%); opacity: 0} } #stacks_in_588.sf-styles.sf-no-help-text .submitMessage { margin-right: 0px; } #stacks_in_588.sf-styles.sf-no-help-text .sf-help-column { display: none; } #stacks_in_588.sf-styles .sf-help-column { transform: none !important; } #stacks_in_588.sf-styles .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_588.sf-styles .error, #stacks_in_588.sf-styles .errorMessage { background-color: rgba(216, 0, 12, 1.00); border-color: rgba(0,0,0,0.25); } #stacks_in_588.sf-styles .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_588.sf-styles .success { background-color:rgba(47, 134, 56, 1.00); border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_588.sf-styles .submitMessage h3 { font-size: 16px; line-height: 1.4; color: #fff; font-weight: bold; } #stacks_in_588.sf-styles .submitMessage h3:not(:last-child) { margin: 0 0 5px 0 !important; } #stacks_in_588.sf-styles .submitMessage h3:last-child { margin: 0 !important; } #stacks_in_588.sf-styles .submitMessage p { margin: 0; font-size: 16px; line-height: 1.4; color: #fff; } #g-captcha { position: absolute; pointer-events: none; left: 0; width: 50px; bottom: 0; opacity: 0; } #stacks_in_588.sf-styles .g-recaptcha { min-width: 0; margin: 0; } /* ---------------------------------------- */ #stacks_in_588.sf-styles form { background: rgba(243, 243, 243, 1.00); padding: 16px 32px; border-radius: 2px; margin: 0px auto; border: 0px solid rgba(243, 243, 243, 1.00); display: inline-block; max-width: 100%; } #stacks_in_588.sf-styles form .note { display: block; font-size: 75%; line-height: 1.2; color: rgba(0, 0, 0, 0.80); margin: 0px 8px; opacity: .75; } #stacks_in_588.sf-styles form .note p { margin: 0; } #stacks_in_588.sf-styles .controls { position: relative; margin-bottom: 16px; width: 400px; max-width: 100%; display: grid; grid-template-columns: 80px 1fr 20px; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #stacks_in_588.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_588.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group.hidden, #stacks_in_588.sf-styles .controls.hidden { display: none !important; pointer-events: none; } #stacks_in_588.sf-styles .controls.sf-disabled.sf-input { cursor: not-allowed; } #stacks_in_588.sf-styles .controls.sf-disabled.sf-checkbox label, #stacks_in_588.sf-styles .controls.sf-disabled.sf-checkbox input, #stacks_in_588.sf-styles .controls.sf-disabled.sf-input label, #stacks_in_588.sf-styles .controls.sf-disabled.sf-input input { opacity: .5; pointer-events: none; } #stacks_in_588.sf-styles.sf-no-help-text .controls { grid-template-columns: 80px 1fr; } #stacks_in_588.sf-styles .deluxe-columns > div { min-width: 0; } #stacks_in_588.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_588.sf-styles .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr 20px; } #stacks_in_588.sf-styles.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 80px 22px 1fr; } #stacks_in_588.sf-styles .controls.sf-checkbox label { cursor: pointer; } #stacks_in_588.sf-styles .controls.sf-submit { grid-template-columns: 80px min-content 20px; grid-gap: 0px 8px; } #stacks_in_588.sf-styles .controls.sf-submit .sf-message:empty { display: none; } #stacks_in_588.sf-styles.sf-no-help-text .controls.sf-submit { grid-template-columns: 80px min-content; } #stacks_in_588.sf-styles .controls.sf-file { grid-template-columns: 80px 1fr min-content 20px; } #stacks_in_588.sf-styles.sf-no-help-text .controls.sf-file { grid-template-columns: 80px 1fr min-content; } #stacks_in_588.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_588.sf-styles .steps .step .controls label, #stacks_in_588.sf-styles .controls label { font-size: 16px; line-height: 1; } #stacks_in_588.sf-styles .controls label { color: rgba(0, 0, 0, 0.80); margin: 0; } #stacks_in_588.sf-styles .controls label img { display: inline; } #stacks_in_588.sf-styles .controls:not(.sf-checkbox) label { pointer-events: none; } #stacks_in_588.sf-styles .controls .field-icon { position: absolute; right: 8px; top: 50%; fill: rgba(0, 0, 0, 0.65); margin: 0; width: 16px; height: 16px; pointer-events: none; transform: translate(0,-50%); } #stacks_in_588.sf-styles .sf-multi-select .field-icon { opacity: 0; } #stacks_in_588.sf-styles .controls { font-size: 16px; } #stacks_in_588.sf-styles form .controls .step-input-wrap { position: relative; } #stacks_in_588.sf-styles .controls input, #stacks_in_588.sf-styles .controls > button, #stacks_in_588.sf-styles .controls select, #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_588.sf-styles .controls .fileUpload, #stacks_in_588.sf-styles .controls .fileUpload span { font-size: 16px; line-height: 16px; height: 34px; color: rgba(0, 0, 0, 0.65); } #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_588.sf-styles .controls input::-webkit-calendar-picker-indicator { opacity: 0; } #stacks_in_588.sf-styles .controls input:focus, #stacks_in_588.sf-styles .controls select:focus, #stacks_in_588.sf-styles .controls textarea:focus, #stacks_in_588.sf-styles .controls button:focus { outline: none; } #stacks_in_588.sf-styles .controls.sf-checkbox label { font-size: 16px; line-height: 16px; } #stacks_in_588.sf-styles .controls textarea { font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.65); } #stacks_in_588.sf-styles .controls select.is-placeholder option, #stacks_in_588.sf-styles .controls select.is-placeholder + .sf-multi-select-mobile .sf-option { color: rgba(0, 0, 0, 0.65); } #stacks_in_588.sf-styles .controls input::placeholder, #stacks_in_588.sf-styles .controls textarea::placeholder, #stacks_in_588.sf-styles .controls select.is-placeholder option[disabled] { color: rgba(0, 0, 0, 0.35); color: #000000; opacity: 1; } #stacks_in_588.sf-placeholder .controls input::placeholder, #stacks_in_588.sf-placeholder .controls textarea::placeholder, #stacks_in_588.sf-placeholder .controls select:invalid, #stacks_in_588.sf-classic .controls input::placeholder, #stacks_in_588.sf-classic .controls textarea::placeholder, #stacks_in_588.sf-classic .controls select.is-placeholder { color: transparent; } #stacks_in_588.sf-styles .controls .sf-number-wrap, #stacks_in_588.sf-styles .controls input, #stacks_in_588.sf-styles .controls textarea, #stacks_in_588.sf-styles .controls > button, #stacks_in_588.sf-styles .controls select, #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_588.sf-styles .controls .fileUpload { padding: 8px 8px; border: 1px solid rgba(0, 0, 0, 0.15); width: 100%; margin: 0px; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.00); border-radius: 2px; transition: all 0.3s; } #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile { padding: 8px 0px; } #stacks_in_588.sf-styles .controls .sf-number-wrap { padding: 0; color: rgba(0, 0, 0, 0.65); } #stacks_in_588.sf-styles .controls input[type="number"] { border-color: transparent !important; background-color: transparent !important; } #stacks_in_588.sf-styles .controls .sf-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; position: relative; } #stacks_in_588.sf-styles .controls input::-webkit-outer-spin-button, #stacks_in_588.sf-styles .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stacks_in_588.sf-styles .controls input[type=number] { -moz-appearance: textfield; } #stacks_in_588.sf-styles .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #stacks_in_588.sf-styles .quantity-button { font-family: "helvetica-Neue",helvetica; font-weight: 400; position: relative; cursor: pointer; border: none; width: 24px; text-align: center; font-size: 14px; line-height: 22px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(0,0,0,0.05); } #stacks_in_588.sf-styles .quantity-button.quantity-up:before { content: "+"; } #stacks_in_588.sf-styles .quantity-button.quantity-down:before { content: "-"; } #stacks_in_588.sf-styles .quantity-button:active:after { content: ""; position: absolute; left:0;top:0;right:0;bottom:0; background: rgba(0,0,0,0.05); pointer-events: none; } #stacks_in_588.sf-styles .controls input[type="checkbox"], #stacks_in_588.sf-styles .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #stacks_in_588.sf-styles .controls select, #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile { line-height: 20px; padding: 6px 8px; } #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile { padding: 6px 0; } #stacks_in_588.sf-styles .controls > button { position: relative; white-space: nowrap; } #stacks_in_588.sf-styles .controls > button.sf-submitting { color: transparent; } #stacks_in_588.sf-styles .controls > button svg { pointer-events: none; opacity: 0; position: absolute; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; } #stacks_in_588.sf-styles .controls > button.sf-submitting svg { opacity: 1; transition: opacity 300ms ease; animation: sf-loading 1000ms linear infinite; transform-origin: 8px 9px; } #stacks_in_588.sf-styles .controls > button svg path { stroke: #fff; } #stacks_in_588.sf-styles .controls > button, #stacks_in_588.sf-styles .controls .fileUpload { padding: 8px 16px; } @-webkit-keyframes sf-loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sf-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #stacks_in_588.sf-styles .controls .fileUpload { border-color: transparent; } #stacks_in_588.sf-styles form .hint, #stacks_in_588.sf-styles form .message { font-size: 14px; line-height: 1.3; position: relative; left: 0; color: #6f6f6f; padding: 12px; margin: 0px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); border-radius: 3px; vertical-align: top; pointer-events: none; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); } #stacks_in_588.sf-styles form .hint:before, #stacks_in_588.sf-styles form .hint:after, #stacks_in_588.sf-styles form .message:before, #stacks_in_588.sf-styles form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 8px; border-color: #f7f7f6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); position: absolute; top: auto; left: 8px; margin-top: -8px; z-index: 2; bottom: -14px; } #stacks_in_588.sf-styles form .hint:after, #stacks_in_588.sf-styles form .message:after { z-index: 1; bottom: -15px; } #stacks_in_588.sf-styles form .hint { opacity: 0; position: absolute; left: calc(80px + 8px); right: 28px; bottom: 0%; top: auto; } #stacks_in_588.sf-styles.sf-no-help-text form .hint { right: 0px; } #stacks_in_588.sf-styles form .message ~ .hint { display: none; } #stacks_in_588.sf-styles form .controls .sf-focused ~ .hint { transition: all 300ms ease; opacity: 1; bottom: calc(100% + 8px); } #stacks_in_588.sf-styles form .help { height: 20px; } #stacks_in_588.sf-styles form .help i { display: block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: help; font-style: normal; } #stacks_in_588.sf-styles form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_588.sf-styles form .help i:after { display: none; opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: 0px; z-index: 11; } #stacks_in_588.sf-styles form .help > span { display: none; opacity: 0.97; position: absolute; right: -2px; left: calc(80px + 8px); top: calc(8px + 8px + 16px); z-index: 10; padding: 7px 10px 9px 10px; margin: 0; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size: 16px; line-height: 1.4; } #stacks_in_588.sf-styles form .help i:hover:after { display: block; } #stacks_in_588.sf-styles form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_588.sf-styles .controls.sf-checkbox .note, #stacks_in_588.sf-styles .controls.sf-file .note { grid-column: span 2; } #stacks_in_588.sf-styles .controls.sf-textarea, #stacks_in_588.sf-styles .controls.sf-multi-select { align-items: flex-start; } #stacks_in_588.sf-styles form .controls.sf-textarea .help, #stacks_in_588.sf-styles form .controls.sf-multi-select .help { margin-top: 8px; } /* left */ #stacks_in_588.sf-left .controls { width: calc(80px + 400px); } #stacks_in_588.sf-left .controls:not(.sf-checkbox) label { font-weight: 600; } #stacks_in_588.sf-left .controls.sf-textarea label, #stacks_in_588.sf-left .controls.sf-multi-select label { margin-top: 8px; } @media all and (max-width: 500px) { #stacks_in_588.sf-left .controls { width: 400px; } #stacks_in_588.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_588.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_588.sf-left form .hint, #stacks_in_588.sf-left form .help > span { left: 0px; } #stacks_in_588.sf-left .controls.sf-textarea label, #stacks_in_588.sf-left .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_588.sf-left .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_588.sf-left.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_588.sf-left .dropdown-menu { margin-left: 0px; } #stacks_in_588.sf-left .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_588.sf-left.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_588.sf-left .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_588.sf-left.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_588.sf-left .controls .sf-empty-column { display: none; } #stacks_in_588.sf-left .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_588.sf-left.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_588.sf-left .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } } /* end left */ /* top */ #stacks_in_588.sf-top form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_588.sf-top .controls .note, #stacks_in_588.sf-top .controls.sf-checkbox .note, #stacks_in_588.sf-top .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_588.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_588.sf-top form .hint, #stacks_in_588.sf-top form .help > span { left: 0px; } #stacks_in_588.sf-top .controls.sf-textarea label, #stacks_in_588.sf-top .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_588.sf-top .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_588.sf-top.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_588.sf-top .dropdown-menu { margin-left: 0px; } #stacks_in_588.sf-top .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_588.sf-top.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_588.sf-top .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_588.sf-top.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_588.sf-top .controls .sf-empty-column { display: none; } #stacks_in_588.sf-top .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_588.sf-top.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_588.sf-top .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } /* end top */ /* placeholder */ #stacks_in_588.sf-placeholder form .hint, #stacks_in_588.sf-placeholder form .help > span { left: 0px; } #stacks_in_588.sf-placeholder .controls .note, #stacks_in_588.sf-placeholder .controls.sf-checkbox .note, #stacks_in_588.sf-placeholder .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_588.sf-placeholder .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_588.sf-placeholder.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_588.sf-placeholder .dropdown-menu { margin-left: 0px; } #stacks_in_588.sf-placeholder .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_588.sf-placeholder.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_588.sf-placeholder .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_588.sf-placeholder.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_588.sf-placeholder .controls .sf-empty-column { display: none; } #stacks_in_588.sf-placeholder .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_588.sf-placeholder.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_588.sf-placeholder .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_588.sf-placeholder .controls:not(.sf-checkbox) label { position: absolute; left: 4px; top: 8px; display: inline-block; padding: 0px 4px; transition: opacity 0.3s; pointer-events: none; opacity: 1; z-index: 1; } #stacks_in_588.sf-placeholder .controls.sf-checkbox label { display: block; } #stacks_in_588.sf-placeholder .controls:not(.sf-checkbox) label.sf-active { opacity: 0; } #stacks_in_588.sf-placeholder .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } /* end placeholder */ /* classic */ #stacks_in_588.sf-classic form .controls .sf-focused ~ .hint { bottom: calc(100% + 16px); } #stacks_in_588.sf-classic .controls .note, #stacks_in_588.sf-classic .controls.sf-checkbox .note, #stacks_in_588.sf-classic .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_588.sf-classic form .hint, #stacks_in_588.sf-classic form .help > span { left: 0px; } #stacks_in_588.sf-classic form .controls:not(.sf-checkbox) .help > span { margin-top: 4px; } #stacks_in_588.sf-classic .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_588.sf-classic.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_588.sf-classic .dropdown-menu { margin-left: 0px; } #stacks_in_588.sf-classic .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_588.sf-classic.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_588.sf-classic .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_588.sf-classic.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_588.sf-classic .controls .sf-empty-column { display: none; } #stacks_in_588.sf-classic .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_588.sf-classic.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_588.sf-classic .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_588.sf-classic .controls:not(.sf-checkbox) label { position: absolute; left: 6px; top: 12px; border-radius: 2px; display: inline-block; padding: 0px 6px; background-color: rgba(255, 255, 255, 0); transition: color 0.3s, top 0.3s, background-color 0.8s; z-index: 1; } #stacks_in_588.sf-classic .controls.sf-checkbox label { display: block; } #stacks_in_588.sf-classic .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(243, 243, 243, 1.00); } #stacks_in_588.sf-classic .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } #stacks_in_588.sf-classic .controls input, #stacks_in_588.sf-classic .controls > button, #stacks_in_588.sf-classic .controls select, #stacks_in_588.sf-classic .controls select + .sf-multi-select-mobile, #stacks_in_588.sf-classic .controls .fileUpload, #stacks_in_588.sf-classic .controls .fileUpload span { padding: 12px; height: 42px; } #stacks_in_588.sf-classic .controls select + .sf-multi-select-mobile { padding: 12px 0; } #stacks_in_588.sf-classic .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_588.sf-classic .controls input[type="checkbox"], #stacks_in_588.sf-classic .controls input[type="radio"] { padding: 0; } #stacks_in_588.sf-classic .controls textarea { padding: 12px; } #stacks_in_588.sf-classic .controls > button { padding: 12px 24px; } /* end classic */ #stacks_in_588.sf-styles .controls input, #stacks_in_588.sf-styles .controls textarea, #stacks_in_588.sf-styles .controls button, #stacks_in_588.sf-styles .controls select, #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_588.sf-styles .controls input[type="checkbox"]:after, #stacks_in_588.sf-styles .controls input[type="radio"]:after, #stacks_in_588.sf-styles input[type="checkbox"] + .sf-captcha > .g-recaptcha iframe { box-shadow: none; } #stacks_in_588.sf-styles .controls input[type="number"].hasError + input, #stacks_in_588.sf-styles .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #stacks_in_588.sf-styles .controls input.sf-upload + label, #stacks_in_588.sf-styles .controls textarea.hasError, #stacks_in_588.sf-styles .controls button.hasError, #stacks_in_588.sf-styles .controls select.hasError, #stacks_in_588.sf-styles .controls select.hasError + .sf-multi-select-mobile, #stacks_in_588.sf-styles input[type="checkbox"].hasError + .sf-captcha > .g-recaptcha iframe { box-shadow: inset 0 0 0 1000px rgba(249,217,73,0.33); } #stacks_in_588.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after, #stacks_in_588.sf-styles .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; background-color: rgba(249,217,73,0.33); content: ""; width: 20px; height: 20px; position: absolute; left: 1px; top: 1px; border-radius: 50%; } #stacks_in_588.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 0px; } #stacks_in_588.sf-styles .controls select, #stacks_in_588.sf-styles .controls select + .sf-multi-select-mobile .sf-option, #stacks_in_588.sf-styles .controls.sf-date input { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #stacks_in_588.sf-styles .controls textarea { white-space: pre-line; line-height: 1.2; } #stacks_in_588.sf-styles .controls input[type=checkbox], #stacks_in_588.sf-styles .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #stacks_in_588.sf-styles .controls input[type=checkbox]:after, #stacks_in_588.sf-styles .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); line-height: 20px; text-align: center; position: relative; left: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.00)); } #stacks_in_588.sf-styles .controls input[type=radio]:before { border-radius: 50%; } #stacks_in_588.sf-styles .controls input[type=checkbox]:checked:after { content: "\2714"; /*#000000*/ color: rgba(31, 125, 193, 1.00); color: rgba(0, 0, 0, 0.65); } #stacks_in_588.sf-styles .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 5px; top: 5px; border-radius: 50%; background-color: rgba(31, 125, 193, 1.00); background-color: rgba(0, 0, 0, 0.65); } #stacks_in_588.sf-styles .controls .fileUpload, #stacks_in_588.sf-styles .controls button { overflow: hidden; background-color: rgba(31, 125, 193, 1.00); border: 1px solid rgba(31, 125, 193, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_588.sf-styles .controls .fileUpload:active, #stacks_in_588.sf-styles .controls button:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_588.sf-styles .controls .fileUpload span { white-space: nowrap; color: rgba(255, 255, 255, 1.00); } #stacks_in_588.sf-styles .controls .fileUpload input.upload { position: absolute; top: 0; bottom :0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; height: 100%; } #stacks_in_588.sf-styles form, #stacks_in_588.sf-styles .controls input, #stacks_in_588.sf-styles .controls textarea { font-family: inherit; } /* */ #stacks_in_588.sf-styles form { font-family: inherit; padding: 16px 32px; border-radius: 2px; border-width: 0px; } #stacks_in_588.sf-styles .controls input, #stacks_in_588.sf-styles .controls textarea { font-family: inherit; } #stacks_in_588.sf-styles { display: flex; justify-content: center; flex-direction: column; } /* */ /* */ /* */ #stacks_in_588.sf-styles .sf-radio-group { margin-bottom: 16px; } #stacks_in_588.sf-styles .controls { margin-bottom: 16px; margin-top: 5px; grid-gap: 4px 8px; } #stacks_in_588.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_588.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 21px; } #stacks_in_588.sf-styles .controls.sf-submit { margin-bottom: 0px; } #stacks_in_588.sf-styles .controls.sf-captcha { margin-bottom: 16px; } #stacks_in_588.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_588.sf-styles .controls { font-size: 18px; } #stacks_in_588.sf-styles form .controls input, #stacks_in_588.sf-styles form .controls textarea, #stacks_in_588.sf-styles form .controls > button, #stacks_in_588.sf-styles form .controls select, #stacks_in_588.sf-styles form .controls select + .sf-multi-select-mobile, #stacks_in_588.sf-styles form .controls .fileUpload { font-size: 18px; line-height: 18px; font-weight: 500; border-radius: 3px; border-width: 1px; padding: 5px 5px; } #stacks_in_588.sf-styles form .controls .step-input-wrap:before { border-radius: 3px; border-width: 1px; } #stacks_in_588.sf-styles .controls input[type="checkbox"], #stacks_in_588.sf-styles .controls input[type="radio"] { padding: 0; } #stacks_in_588.sf-styles form .controls select, #stacks_in_588.sf-styles form .controls select + .sf-multi-select-mobile { line-height: 22px; padding: 3px 5px; } #stacks_in_588.sf-styles form .controls select + .sf-multi-select-mobile { padding: 3px 0; } #stacks_in_588.sf-styles form .controls .step-input-wrap:before, #stacks_in_588.sf-styles form .controls input, #stacks_in_588.sf-styles form .controls textarea, #stacks_in_588.sf-styles form .controls select, #stacks_in_588.sf-styles form .controls select + .sf-multi-select-mobile, #stacks_in_588.sf-styles form .controls .fileUpload { } #stacks_in_588.sf-styles form .controls .fileUpload span, #stacks_in_588.sf-styles form .controls.sf-checkbox label { font-size: 18px; line-height: 18px; font-weight: 500; } #stacks_in_588.sf-styles form .submitMessage h3, #stacks_in_588.sf-styles form .submitMessage p { font-size: 18px; } #stacks_in_588.sf-styles form .note { margin: 0px 5px; } #stacks_in_588.sf-styles form .message, #stacks_in_588.sf-styles form .help > span { font-size: 18px; line-height: 1.4; } #stacks_in_588.sf-styles .controls > button, #stacks_in_588.sf-styles .controls .fileUpload { padding: 5px 10px; border-width: 1px; } #stacks_in_588.sf-styles .controls textarea { line-height: 1.2; } #stacks_in_588.sf-styles form .controls input, #stacks_in_588.sf-styles form .controls > button, #stacks_in_588.sf-styles form .controls select, #stacks_in_588.sf-styles form .controls .fileUpload { height: calc(18px + 5px + 5px + 2px); } #stacks_in_588.sf-styles form .help > span { top: 32.000000px; } #stacks_in_588.sf-styles form .sf-textarea .help > span, #stacks_in_588.sf-styles form .sf-multi-select .help > span { top: 34px; } #stacks_in_588.sf-styles form .controls .field-icon { width: 18px; height: 18px; right: 5px; } /* */ #stacks_in_588.sf-placeholder .controls:not(.sf-checkbox) label { line-height: 18px; top: 5px; left: calc(5px - 2px); } #stacks_in_588.sf-classic .controls:not(.sf-checkbox) label { line-height: 18px; top: 5px; left: calc(5px - 4px); } /* */ #stacks_in_588.sf-styles .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr 20px; } #stacks_in_588.sf-styles.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr; } #stacks_in_588.sf-left .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr 20px; } #stacks_in_588.sf-left.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 80px 1fr; } #stacks_in_588.sf-styles .controls select[multiple] { height: auto; } #stacks_in_588.sf-styles .controls select[multiple] option, #stacks_in_588.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 0px; } #stacks_in_588.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 5px; } #stacks_in_588.sf-styles form .controls select + .sf-multi-select-mobile .sf-option.sf-msm-active { background: rgba(31, 125, 193, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_588.sf-styles .form-group .controls select[multiple] option:empty[disabled], #stacks_in_588.sf-styles .form-group .controls.sf-multi-select svg { display: none; } #stacks_in_588.sf-placeholder .form-group .controls.sf-multi-select label, #stacks_in_588.sf-classic .form-group .controls.sf-multi-select label { position: static; } #stacks_in_588.sf-styles .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; margin-bottom: 16px; } #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: stretch; justify-content: center; } #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group.sf-help-text { grid-template-columns: 1fr 20px; } #stacks_in_588.sf-styles form .controls.sf-button-group.sf-help-text .help > span { transform: translate(0,-50%); top: calc(50% + 52px); } #stacks_in_588.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_588.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_588.sf-styles .sf-radio-group .controls input[type] { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; background: transparent; cursor: pointer; } #stacks_in_588.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_588.sf-styles .sf-radio-group .controls input[type]:before { pointer-events: none; } #stacks_in_588.sf-styles .sf-radio-group .controls input:checked:after { content: ""; background: transparent; border: 2px solid rgba(31, 125, 193, 1.00); } #stacks_in_588.sf-styles .sf-radio-group .controls input[type]:checked:after, #stacks_in_588.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_588 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group label { display: grid; padding: 16px 8px; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 14px; z-index: 1; grid-gap: 8px; user-select: none; } #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group label > div img { display: block; } #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group label div:empty, #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group label div.empty { display: none; } #stacks_in_588.sf-styles .sf-radio-group .controls.sf-button-group .sf-button-wrap { position: relative; justify-content: center; align-items: center; display: flex; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_588.sf-styles .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: none; width: 400px; max-width: 100%; padding: 5px 0; list-style: none; background-color: #ffffff; color: #676767; border-radius: 3px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget:before, #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget:after { display: none; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget ul { padding: 0px 8px; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] span { display: block; width: auto; height: auto; line-height: 22px; float: none; margin: 0; padding: 8px; border-radius: 0px; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] { display: block; width: 100%; border: 1px solid rgba(0,0,0,0.1); padding: 0px; margin: 8px 0; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget .datepicker { margin-top: 8px; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget .timepicker { margin-bottom: 8px; } #stacks_in_588.sf-styles table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget .collapse.in { display: block; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget .collapse { position: relative; display: none; overflow: visible; } #stacks_in_588.sf-styles .bootstrap-datetimepicker-widget .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; } #stacks_in_588.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_588.sf-styles .hideSlice { display: none !important; } #stacks_in_588 .autoreply {display: none;} #stacks_in_588 .sf-debug-output.has-output > div { padding: 16px; background: #fff; color: #555 !important; font-size: 16px; line-height: 1.3 !important; max-width: 540px; margin: 16px auto; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; } #stacks_in_588 .sf-debug-output.has-output h2, #stacks_in_588 .sf-debug-output.has-output h3 { margin: 16px 0px 24px 0px; font-size: 20px; font-weight: bold; color: #333 !important; } #stacks_in_588 .sf-debug-output.has-output h3 { font-size: 18px; } #stacks_in_588 .sf-debug-output.has-output p { margin: 16px 0px; } #stacks_in_588.sf-styles .step-stack-wrap .controls .sf-number-wrap { border-width: 0px; } #stacks_in_588 .step-stack-wrap .controls.sf-input { display: grid; } #stacks_in_588.sf-styles form .step-stack-wrap .note { color: inherit; } #stacks_in_588.sf-styles .step-stack-wrap .steps .step-content { z-index: 3; } /* */ #stacks_in_588 .step-stack-wrap .step-slice { display: none; } #stacks_in_588 .step-stack-wrap .step-submit ~ .step .step-slice { display: block; } /* */ /* */ #stacks_in_624>.s3_row { margin: 0 -10px; } #stacks_in_624>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_624>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_624>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } /* */ textarea#input-stacks_in_589 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_589.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_589.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_592 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_592.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_592.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_593 { height: 200px; resize: none; /* */ } /* */ .sf-help-column-stacks_in_593 { display: none; } /* */ #sf-radio-stacks_in_593.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_593.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_630 { height: 200px; resize: none; /* */ } /* */ .sf-help-column-stacks_in_630 { display: none; } /* */ #sf-radio-stacks_in_630.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_630.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_636 { height: 200px; resize: none; /* */ } /* */ .sf-help-column-stacks_in_636 { display: none; } /* */ #sf-radio-stacks_in_636.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_636.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_655 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_655.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_655.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_591 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_591.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_591.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_623 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_623.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_623.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_622 { height: 200px; resize: none; /* */ resize:vertical; /* */ } /* */ #sf-radio-stacks_in_622.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_622.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ #submit-stacks_in_594 { margin-left: auto; justify-content: flex-end; } /* */ textarea#input-stacks_in_594 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_594.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_594.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_667 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_667.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_667.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_673 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_673.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_673.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_675 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_675.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_675.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* 1.1.0 - Updated to use Google Sheets API version 4 (Google Sheets API version 3, which was previously used has been discontinued) - Added compatability with the Emoting Text Stack - Added compatability with some Stack Frameworks */ #stacks_in_572 { background-color: rgba(33, 255, 6, 0.10); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 12px; } /* */ body { margin: 0; } .swoop-stacks_in_500 { display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; text-align: left; position: relative; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; transition: all 0.6s ease; max-width: 5000px; border-radius: 0px; min-height: 500px; } .swoop-stacks_in_500 .swoop-nav { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 20px 20px; box-sizing: border-box; transition: all 0.6s ease; max-width: 300px; padding-right: calc(20px + 40px/2); /* */ background: rgba(7, 64, 128, 1.00); /* */ /* */ /* */ /* */ } .swoop-stacks_in_500 .swoop-nav::before { /* */ } .swoop-stacks_in_500 .swoop-nav::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } .swoop-stacks_in_500 .swoop-content { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; transition: all 0.6s ease; /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } .swoop-stacks_in_500 .swoop-content::before { /* */ } .swoop-stacks_in_500 .swoop-content::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; pointer-events: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } .swoop-stacks_in_500 .swoop-arrows { top: 50%; right: 0; z-index: 10; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; box-sizing: border-box; transition: all 0.6s ease; -ms-flex-direction: column; flex-direction: column; transform: translate(50%, -50%); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .swoop-stacks_in_500 .swoop-arrows i { width: 40px; height: 40px; font-size: 18px; display: -ms-flexbox; display: flex; line-height: 0; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: rgba(36, 36, 36, 1.00); background: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_500 .swoop-arrows i:hover { color: rgba(36, 36, 36, 1.00); background: rgba(245, 245, 245, 1.00); } .swoop-stacks_in_500 .swoop-nav { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: "Montserrat"; /* */ } .swoop-stacks_in_500 .swoop-nav .swoop-nav-inner { box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_500 .swoop-nav ul { padding: 0; display: -ms-flexbox; display: flex; margin: 0 auto; list-style: none; /* */ overflow: hidden; /* */ position: relative; box-sizing: border-box; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; color: rgba(255, 255, 255, 1.00); font-size: 30px; transition: all 0.6s ease; height: calc(((10px * 2) + 30px) * 3); } .swoop-stacks_in_500 .swoop-nav li { width: 100%; opacity: 0.5; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; font-weight: 300; -webkit-filter: blur(3px); filter: blur(3px); line-height: 1; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); height: calc((10px * 2) + 30px); font-size: 30px; padding: 10px 20px; box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_500 .swoop-nav li div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .swoop-stacks_in_500 .swoop-nav li:first-child { margin-top: calc((10px * 2) + 30px); } .swoop-stacks_in_500 .swoop-nav li.active { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } .swoop-stacks_in_500 .swoop-content { overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: "Montserrat"; /* */ } .swoop-stacks_in_500 .swoop-content .swoop-content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; box-sizing: border-box; transition: all 0.8s ease; min-height: 500px; } .swoop-stacks_in_500 .swoop-content .swoop-item { width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: relative; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_500 .swoop-content .swoop-item.active { transform: translateY(0%); } .swoop-stacks_in_500 .swoop-content .swoop-item.active .swoop-item-details { opacity: 1; } .swoop-stacks_in_500 .swoop-content .swoop-item.active .swoop-item-details-inner { opacity: 1; height: auto; } .swoop-stacks_in_500 .swoop-content .swoop-item:not(.active) .swoop-item-details-inner { padding: 0; } .swoop-stacks_in_500 .swoop-content .swoop-item-title { z-index: 10; display: none; color: rgba(255, 255, 255, 1.00); font-size: 30px; } .swoop-stacks_in_500 .swoop-content .swoop-item-details { z-index: 10; overflow: hidden; box-sizing: border-box; transition: all 0.4s ease; color: rgba(255, 255, 255, 0.50); } .swoop-stacks_in_500 .swoop-content .swoop-item-details h1, .swoop-stacks_in_500 .swoop-content .swoop-item-details h2, .swoop-stacks_in_500 .swoop-content .swoop-item-details h3, .swoop-stacks_in_500 .swoop-content .swoop-item-details h4, .swoop-stacks_in_500 .swoop-content .swoop-item-details h5, .swoop-stacks_in_500 .swoop-content .swoop-item-details h6 { /* */ font-family: "Montserrat"; /* */ color: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_500 .swoop-content .swoop-item-details a, .swoop-stacks_in_500 .swoop-content .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_500 .swoop-content .swoop-item-details-inner { height: 0; opacity: 0; overflow: hidden; box-sizing: border-box; padding: 20px 20px; padding-left: calc(20px + 40px/2); } @media (max-width: 600px) { .swoop-stacks_in_500 { -ms-flex-direction: column; flex-direction: column; } .swoop-stacks_in_500 .swoop-arrows { top: auto; right: 50%; bottom: 0; -ms-flex-direction: row; flex-direction: row; transform: translate(50%, 50%); } .swoop-stacks_in_500 .swoop-nav { width: 100%; height: auto; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 20px 20px; padding-bottom: calc(20px + 40px/2); } .swoop-stacks_in_500 .swoop-content { width: 100%; height: auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } .swoop-stacks_in_500 .swoop-content .swoop-item-details-inner { padding: 20px 20px; padding-top: calc(20px + 40px/2); } } #stacks_in_500 { margin: 20px; } #swoop-item-stacks_in_501.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_501.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_501.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_501.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_501.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } /* 1.2.0.1 - improved pill active style load time */ /* */ #simple-tabs-stacks_in_532 { /* */ font-family: "Nunito"; /* */ margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 900px; } #simple-tabs-stacks_in_532.tabs-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #simple-tabs-stacks_in_532.tabs-left ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_532.tabs-right ul.tab-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #simple-tabs-stacks_in_532.tabs-right ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_532.tabs-center ul.tab-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #simple-tabs-stacks_in_532.tabs-center ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_532.tabs-center ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_532.tabs-fill > ul.tab-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(10px,1fr)); grid-gap: 5px 2px; padding: 5px 0px; } #simple-tabs-stacks_in_532.tabs-fill > ul.tab-list > .tab > .tab-inner { justify-content: center; } #simple-tabs-stacks_in_532.tabs-right ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_532.tabs-right ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_532.use-tab-pill ul.tab-list .tab-pill { display: block; } #simple-tabs-stacks_in_532.use-tab-pill ul.tab-list .tab.selected .tab-inner { /* */ /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ transition: color 0.3s ease; transition-delay: 0.2s; } #simple-tabs-stacks_in_532 ul.tab-list { margin: 0; padding: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; } #simple-tabs-stacks_in_532 ul.tab-list .tab-pill { /* */ /* */ background: rgba(210, 56, 72, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ top: 0; left: 0; opacity: 0; z-index: 5; display: none; position: absolute; box-sizing: border-box; border-radius: 4px; } #simple-tabs-stacks_in_532 ul.tab-list .tab-pill-show { opacity: 1; } #simple-tabs-stacks_in_532 ul.tab-list .tab { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 5px 2px; box-sizing: border-box; } #simple-tabs-stacks_in_532 ul.tab-list .tab.selected .tab-inner { /* */ /* */ background: rgba(210, 56, 72, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ color: rgba(255, 255, 255, 1.00); } #simple-tabs-stacks_in_532 ul.tab-list .tab-inner { /* */ /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; color: rgba(55, 71, 79, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 15px; font-size: 13px; border-radius: 4px; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #simple-tabs-stacks_in_532 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_532 ul.tab-list .tab-inner svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 5px; position: relative; pointer-events: none; font-size: 19px; max-width: 19px; max-height: 19px; } #simple-tabs-stacks_in_532 ul.tab-list .tab-inner span { /* */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: relative; /* */ } #simple-tabs-stacks_in_532 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_532 ul.tab-list .tab-inner span, #simple-tabs-stacks_in_532 ul.tab-list .tab-inner svg { z-index: 10; } #simple-tabs-stacks_in_532 .tab-content { /* */ /* */ background: rgba(179, 179, 179, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ color: rgba(55, 71, 79, 1.00); padding: 10px 10px; box-shadow: 0 0 2px rgba(112, 128, 144, 0); border-radius: 3px; z-index: 1; position: relative; box-sizing: border-box; } #simple-tabs-stacks_in_532 ul.tab-list .tab.selected .tab-inner { /* */ box-shadow: 0px 0px 0px -0px rgba(179, 179, 179, 1.00); /* */ } #simple-tabs-stacks_in_532 .tab-content-inner { display: none; } #simple-tabs-stacks_in_532 .tab-content-inner.active { display: block; } @media (min-width: 700px) { #simple-tabs-stacks_in_532.tabs-connected ul.tab-list .tab-pill { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #simple-tabs-stacks_in_532.tabs-connected ul.tab-list .tab { padding-bottom: 0; margin-bottom: 0px; } #simple-tabs-stacks_in_532.tabs-connected ul.tab-list .tab-inner { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #simple-tabs-stacks_in_532.tabs-connected.tabs-left .tab-content { border-top-left-radius: 0; } #simple-tabs-stacks_in_532.tabs-connected.tabs-right .tab-content { border-top-right-radius: 0; } #simple-tabs-stacks_in_532.hide-text-d ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_532.hide-text-d ul.tab-list .tab-inner i { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_532.hide-icon-d .tab-inner i, #simple-tabs-stacks_in_532.hide-icon-d .tab-inner svg, #simple-tabs-stacks_in_532.hide-icon-d ul.tab-list .tab-inner svg { /* */ display: none; /* */ } } @media (min-width: 400px) and (max-width: 700px) { #simple-tabs-stacks_in_532.hide-text-t ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_532.hide-text-t ul.tab-list .tab-inner i, #simple-tabs-stacks_in_532.hide-text-t ul.tab-list .tab-inner svg, #simple-tabs-stacks_in_532.hide-text-t ul.tab-list .tab-inner svg { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_532.hide-icon-t ul.tab-list .tab-inner i, #simple-tabs-stacks_in_532.hide-icon-t ul.tab-list .tab-inner svg { /* */ display: none; /* */ } } @media (max-width: 700px) { #simple-tabs-stacks_in_532 ul.tab-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #simple-tabs-stacks_in_532 ul.tab-list .tab { width: 50.000000%; } #simple-tabs-stacks_in_532.tabs-fill > ul.tab-list { grid-template-columns: repeat(1,1fr); } #simple-tabs-stacks_in_532.tabs-fill > ul.tab-list .tab { width: auto; } #simple-tabs-stacks_in_532.tabs-left ul.tab-list, #simple-tabs-stacks_in_532.tabs-right ul.tab-list, #simple-tabs-stacks_in_532.tabs-center ul.tab-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #simple-tabs-stacks_in_532.tabs-left ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_532.tabs-right ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_532.tabs-center ul.tab-list .tab:first-of-type { padding-left: 2px; } #simple-tabs-stacks_in_532.tabs-left ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_532.tabs-right ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_532.tabs-center ul.tab-list .tab:last-of-type { padding-right: 2px; } #simple-tabs-stacks_in_532.tabs-inner-left ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #simple-tabs-stacks_in_532.tabs-inner-right ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #simple-tabs-stacks_in_532.tabs-inner-center ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #simple-tabs-stacks_in_532.tabs-connected ul.tab-list .tab-pill { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #simple-tabs-stacks_in_532.tabs-connected ul.tab-list .tab { margin-bottom: 0; padding-bottom: 5px; } #simple-tabs-stacks_in_532.tabs-connected.tabs-fill ul.tab-list .tab { padding-bottom: 0px; } #simple-tabs-stacks_in_532.tabs-connected ul.tab-list .tab-inner { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } } @media (max-width: 400px) { #simple-tabs-stacks_in_532 ul.tab-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } #simple-tabs-stacks_in_532 ul.tab-list .tab { width: 100.000000%; } #simple-tabs-stacks_in_532.tabs-fill > ul.tab-list { grid-template-columns: repeat(1,1fr); } #simple-tabs-stacks_in_532.tabs-fill > ul.tab-list .tab { width: auto; } #simple-tabs-stacks_in_532.hide-text-m ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_532.hide-text-m ul.tab-list .tab-inner i { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_532.hide-icon-m .tab-inner i, #simple-tabs-stacks_in_532.hide-icon-m .tab-inner svg, #simple-tabs-stacks_in_532.hide-icon-m ul.tab-list .tab-inner svg { /* %%[[if !edit]]%% */ display: none; } } /* */ /* */ ul.tab-list #simple-tabs-tab-stacks_in_533.tab.selected .tab-inner { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(210, 56, 72, 1.00); /* */ /* */ /* */ } /* */ /* */ /* */ ul.tab-list #simple-tabs-tab-stacks_in_538.tab.selected .tab-inner { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(210, 56, 72, 1.00); /* */ /* */ /* */ } /* */ /* */ /* */ #swoop-item-stacks_in_506.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_506.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_506.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_506.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_506.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_574 { background-color: rgba(251, 2, 7, 0.15); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 12px; } /* */ body { margin: 0; } .swoop-stacks_in_488 { display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; text-align: left; position: relative; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; transition: all 0.6s ease; max-width: 5000px; border-radius: 0px; min-height: 500px; } .swoop-stacks_in_488 .swoop-nav { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 20px 20px; box-sizing: border-box; transition: all 0.6s ease; max-width: 300px; padding-right: calc(20px + 40px/2); /* */ background: rgba(7, 64, 128, 1.00); /* */ /* */ /* */ /* */ } .swoop-stacks_in_488 .swoop-nav::before { /* */ } .swoop-stacks_in_488 .swoop-nav::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } .swoop-stacks_in_488 .swoop-content { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; transition: all 0.6s ease; /* */ /* */ /* */ /* */ background: url(../files/content_bg_image_choice-488.jpg) no-repeat center center; background-size: cover; /* */ } .swoop-stacks_in_488 .swoop-content::before { /* */ display: block !important; /* */ } .swoop-stacks_in_488 .swoop-content::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; pointer-events: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.00); } .swoop-stacks_in_488 .swoop-arrows { top: 50%; right: 0; z-index: 10; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; box-sizing: border-box; transition: all 0.6s ease; -ms-flex-direction: column; flex-direction: column; transform: translate(50%, -50%); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .swoop-stacks_in_488 .swoop-arrows i { width: 40px; height: 40px; font-size: 18px; display: -ms-flexbox; display: flex; line-height: 0; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: rgba(36, 36, 36, 1.00); background: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_488 .swoop-arrows i:hover { color: rgba(36, 36, 36, 1.00); background: rgba(245, 245, 245, 1.00); } .swoop-stacks_in_488 .swoop-nav { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: "Montserrat"; /* */ } .swoop-stacks_in_488 .swoop-nav .swoop-nav-inner { box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_488 .swoop-nav ul { padding: 0; display: -ms-flexbox; display: flex; margin: 0 auto; list-style: none; /* */ overflow: hidden; /* */ position: relative; box-sizing: border-box; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; color: rgba(255, 255, 255, 1.00); font-size: 30px; transition: all 0.6s ease; height: calc(((10px * 2) + 30px) * 3); } .swoop-stacks_in_488 .swoop-nav li { width: 100%; opacity: 0.5; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; font-weight: 300; -webkit-filter: blur(3px); filter: blur(3px); line-height: 1; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); height: calc((10px * 2) + 30px); font-size: 30px; padding: 10px 20px; box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_488 .swoop-nav li div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .swoop-stacks_in_488 .swoop-nav li:first-child { margin-top: calc((10px * 2) + 30px); } .swoop-stacks_in_488 .swoop-nav li.active { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } .swoop-stacks_in_488 .swoop-content { overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: "Montserrat"; /* */ } .swoop-stacks_in_488 .swoop-content .swoop-content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; box-sizing: border-box; transition: all 0.8s ease; min-height: 500px; } .swoop-stacks_in_488 .swoop-content .swoop-item { width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: relative; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_488 .swoop-content .swoop-item.active { transform: translateY(0%); } .swoop-stacks_in_488 .swoop-content .swoop-item.active .swoop-item-details { opacity: 1; } .swoop-stacks_in_488 .swoop-content .swoop-item.active .swoop-item-details-inner { opacity: 1; height: auto; } .swoop-stacks_in_488 .swoop-content .swoop-item:not(.active) .swoop-item-details-inner { padding: 0; } .swoop-stacks_in_488 .swoop-content .swoop-item-title { z-index: 10; display: none; color: rgba(255, 255, 255, 1.00); font-size: 30px; } .swoop-stacks_in_488 .swoop-content .swoop-item-details { z-index: 10; overflow: hidden; box-sizing: border-box; transition: all 0.4s ease; color: rgba(255, 255, 255, 0.50); } .swoop-stacks_in_488 .swoop-content .swoop-item-details h1, .swoop-stacks_in_488 .swoop-content .swoop-item-details h2, .swoop-stacks_in_488 .swoop-content .swoop-item-details h3, .swoop-stacks_in_488 .swoop-content .swoop-item-details h4, .swoop-stacks_in_488 .swoop-content .swoop-item-details h5, .swoop-stacks_in_488 .swoop-content .swoop-item-details h6 { /* */ font-family: "Montserrat"; /* */ color: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_488 .swoop-content .swoop-item-details a, .swoop-stacks_in_488 .swoop-content .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_488 .swoop-content .swoop-item-details-inner { height: 0; opacity: 0; overflow: hidden; box-sizing: border-box; padding: 20px 20px; padding-left: calc(20px + 40px/2); } @media (max-width: 600px) { .swoop-stacks_in_488 { -ms-flex-direction: column; flex-direction: column; } .swoop-stacks_in_488 .swoop-arrows { top: auto; right: 50%; bottom: 0; -ms-flex-direction: row; flex-direction: row; transform: translate(50%, 50%); } .swoop-stacks_in_488 .swoop-nav { width: 100%; height: auto; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 20px 20px; padding-bottom: calc(20px + 40px/2); } .swoop-stacks_in_488 .swoop-content { width: 100%; height: auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } .swoop-stacks_in_488 .swoop-content .swoop-item-details-inner { padding: 20px 20px; padding-top: calc(20px + 40px/2); } } #stacks_in_488 { margin: 20px; } #swoop-item-stacks_in_489.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_489.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_489.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_489.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_489.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } /* 1.2.0.1 - improved pill active style load time */ /* */ #simple-tabs-stacks_in_549 { /* */ font-family: "Nunito"; /* */ margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 900px; } #simple-tabs-stacks_in_549.tabs-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #simple-tabs-stacks_in_549.tabs-left ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_549.tabs-right ul.tab-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #simple-tabs-stacks_in_549.tabs-right ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_549.tabs-center ul.tab-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #simple-tabs-stacks_in_549.tabs-center ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_549.tabs-center ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_549.tabs-fill > ul.tab-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(10px,1fr)); grid-gap: 5px 2px; padding: 5px 0px; } #simple-tabs-stacks_in_549.tabs-fill > ul.tab-list > .tab > .tab-inner { justify-content: center; } #simple-tabs-stacks_in_549.tabs-right ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_549.tabs-right ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_549.use-tab-pill ul.tab-list .tab-pill { display: block; } #simple-tabs-stacks_in_549.use-tab-pill ul.tab-list .tab.selected .tab-inner { /* */ /* */ background: rgba(242, 246, 250, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ transition: color 0.3s ease; transition-delay: 0.2s; } #simple-tabs-stacks_in_549 ul.tab-list { margin: 0; padding: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; } #simple-tabs-stacks_in_549 ul.tab-list .tab-pill { /* */ /* */ background: rgba(210, 56, 72, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ top: 0; left: 0; opacity: 0; z-index: 5; display: none; position: absolute; box-sizing: border-box; border-radius: 4px; } #simple-tabs-stacks_in_549 ul.tab-list .tab-pill-show { opacity: 1; } #simple-tabs-stacks_in_549 ul.tab-list .tab { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 5px 2px; box-sizing: border-box; } #simple-tabs-stacks_in_549 ul.tab-list .tab.selected .tab-inner { /* */ /* */ background: rgba(210, 56, 72, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ color: rgba(255, 255, 255, 1.00); } #simple-tabs-stacks_in_549 ul.tab-list .tab-inner { /* */ /* */ background: rgba(242, 246, 250, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; color: rgba(55, 71, 79, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 15px; font-size: 14px; border-radius: 4px; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #simple-tabs-stacks_in_549 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_549 ul.tab-list .tab-inner svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 5px; position: relative; pointer-events: none; font-size: 19px; max-width: 19px; max-height: 19px; } #simple-tabs-stacks_in_549 ul.tab-list .tab-inner span { /* */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: relative; /* */ } #simple-tabs-stacks_in_549 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_549 ul.tab-list .tab-inner span, #simple-tabs-stacks_in_549 ul.tab-list .tab-inner svg { z-index: 10; } #simple-tabs-stacks_in_549 .tab-content { /* */ /* */ background: rgba(242, 246, 250, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ color: rgba(55, 71, 79, 1.00); padding: 10px 10px; box-shadow: 0 0 2px rgba(112, 128, 144, 0); border-radius: 3px; z-index: 1; position: relative; box-sizing: border-box; } #simple-tabs-stacks_in_549 ul.tab-list .tab.selected .tab-inner { /* */ box-shadow: 0px 0px 0px -0px rgba(242, 246, 250, 1.00); /* */ } #simple-tabs-stacks_in_549 .tab-content-inner { display: none; } #simple-tabs-stacks_in_549 .tab-content-inner.active { display: block; } @media (min-width: 700px) { #simple-tabs-stacks_in_549.tabs-connected ul.tab-list .tab-pill { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #simple-tabs-stacks_in_549.tabs-connected ul.tab-list .tab { padding-bottom: 0; margin-bottom: 0px; } #simple-tabs-stacks_in_549.tabs-connected ul.tab-list .tab-inner { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #simple-tabs-stacks_in_549.tabs-connected.tabs-left .tab-content { border-top-left-radius: 0; } #simple-tabs-stacks_in_549.tabs-connected.tabs-right .tab-content { border-top-right-radius: 0; } #simple-tabs-stacks_in_549.hide-text-d ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_549.hide-text-d ul.tab-list .tab-inner i { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_549.hide-icon-d .tab-inner i, #simple-tabs-stacks_in_549.hide-icon-d .tab-inner svg, #simple-tabs-stacks_in_549.hide-icon-d ul.tab-list .tab-inner svg { /* */ display: none; /* */ } } @media (min-width: 400px) and (max-width: 700px) { #simple-tabs-stacks_in_549.hide-text-t ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_549.hide-text-t ul.tab-list .tab-inner i, #simple-tabs-stacks_in_549.hide-text-t ul.tab-list .tab-inner svg, #simple-tabs-stacks_in_549.hide-text-t ul.tab-list .tab-inner svg { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_549.hide-icon-t ul.tab-list .tab-inner i, #simple-tabs-stacks_in_549.hide-icon-t ul.tab-list .tab-inner svg { /* */ display: none; /* */ } } @media (max-width: 700px) { #simple-tabs-stacks_in_549 ul.tab-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #simple-tabs-stacks_in_549 ul.tab-list .tab { width: 50.000000%; } #simple-tabs-stacks_in_549.tabs-fill > ul.tab-list { grid-template-columns: repeat(1,1fr); } #simple-tabs-stacks_in_549.tabs-fill > ul.tab-list .tab { width: auto; } #simple-tabs-stacks_in_549.tabs-left ul.tab-list, #simple-tabs-stacks_in_549.tabs-right ul.tab-list, #simple-tabs-stacks_in_549.tabs-center ul.tab-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #simple-tabs-stacks_in_549.tabs-left ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_549.tabs-right ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_549.tabs-center ul.tab-list .tab:first-of-type { padding-left: 2px; } #simple-tabs-stacks_in_549.tabs-left ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_549.tabs-right ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_549.tabs-center ul.tab-list .tab:last-of-type { padding-right: 2px; } #simple-tabs-stacks_in_549.tabs-inner-left ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #simple-tabs-stacks_in_549.tabs-inner-right ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #simple-tabs-stacks_in_549.tabs-inner-center ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #simple-tabs-stacks_in_549.tabs-connected ul.tab-list .tab-pill { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #simple-tabs-stacks_in_549.tabs-connected ul.tab-list .tab { margin-bottom: 0; padding-bottom: 5px; } #simple-tabs-stacks_in_549.tabs-connected.tabs-fill ul.tab-list .tab { padding-bottom: 0px; } #simple-tabs-stacks_in_549.tabs-connected ul.tab-list .tab-inner { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } } @media (max-width: 400px) { #simple-tabs-stacks_in_549 ul.tab-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } #simple-tabs-stacks_in_549 ul.tab-list .tab { width: 100.000000%; } #simple-tabs-stacks_in_549.tabs-fill > ul.tab-list { grid-template-columns: repeat(1,1fr); } #simple-tabs-stacks_in_549.tabs-fill > ul.tab-list .tab { width: auto; } #simple-tabs-stacks_in_549.hide-text-m ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_549.hide-text-m ul.tab-list .tab-inner i { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_549.hide-icon-m .tab-inner i, #simple-tabs-stacks_in_549.hide-icon-m .tab-inner svg, #simple-tabs-stacks_in_549.hide-icon-m ul.tab-list .tab-inner svg { /* %%[[if !edit]]%% */ display: none; } } /* */ /* */ /* */ /* */ /* */ /* */ #swoop-item-stacks_in_493.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_493.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_493.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_493.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_493.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_705, #stacks_out_705 { overflow: visible; } #stacks_in_701, #stacks_out_701 { overflow: visible; } /* */ html { height: 100%; } body { margin: 0; } #circle-menu-stacks_in_10-outer { /* */ font-family: "Roboto"; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 40px; } #circle-menu-stacks_in_10 { width: 220px; height: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_10::before, #circle-menu-stacks_in_10::after { /* */ background: rgba(102, 255, 204, 1.00); /* */ /* */ /* */ content: ''; top: 50%; left: 50%; width: 0px; height: 0px; display: block; position: absolute; transition: all 0.5s; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: background-shrink 0.5s; animation: background-shrink 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_10::after { background: rgba(0, 0, 0, 0.20); /* */ display: none; /* */ } #circle-menu-stacks_in_10 .circle-menu-toggle { /* */ background: rgba(0, 0, 255, 1.00); /* */ /* */ box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.50); width: 50px; height: 50px; color: rgba(179, 190, 111, 1.00); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; transition: all 0.3s, opacity 0.3s 0.2s; } #circle-menu-stacks_in_10 .circle-menu-toggle.inherit-radius { border-radius: inherit; } #circle-menu-stacks_in_10 .circle-menu-toggle i { font-size: 20px; position: absolute; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } #circle-menu-stacks_in_10 .circle-menu-toggle i.icon-close { opacity: 0; } #circle-menu-stacks_in_10 .circle-menu-toggle i.icon-open { opacity: 1; } #circle-menu-stacks_in_10 .circle-menu-toggle:hover { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ color: rgba(102, 255, 102, 1.00); } #circle-menu-stacks_in_10 .circle-menu-item { z-index: 1; padding: 10px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; transition: none; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; box-sizing: border-box; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_10 .circle-menu-item:hover span { opacity: 1; transition: opacity 0.3s 0.3s; } #circle-menu-stacks_in_10 .circle-menu-item-inner { width: 40px; height: 40px; text-decoration: none; color: rgba(255, 255, 255, 1.00); font-size: 24px; margin: 0; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: auto; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s; } #circle-menu-stacks_in_10 .circle-menu-item-inner:hover span { opacity: 1; visibility: visible; } #circle-menu-stacks_in_10 .circle-menu-item-inner:hover::before { opacity: 1; width: calc(100% + 30px); height: calc(100% + 30px); } #circle-menu-stacks_in_10 .circle-menu-item-inner i { /* */ /* */ background: rgba(179, 190, 111, 1.00); background: linear-gradient(to bottom right, rgba(179, 190, 111, 1.00), rgba(0, 0, 0, 1.00)); /* */ z-index: 3; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_10 .circle-menu-item-inner::before { top: 50%; left: 50%; width: 0; height: 0; opacity: 1; z-index: -1; content: ''; display: block; position: absolute; transition: all 0.3s; border-radius: inherit; pointer-events: none; background: rgba(255, 255, 255, 0.10); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #circle-menu-stacks_in_10 .circle-menu-item span { color: rgba(179, 190, 111, 1.00); font-size: 14px; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: opacity 0.3s 0s; } #circle-menu-stacks_in_10.square-icons .circle-menu-item-inner { border-radius: 4px; } #circle-menu-stacks_in_10.circular { border-radius: 50%; } #circle-menu-stacks_in_10.square { border-radius: 5px; } @media screen\9 { ::before, ::after { width: 100%; height: 100%; } } @media screen\0 { #circle-menu-stacks_in_10.go::before, #circle-menu-stacks_in_10.go::after { width: 100%; height: 100%; } } @supports (-ms-ime-align: auto) { #circle-menu-stacks_in_10.go::before, #circle-menu-stacks_in_10.go::after { width: 100%; height: 100%; } } @supports (-ms-accelerator: auto) { #circle-menu-stacks_in_10.go::before, #circle-menu-stacks_in_10.go::after { width: 100%; height: 100%; } } #circle-menu-stacks_in_10.go::before, #circle-menu-stacks_in_10.go::after { -webkit-animation: background-expand 0.5s; animation: background-expand 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_10.go .circle-menu-toggle { box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.10); } #circle-menu-stacks_in_10.go .circle-menu-toggle i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #circle-menu-stacks_in_10.go .circle-menu-toggle i.icon-close { opacity: 1; } #circle-menu-stacks_in_10.go .circle-menu-toggle i.icon-open { opacity: 0; } #circle-menu-stacks_in_10.go .circle-menu-item-inner { opacity: 1; transition: all 0.4s; } #circle-menu-stacks_in_10.hovered .circle-menu-toggle { opacity: 0; transition: all 0.3s 0s; } #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 40px); } #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 40px); } #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: calc(100% - 40px); } #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: calc(100% - 40px); } #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(5), #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(6), #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(7), #circle-menu-stacks_in_10.go.four-item.circular .circle-menu-item:nth-child(8), #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(5), #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(6), #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(7), #circle-menu-stacks_in_10.go.four-item.square .circle-menu-item:nth-child(8) { display: none; } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 40px); margin-bottom: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: calc(100% - 40px); margin-top: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 40px); margin-right: calc(100% - 40px); } #circle-menu-stacks_in_10.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 40px); margin-right: calc(100% - 40px); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(2) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(4) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(4) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(6) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(6) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(8) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_10.eight-item.circular .circle-menu-item:nth-child(8) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_10.go.offset .circle-menu-item { box-sizing: content-box; } #circle-menu-stacks_in_10.go.offset.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_10.go.offset.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_10.go.offset.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_10.go.offset.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; margin-bottom: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: 100%; margin-top: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; margin-right: 100%; } #circle-menu-stacks_in_10.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; margin-right: 100%; } @-webkit-keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @-webkit-keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } @keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } #circle-menu-item-stacks_in_11 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_11 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_11.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_11.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_13 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_13 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_13.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_13.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_15 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_15 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_15.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_15.custom-item-colors .circle-menu-item-inner i { /* */ /* */ background: rgba(179, 190, 111, 1.00); background: linear-gradient(to bottom right, rgba(179, 190, 111, 1.00), rgba(0, 0, 0, 1.00)); /* */ } #circle-menu-item-stacks_in_17 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_17 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_17.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_17.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_19 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_19 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_19.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_19.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_21 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_21 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_21.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_21.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_23 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_23 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_23.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_23.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_25 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_25 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_25.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_25.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } /* */ #article-list-stacks_in_2 { /* */ background: rgba(128, 0, 255, 1.00); /* */ /* */ /* */ font-family: "Nunito"; /* */ padding: 10px 10px; max-width: 700px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; } #article-list-stacks_in_2 * { box-sizing: border-box; } #article-list-stacks_in_2 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_2 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_2 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_2 .article-outer { padding: 15px 5px; 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_2 .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s ease; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_2 .article .article-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_2 .article-title { /* */ font-family: "Nunito"; /* */ color: rgba(0, 0, 0, 1.00); font-weight: bold; font-size: 18px; line-height: 29.124001px; } #article-list-stacks_in_2 .article-description { color: rgba(153, 153, 153, 1.00); /* */ font-family: "Nunito"; /* */ font-size: 14px; line-height: 22.652000px; } #article-list-stacks_in_2 .article-info { margin-top: 5px; display: inline-block; color: rgba(153, 153, 153, 1.00); /* */ font-family: "Nunito"; /* */ font-size: 13px; line-height: 21.034000px; } #article-list-stacks_in_2 .article-info .info-highlight { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_2 .article-info.info-1::before { content: 'von'; display: inline-block; } #article-list-stacks_in_2 .article-info.info-2::before { content: 'veröffentlicht'; display: inline-block; } #article-list-stacks_in_2 .article-info span { margin-left: 3px; } #article-list-stacks_in_2 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 10px; max-width: calc(100% - 80px); } #article-list-stacks_in_2 .article-thumbnail { /* */ background: rgba(52, 52, 52, 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; } #article-list-stacks_in_2 .article-thumbnail::before, #article-list-stacks_in_2 .article-thumbnail::after { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; } #article-list-stacks_in_2 .article-thumbnail::before { z-index: 4; opacity: 0.5; transition: all 0.3s ease; } #article-list-stacks_in_2 .article-thumbnail::after { opacity: 1; color: rgba(255, 255, 255, 0.50); display: -webkit-box; display: -ms-flexbox; display: flex; content: '\f472'; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Ionicons"; font-size: 40.000000px; } #article-list-stacks_in_2 .article-thumbnail 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_2 .article-content { /* */ font-family: "Nunito"; /* */ font-size: 16px; line-height: 25.888000px; margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); color: rgba(153, 153, 153, 1.00); display: none; } #article-list-stacks_in_2 .article-content h1, #article-list-stacks_in_2 .article-content h2, #article-list-stacks_in_2 .article-content h3, #article-list-stacks_in_2 .article-content h4, #article-list-stacks_in_2 .article-content h5, #article-list-stacks_in_2 .article-content h6 { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_2 .article-content a, #article-list-stacks_in_2 .article-content a:visited { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_2 .article-close { color: rgba(254, 100, 178, 1.00); padding-bottom: 20px; width: 100%; display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; 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_2 .article-close i { margin-right: 10px; font-size: 28px; } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-description { /* */ text-decoration: underline; /* */ } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-thumbnail { overflow: hidden; } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-thumbnail::before { opacity: 0.5; /* */ background: rgba(52, 52, 52, 1.00); /* */ /* */ } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-thumbnail::after { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); content: '\f10b'; } #article-list-stacks_in_2 .article-list-grid-item.active .article-outer::before { /* */ background: rgba(128, 0, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; 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; } #article-list-stacks_in_2 .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_2 .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: 999999; padding: 20px 20px; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article { z-index: 3; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 700px; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article .article-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-title { font-size: 20px; line-height: 32.360001px; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-description { font-size: 16px; line-height: 25.888000px; overflow: hidden; white-space: normal; text-overflow: clip; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 20px; max-width: calc(100% - 200px); } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-thumbnail { width: 200px; height: 200px; border-radius: 100px; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-thumbnail img { transition: none; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-thumbnail::after { font-size: 100.000000px; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_2 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_2.ellipsed .article-description { /* */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* */ } #article-list-stacks_in_2.info-1-hide .article-info.info-1 { display: none !important; } #article-list-stacks_in_2.info-2-hide .article-info.info-2 { display: none !important; } @media (max-width: 600px) { #article-list-stacks_in_2 .article-list-grid-item.active-expand .article .article-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-thumbnail { width: 100%; margin: 0 auto; max-width: 200px; max-height: 200px; margin-bottom: 20px; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-header { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @-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%); } } @media (max-width: 600px) { /* */ /* */ } /* */ @font-face { font-family: "Ionicons"; src: url("ionicons/ionicons.eot?v=4.5.9-1"); src: url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"), url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"), url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"), url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"), url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg"); font-weight: normal; font-style: normal } #stacks_out_410, #stacks_in_410 { overflow: visible; } #cling-placeholder-stacks_in_410 { position: relative; width: 100%; margin:0 auto; max-width: 9999px; } #cling-stacks_in_410 { margin: 0 auto; position: relative; box-sizing: border-box; z-index: 999; /* max-width: 9999px; */ transition: width 300ms ease, left 300ms ease; /* */ /* */ /* */ /* */ } /* */ #cling-stacks_in_410 .cling-wrap { transition: all 300ms ease; border-radius: 0px 0px 0px 0px; /* */ /* */ border-width: 0px 0px 0px 0px; border-color: rgba(221, 221, 221, 1.00); border-style: solid; /* */ /* */ } #cling-stacks_in_410.clung { top: 0px; left: 0; right: auto; width: 100%; position: fixed; border-radius: 0; /* */ /* */ /* */ /* */ } #cling-stacks_in_410.clung-styles .cling-wrap { border-radius: 0px 0px 0px 0px; /* */ border-width: 0px 0px 0px 0px; border-color: rgba(221, 221, 221, 1.00); border-style: solid; /* */ /* */ } #cling-stacks_in_410.clung-styles.stop-following .cling-wrap { border-radius: 0px 0px 0px 0px; /* */ /* */ border-width: 0px 0px 0px 0px; border-color: rgba(221, 221, 221, 1.00); border-style: solid; /* */ /* */ } #cling-stacks_in_410 .cling-grid { position: relative; padding: 12px 12px; display: grid; text-decoration: none; box-sizing: border-box; transition: all 300ms ease; margin:0 auto; max-width: 9999px; } .is-nav-scrolling #cling-stacks_in_410, .is-nav-scrolling #cling-stacks_in_410 .cling-wrap, .is-nav-scrolling #cling-stacks_in_410 .cling-grid { transition: all 0ms linear; } #cling-stacks_in_410.clung-styles .cling-grid { padding: 12px 12px; } #cling-stacks_in_410.clung-styles.stop-following .cling-grid { padding: 12px 12px; } #cling-stacks_in_410 .cling-hide { display: block; } #cling-stacks_in_410.clung-styles .cling-hide { display: none; } #cling-stacks_in_410.clung-styles.stop-following .cling-hide { display: block; } /* */ #cling-stacks_in_410 .cling-show { display: none; } /* */ #cling-stacks_in_410.clung-styles .cling-show { display: block; } #cling-stacks_in_410.clung-styles.stop-following .cling-show { display: none; } #cling-stacks_in_410 .cling-hide-fade { opacity: 1; transition: opacity 300ms ease; position: relative; } #cling-stacks_in_410.clung-styles .cling-hide-fade { opacity: 0; position: absolute; } #cling-stacks_in_410.clung-styles.stop-following .cling-hide-fade { opacity: 0; position: absolute; } /* */ #cling-stacks_in_410 .cling-show-fade { position: absolute; opacity: 0; transition: opacity 300ms ease; } /* */ #cling-stacks_in_410.clung-styles .cling-show-fade { position: relative; opacity: 1; } #cling-stacks_in_410.clung-styles.stop-following .cling-show-fade { position: absolute; opacity: 0; } #cling-stacks_in_410 .cling-grid > * { /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; text-decoration: none; box-sizing: border-box; padding: px px; } #cling-stacks_in_410 .cling-mobile-header { color: ; background: ; display: none; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: px px; font-size: px; line-height: px; } #cling-stacks_in_410 .cling-mobile-header i { font-size: px; } /* */ @media (max-width: 767px) { #cling-stacks_in_410 .cling-grid > * { margin: 0 !important; } #cling-stacks_in_410.clung { top: 0px; /* */ /* */ } /* */ #cling-stacks_in_410 .cling-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; } #cling-stacks_in_410 .cling-grid, #cling-stacks_in_410.show-grid .cling-grid { display: -ms-grid; display: grid; } /* */ } @media (max-width: 414px) { /* */ #cling-stacks_in_410.clung { top: 0px; /* */ /* */ } } /* */ #cling-stacks_in_410.cling-loading, #cling-stacks_in_410.cling-loading.clung .cling-grid { transition: all 0ms linear; } #stacks_in_387{ background: #FD8008; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD8008', endColorstr='#800080',GradientType=0 ); /* IE6-9 */ background-image: -moz-linear-gradient(-45deg, #FD8008 20%, #800080 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(20%, #FD8008), color-stop(100%,#800080)); background-image: -webkit-linear-gradient(-45deg, #FD8008 20%,#800080 100%); background-image: -o-linear-gradient(-45deg, #FD8008 20%,#800080 100%); background-image: -ms-linear-gradient(-45deg, #FD8008 20%,#800080 100%); background-image: linear-gradient(135deg, #FD8008 20%,#800080 100%); } #stacks_in_387 { margin: 10px; } #listifyContainer_stacks_in_276 { width: 100%; margin-left: auto; margin-right: auto; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; box-sizing: border-box; padding: 0px 0px 0px 0px; border-radius: 5px; /* */ background: none; /* */ /* */ /* */ /* */ } #listifyContainer_stacks_in_276 [id*="listify"] { /* */ /* */ -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ } /* */ /* */ /* */ @media (max-width: 767px) { #listifyContainer_stacks_in_276 { -ms-flex-wrap: wrap; flex-wrap: wrap; } #listifyContainer_stacks_in_276 [id*="listify"] { width: 100% !important; min-width: auto !important; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyContainer_stacks_in_276.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyContainer_stacks_in_276.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyContainer_stacks_in_276.hide-d { display: none; } } /* */ /* */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(listify-files/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(listify-files/MaterialIcons-Regular.woff2) format('woff2'), url(listify-files/MaterialIcons-Regular.woff) format('woff'), url(listify-files/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("listify-files/ionicons.eot?v=2.0.1");src:url("listify-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("listify-files/ionicons.ttf?v=2.0.1") format("truetype"),url("listify-files/ionicons.woff?v=2.0.1") format("woff"),url("listify-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} #listify_stacks_in_284 { /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ /** * Remove default margin. */ /* HTML5 display definitions * ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ /* Links * ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability of focused elements when they are also in an * active/hover state. */ /* Text-level semantics * ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in Safari and Chrome. */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in IE 8/9. */ /** * Address inconsistent and variable font size in all browsers. */ /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content * ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content * ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ /** * Address odd `em`-unit font size rendering in all browsers. */ /* Forms * ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ /** * Re-set default cursor for disabled elements. */ /** * Remove inner padding and border in Firefox 4+. */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* Tables * ========================================================================== */ /** * Remove most spacing between table cells. */ /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ /* .w-lightbox-content */ /* * 1. Remove default margin set by user-agent on the
element. */ /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ /** * 1. Reset if style is set by user on "All Images" */ /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ /** * 1. All IE versions add extra space at the bottom without this. */ /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ /* * Utility classes */ } #listify_stacks_in_284 html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } #listify_stacks_in_284 body { margin: 0; } #listify_stacks_in_284 article, #listify_stacks_in_284 aside, #listify_stacks_in_284 details, #listify_stacks_in_284 figcaption, #listify_stacks_in_284 figure, #listify_stacks_in_284 footer, #listify_stacks_in_284 header, #listify_stacks_in_284 hgroup, #listify_stacks_in_284 main, #listify_stacks_in_284 menu, #listify_stacks_in_284 nav, #listify_stacks_in_284 section, #listify_stacks_in_284 summary { display: block; } #listify_stacks_in_284 audio, #listify_stacks_in_284 canvas, #listify_stacks_in_284 progress, #listify_stacks_in_284 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } #listify_stacks_in_284 audio:not([controls]) { display: none; height: 0; } #listify_stacks_in_284 [hidden], #listify_stacks_in_284 template { display: none; } #listify_stacks_in_284 a { background-color: transparent; } #listify_stacks_in_284 a:active, #listify_stacks_in_284 a:hover { outline: 0; } #listify_stacks_in_284 abbr[title] { border-bottom: 1px dotted; } #listify_stacks_in_284 b, #listify_stacks_in_284 strong { font-weight: bold; } #listify_stacks_in_284 dfn { font-style: italic; } #listify_stacks_in_284 h1 { font-size: 2em; margin: 0.67em 0; } #listify_stacks_in_284 mark { background: #ff0; color: #000; } #listify_stacks_in_284 small { font-size: 80%; } #listify_stacks_in_284 sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #listify_stacks_in_284 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } #listify_stacks_in_284 sub { bottom: -0.25em; } #listify_stacks_in_284 img { border: 0; } #listify_stacks_in_284 svg:not(:root) { overflow: hidden; } #listify_stacks_in_284 figure { margin: 1em 40px; } #listify_stacks_in_284 hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } #listify_stacks_in_284 pre { overflow: auto; } #listify_stacks_in_284 code, #listify_stacks_in_284 kbd, #listify_stacks_in_284 pre, #listify_stacks_in_284 samp { font-family: monospace, monospace; font-size: 1em; } #listify_stacks_in_284 button, #listify_stacks_in_284 input, #listify_stacks_in_284 optgroup, #listify_stacks_in_284 select, #listify_stacks_in_284 textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } #listify_stacks_in_284 button { overflow: visible; text-transform: none; } #listify_stacks_in_284 select { text-transform: none; } #listify_stacks_in_284 button, #listify_stacks_in_284 html input[type="button"], #listify_stacks_in_284 input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } #listify_stacks_in_284 button[disabled], #listify_stacks_in_284 html input[disabled] { cursor: default; } #listify_stacks_in_284 button::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_284 input { line-height: normal; } #listify_stacks_in_284 input::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_284 input[type="checkbox"], #listify_stacks_in_284 input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_284 input[type="number"]::-webkit-inner-spin-button, #listify_stacks_in_284 input[type="number"]::-webkit-outer-spin-button { height: auto; } #listify_stacks_in_284 input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } #listify_stacks_in_284 input[type="search"]::-webkit-search-cancel-button, #listify_stacks_in_284 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #listify_stacks_in_284 fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #listify_stacks_in_284 legend { border: 0; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_284 textarea { overflow: auto; } #listify_stacks_in_284 optgroup { font-weight: bold; } #listify_stacks_in_284 table { border-collapse: collapse; border-spacing: 0; } #listify_stacks_in_284 td, #listify_stacks_in_284 th { padding: 0; } @font-face { #listify_stacks_in_284 { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); font-weight: normal; font-style: normal; } } #listify_stacks_in_284 [class^="w-icon-"], #listify_stacks_in_284 [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #listify_stacks_in_284 .w-icon-slider-right:before { content: "\e600"; } #listify_stacks_in_284 .w-icon-slider-left:before { content: "\e601"; } #listify_stacks_in_284 .w-icon-nav-menu:before { content: "\e602"; } #listify_stacks_in_284 .w-icon-arrow-down:before, #listify_stacks_in_284 .w-icon-dropdown-toggle:before { content: "\e603"; } #listify_stacks_in_284 * { -webkit-box-sizing: border-box; box-sizing: border-box; } #listify_stacks_in_284 html { height: 100%; } #listify_stacks_in_284 body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } #listify_stacks_in_284 img { max-width: 100%; vertical-align: middle; display: inline-block; } #listify_stacks_in_284 html.w-mod-touch * { background-attachment: scroll !important; } #listify_stacks_in_284 .w-block { display: block; } #listify_stacks_in_284 .w-inline-block { max-width: 100%; display: inline-block; } #listify_stacks_in_284 .w-clearfix:before { content: " "; display: table; } #listify_stacks_in_284 .w-clearfix:after { content: " "; display: table; clear: both; } #listify_stacks_in_284 .w-preserve-3d { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #listify_stacks_in_284 .w-hidden { display: none; } #listify_stacks_in_284 .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } #listify_stacks_in_284 input.w-button { -webkit-appearance: button; } #listify_stacks_in_284 html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } #listify_stacks_in_284 .w-webflow-badge { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1.0 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); } #listify_stacks_in_284 .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } #listify_stacks_in_284 .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } #listify_stacks_in_284 h1, #listify_stacks_in_284 h2, #listify_stacks_in_284 h3, #listify_stacks_in_284 h4, #listify_stacks_in_284 h5, #listify_stacks_in_284 h6 { font-weight: bold; margin-bottom: 10px; } #listify_stacks_in_284 h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } #listify_stacks_in_284 h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } #listify_stacks_in_284 h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } #listify_stacks_in_284 h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } #listify_stacks_in_284 h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } #listify_stacks_in_284 h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } #listify_stacks_in_284 p { margin-top: 0; margin-bottom: 10px; } #listify_stacks_in_284 a:focus { outline: 0; } #listify_stacks_in_284 blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } #listify_stacks_in_284 figure { margin: 0; margin-bottom: 10px; } #listify_stacks_in_284 figcaption { margin-top: 5px; text-align: center; } #listify_stacks_in_284 ul, #listify_stacks_in_284 ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } #listify_stacks_in_284 .w-list-unstyled { padding-left: 0; list-style: none; } #listify_stacks_in_284 .w-embed:before { content: " "; display: table; } #listify_stacks_in_284 .w-embed:after { content: " "; display: table; clear: both; } #listify_stacks_in_284 .w-video { width: 100%; position: relative; padding: 0; } #listify_stacks_in_284 .w-video iframe, #listify_stacks_in_284 .w-video object, #listify_stacks_in_284 .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_284 fieldset { padding: 0; margin: 0; border: 0; } #listify_stacks_in_284 button, #listify_stacks_in_284 html input[type="button"], #listify_stacks_in_284 input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; } #listify_stacks_in_284 .w-form { margin: 0 0 15px; } #listify_stacks_in_284 .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } #listify_stacks_in_284 .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } #listify_stacks_in_284 label { display: block; margin-bottom: 5px; font-weight: bold; } #listify_stacks_in_284 .w-input, #listify_stacks_in_284 .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } #listify_stacks_in_284 .w-input:-moz-placeholder, #listify_stacks_in_284 .w-select:-moz-placeholder { color: #999; } #listify_stacks_in_284 .w-input::-moz-placeholder, #listify_stacks_in_284 .w-select::-moz-placeholder { color: #999; opacity: 1; } #listify_stacks_in_284 .w-input:-ms-input-placeholder, #listify_stacks_in_284 .w-select:-ms-input-placeholder, #listify_stacks_in_284 .w-input::-webkit-input-placeholder, #listify_stacks_in_284 .w-select::-webkit-input-placeholder { color: #999; } #listify_stacks_in_284 .w-input:focus, #listify_stacks_in_284 .w-select:focus { border-color: #3898EC; outline: 0; } #listify_stacks_in_284 .w-input[disabled], #listify_stacks_in_284 .w-select[disabled], #listify_stacks_in_284 .w-input[readonly], #listify_stacks_in_284 .w-select[readonly] { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_284 fieldset[disabled] .w-input, #listify_stacks_in_284 fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_284 textarea.w-input, #listify_stacks_in_284 textarea.w-select { height: auto; } #listify_stacks_in_284 .w-select { background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3)); background-image: linear-gradient(white 0%, #f3f3f3 100%); } #listify_stacks_in_284 .w-select[multiple] { height: auto; } #listify_stacks_in_284 .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } #listify_stacks_in_284 .w-checkbox, #listify_stacks_in_284 .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } #listify_stacks_in_284 .w-checkbox:before, #listify_stacks_in_284 .w-radio:before, #listify_stacks_in_284 .w-checkbox:after, #listify_stacks_in_284 .w-radio:after { content: " "; display: table; } #listify_stacks_in_284 .w-checkbox:after, #listify_stacks_in_284 .w-radio:after { clear: both; } #listify_stacks_in_284 .w-checkbox-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } #listify_stacks_in_284 .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; margin-top: 3px; } #listify_stacks_in_284 .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } #listify_stacks_in_284 .w-container:before { content: " "; display: table; } #listify_stacks_in_284 .w-container:after { content: " "; display: table; clear: both; } #listify_stacks_in_284 .w-container .w-row { margin-left: -10px; margin-right: -10px; } #listify_stacks_in_284 .w-row:before { content: " "; display: table; } #listify_stacks_in_284 .w-row:after { content: " "; display: table; clear: both; } #listify_stacks_in_284 .w-row .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_284 .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } #listify_stacks_in_284 .w-col .w-col { padding-left: 0; padding-right: 0; } #listify_stacks_in_284 .w-col-1 { width: 8.33333333%; } #listify_stacks_in_284 .w-col-2 { width: 16.66666667%; } #listify_stacks_in_284 .w-col-3 { width: 25%; } #listify_stacks_in_284 .w-col-4 { width: 33.33333333%; } #listify_stacks_in_284 .w-col-5 { width: 41.66666667%; } #listify_stacks_in_284 .w-col-6 { width: 50%; } #listify_stacks_in_284 .w-col-7 { width: 58.33333333%; } #listify_stacks_in_284 .w-col-8 { width: 66.66666667%; } #listify_stacks_in_284 .w-col-9 { width: 75%; } #listify_stacks_in_284 .w-col-10 { width: 83.33333333%; } #listify_stacks_in_284 .w-col-11 { width: 91.66666667%; } #listify_stacks_in_284 .w-col-12 { width: 100%; } #listify_stacks_in_284 .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { #listify_stacks_in_284 .w-container { max-width: 728px; } #listify_stacks_in_284 .w-hidden-main { display: inherit !important; } #listify_stacks_in_284 .w-hidden-medium { display: none !important; } #listify_stacks_in_284 .w-col-medium-1 { width: 8.33333333%; } #listify_stacks_in_284 .w-col-medium-2 { width: 16.66666667%; } #listify_stacks_in_284 .w-col-medium-3 { width: 25%; } #listify_stacks_in_284 .w-col-medium-4 { width: 33.33333333%; } #listify_stacks_in_284 .w-col-medium-5 { width: 41.66666667%; } #listify_stacks_in_284 .w-col-medium-6 { width: 50%; } #listify_stacks_in_284 .w-col-medium-7 { width: 58.33333333%; } #listify_stacks_in_284 .w-col-medium-8 { width: 66.66666667%; } #listify_stacks_in_284 .w-col-medium-9 { width: 75%; } #listify_stacks_in_284 .w-col-medium-10 { width: 83.33333333%; } #listify_stacks_in_284 .w-col-medium-11 { width: 91.66666667%; } #listify_stacks_in_284 .w-col-medium-12 { width: 100%; } #listify_stacks_in_284 .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { #listify_stacks_in_284 .w-hidden-main, #listify_stacks_in_284 .w-hidden-medium { display: inherit !important; } #listify_stacks_in_284 .w-hidden-small { display: none !important; } #listify_stacks_in_284 .w-row, #listify_stacks_in_284 .w-container .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_284 .w-col { width: 100%; left: auto; right: auto; } #listify_stacks_in_284 .w-col-small-1 { width: 8.33333333%; } #listify_stacks_in_284 .w-col-small-2 { width: 16.66666667%; } #listify_stacks_in_284 .w-col-small-3 { width: 25%; } #listify_stacks_in_284 .w-col-small-4 { width: 33.33333333%; } #listify_stacks_in_284 .w-col-small-5 { width: 41.66666667%; } #listify_stacks_in_284 .w-col-small-6 { width: 50%; } #listify_stacks_in_284 .w-col-small-7 { width: 58.33333333%; } #listify_stacks_in_284 .w-col-small-8 { width: 66.66666667%; } #listify_stacks_in_284 .w-col-small-9 { width: 75%; } #listify_stacks_in_284 .w-col-small-10 { width: 83.33333333%; } #listify_stacks_in_284 .w-col-small-11 { width: 91.66666667%; } #listify_stacks_in_284 .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { #listify_stacks_in_284 .w-container { max-width: none; } #listify_stacks_in_284 .w-hidden-main, #listify_stacks_in_284 .w-hidden-medium, #listify_stacks_in_284 .w-hidden-small { display: inherit !important; } #listify_stacks_in_284 .w-hidden-tiny { display: none !important; } #listify_stacks_in_284 .w-col { width: 100%; } #listify_stacks_in_284 .w-col-tiny-1 { width: 8.33333333%; } #listify_stacks_in_284 .w-col-tiny-2 { width: 16.66666667%; } #listify_stacks_in_284 .w-col-tiny-3 { width: 25%; } #listify_stacks_in_284 .w-col-tiny-4 { width: 33.33333333%; } #listify_stacks_in_284 .w-col-tiny-5 { width: 41.66666667%; } #listify_stacks_in_284 .w-col-tiny-6 { width: 50%; } #listify_stacks_in_284 .w-col-tiny-7 { width: 58.33333333%; } #listify_stacks_in_284 .w-col-tiny-8 { width: 66.66666667%; } #listify_stacks_in_284 .w-col-tiny-9 { width: 75%; } #listify_stacks_in_284 .w-col-tiny-10 { width: 83.33333333%; } #listify_stacks_in_284 .w-col-tiny-11 { width: 91.66666667%; } #listify_stacks_in_284 .w-col-tiny-12 { width: 100%; } } #listify_stacks_in_284 .w-widget { position: relative; } #listify_stacks_in_284 .w-widget-map { width: 100%; height: 400px; } #listify_stacks_in_284 .w-widget-map label { width: auto; display: inline; } #listify_stacks_in_284 .w-widget-map img { max-width: inherit; } #listify_stacks_in_284 .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } #listify_stacks_in_284 .w-widget-map .gm-style-iw + div { display: none; } #listify_stacks_in_284 .w-widget-twitter { overflow: hidden; } #listify_stacks_in_284 .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } #listify_stacks_in_284 .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_284 .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } #listify_stacks_in_284 .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical):before, #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } #listify_stacks_in_284 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--vertical:before, #listify_stacks_in_284 .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } #listify_stacks_in_284 .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } #listify_stacks_in_284 .w-widget-gplus { overflow: hidden; } #listify_stacks_in_284 .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } #listify_stacks_in_284 .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } #listify_stacks_in_284 .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_284 .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } #listify_stacks_in_284 .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } #listify_stacks_in_284 .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_284 .w-slider-nav.w-round > div { border-radius: 100%; } #listify_stacks_in_284 .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } #listify_stacks_in_284 .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } #listify_stacks_in_284 .w-slider-nav-invert { color: #fff; } #listify_stacks_in_284 .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } #listify_stacks_in_284 .w-slider-nav-invert > div.w-active { background-color: #222; } #listify_stacks_in_284 .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } #listify_stacks_in_284 .w-slider-dot.w-active { background-color: #fff; } #listify_stacks_in_284 .w-slider-arrow-left, #listify_stacks_in_284 .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_284 .w-slider-arrow-left [class^="w-icon-"], #listify_stacks_in_284 .w-slider-arrow-right [class^="w-icon-"], #listify_stacks_in_284 .w-slider-arrow-left [class*=" w-icon-"], #listify_stacks_in_284 .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } #listify_stacks_in_284 .w-slider-arrow-left { z-index: 3; right: auto; } #listify_stacks_in_284 .w-slider-arrow-right { z-index: 4; left: auto; } #listify_stacks_in_284 .w-icon-slider-left, #listify_stacks_in_284 .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } #listify_stacks_in_284 .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } #listify_stacks_in_284 .w-dropdown-btn, #listify_stacks_in_284 .w-dropdown-toggle, #listify_stacks_in_284 .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } #listify_stacks_in_284 .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } #listify_stacks_in_284 .w-dropdown-toggle:focus { outline: 0; } #listify_stacks_in_284 .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } #listify_stacks_in_284 .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } #listify_stacks_in_284 .w-dropdown-list.w--open { display: block; } #listify_stacks_in_284 .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } #listify_stacks_in_284 .w-dropdown-link.w--current { color: #0082f3; } #listify_stacks_in_284 .w-nav[data-collapse="all"] .w-dropdown, #listify_stacks_in_284 .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } #listify_stacks_in_284 .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { #listify_stacks_in_284 .w-nav[data-collapse="medium"] .w-dropdown, #listify_stacks_in_284 .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } #listify_stacks_in_284 .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { #listify_stacks_in_284 .w-nav[data-collapse="small"] .w-dropdown, #listify_stacks_in_284 .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } #listify_stacks_in_284 .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } #listify_stacks_in_284 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_284 .w-nav[data-collapse="tiny"] .w-dropdown, #listify_stacks_in_284 .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } #listify_stacks_in_284 .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } #listify_stacks_in_284 .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_284 .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_284 .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } #listify_stacks_in_284 .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } #listify_stacks_in_284 .w-lightbox-view:before { content: ""; height: 100vh; } #listify_stacks_in_284 .w-lightbox-group { height: 86vh; } #listify_stacks_in_284 .w-lightbox-group .w-lightbox-view { height: 86vh; } #listify_stacks_in_284 .w-lightbox-group .w-lightbox-view:before { height: 86vh; } #listify_stacks_in_284 .w-lightbox-frame, #listify_stacks_in_284 .w-lightbox-view:before { display: inline-block; vertical-align: middle; } #listify_stacks_in_284 .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } #listify_stacks_in_284 .w-lightbox-group .w-lightbox-figure { cursor: pointer; } #listify_stacks_in_284 .w-lightbox-img { width: auto; height: auto; max-width: none; } #listify_stacks_in_284 .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } #listify_stacks_in_284 .w-lightbox-group .w-lightbox-image { max-height: 86vh; } #listify_stacks_in_284 .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #listify_stacks_in_284 .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_284 .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } #listify_stacks_in_284 .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } #listify_stacks_in_284 .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } #listify_stacks_in_284 .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } #listify_stacks_in_284 .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } #listify_stacks_in_284 .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } #listify_stacks_in_284 .w-lightbox-active { opacity: .3; } #listify_stacks_in_284 .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } #listify_stacks_in_284 .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } #listify_stacks_in_284 .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #listify_stacks_in_284 .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #listify_stacks_in_284 .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } #listify_stacks_in_284 .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } #listify_stacks_in_284 .w-lightbox-hide { display: none; } #listify_stacks_in_284 .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { #listify_stacks_in_284 { /* .w-lightbox-content */ } #listify_stacks_in_284 .w-lightbox-content { height: 96vh; margin-top: 2vh; } #listify_stacks_in_284 .w-lightbox-view { height: 96vh; } #listify_stacks_in_284 .w-lightbox-view:before { height: 96vh; } #listify_stacks_in_284 .w-lightbox-group { height: 84vh; } #listify_stacks_in_284 .w-lightbox-group .w-lightbox-view { height: 84vh; } #listify_stacks_in_284 .w-lightbox-group .w-lightbox-view:before { height: 84vh; } #listify_stacks_in_284 .w-lightbox-image { max-width: 96vw; max-height: 96vh; } #listify_stacks_in_284 .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } #listify_stacks_in_284 .w-lightbox-left, #listify_stacks_in_284 .w-lightbox-right { display: block; opacity: .5; } #listify_stacks_in_284 .w-lightbox-close { opacity: .8; } #listify_stacks_in_284 .w-lightbox-control:hover { opacity: 1; } } #listify_stacks_in_284 .w-lightbox-inactive { opacity: 0; } #listify_stacks_in_284 .w-lightbox-inactive:hover { opacity: 0; } #listify_stacks_in_284 .w-richtext:before { content: " "; display: table; } #listify_stacks_in_284 .w-richtext:after { content: " "; display: table; clear: both; } #listify_stacks_in_284 .w-richtext ol, #listify_stacks_in_284 .w-richtext ul { overflow: hidden; } #listify_stacks_in_284 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before, #listify_stacks_in_284 .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before, #listify_stacks_in_284 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, #listify_stacks_in_284 .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } #listify_stacks_in_284 .w-richtext figure { position: relative; max-width: 60%; } #listify_stacks_in_284 .w-richtext figure.w-richtext-figure-type-video > div:before, #listify_stacks_in_284 .w-richtext figure[data-rt-type="video"] > div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } #listify_stacks_in_284 .w-richtext figure > div:before { cursor: default !important; } #listify_stacks_in_284 .w-richtext figure img { cursor: default !important; width: 100%; } #listify_stacks_in_284 .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } #listify_stacks_in_284 .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } #listify_stacks_in_284 .w-richtext figure.w-richtext-figure-type-image, #listify_stacks_in_284 .w-richtext figure[data-rt-type="image"] { display: table; } #listify_stacks_in_284 .w-richtext figure.w-richtext-figure-type-image > div, #listify_stacks_in_284 .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } #listify_stacks_in_284 .w-richtext figure.w-richtext-figure-type-image > figcaption, #listify_stacks_in_284 .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } #listify_stacks_in_284 .w-richtext figure.w-richtext-figure-type-video, #listify_stacks_in_284 .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } #listify_stacks_in_284 .w-richtext figure.w-richtext-figure-type-video iframe, #listify_stacks_in_284 .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_284 .w-richtext figure.w-richtext-figure-type-video > div, #listify_stacks_in_284 .w-richtext figure[data-rt-type="video"] > div { width: 100%; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, #listify_stacks_in_284 .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-normal { clear: both; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures * we want the div to inherit that so hover/selection borders in the designer-canvas * fit right */ padding-bottom: inherit; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } #listify_stacks_in_284 .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } #listify_stacks_in_284 .w-nav { position: relative; background: #dddddd; z-index: 1000; } #listify_stacks_in_284 .w-nav:before { content: " "; display: table; } #listify_stacks_in_284 .w-nav:after { content: " "; display: table; clear: both; } #listify_stacks_in_284 .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } #listify_stacks_in_284 .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } #listify_stacks_in_284 .w-nav-link.w--current { color: #0082f3; } #listify_stacks_in_284 .w-nav-menu { position: relative; float: right; } #listify_stacks_in_284 .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } #listify_stacks_in_284 .w--nav-link-open { display: block; position: relative; } #listify_stacks_in_284 .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } #listify_stacks_in_284 .w-nav-overlay .w--nav-menu-open { top: 0; } #listify_stacks_in_284 .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; right: auto; z-index: 1; top: 0; } #listify_stacks_in_284 .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } #listify_stacks_in_284 .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; left: auto; z-index: 1; top: 0; } #listify_stacks_in_284 .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } #listify_stacks_in_284 .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_284 .w-nav-button.w--open { background-color: #C8C8C8; color: white; } #listify_stacks_in_284 .w-nav[data-collapse="all"] .w-nav-menu { display: none; } #listify_stacks_in_284 .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { #listify_stacks_in_284 .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } #listify_stacks_in_284 .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { #listify_stacks_in_284 .w-nav[data-collapse="small"] .w-nav-menu { display: none; } #listify_stacks_in_284 .w-nav[data-collapse="small"] .w-nav-button { display: block; } #listify_stacks_in_284 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_284 .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } #listify_stacks_in_284 .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } #listify_stacks_in_284 .w-tabs { position: relative; } #listify_stacks_in_284 .w-tabs:before { content: " "; display: table; } #listify_stacks_in_284 .w-tabs:after { content: " "; display: table; clear: both; } #listify_stacks_in_284 .w-tab-menu { position: relative; } #listify_stacks_in_284 .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } #listify_stacks_in_284 .w-tab-link.w--current { background-color: #C8C8C8; } #listify_stacks_in_284 .w-tab-content { position: relative; display: block; overflow: hidden; } #listify_stacks_in_284 .w-tab-pane { position: relative; display: none; } #listify_stacks_in_284 .w--tab-active { display: block; } @media screen and (max-width: 479px) { #listify_stacks_in_284 .w-tab-link { display: block; } } #listify_stacks_in_284 .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #listify_stacks_in_284 .w-dyn-empty { padding: 10px; background-color: #dddddd; } #listify_stacks_in_284 .w-dyn-bind-empty, #listify_stacks_in_284 .w-condition-invisible { display: none !important; } .list-container { margin-top: 0px; overflow: hidden; margin-left: auto; margin-right: auto; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .section { top: 0px; left: 0px; right: 0px; bottom: 0px; padding-top: 0px; position: absolute; padding-bottom: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; } .section.main { display: none; } .container { -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; } #listify_stacks_in_284 { -webkit-box-sizing: border-box; box-sizing: border-box; /* */ width: 100%; /* */ /* */ } #listify_stacks_in_284 .list { overflow: hidden; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_284 .list-item { list-style-type: none; margin-bottom: 5px; } #listify_stacks_in_284 .list-item ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_284 .list-item a { cursor: pointer; text-decoration: none; } #listify_stacks_in_284 .list-item-inner { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin: 0px auto 0px auto; padding: 8px 8px 8px 8px; border-radius: 5px; /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; /* */ /* */ /* */ /* */ } #listify_stacks_in_284 .list-item-icon { flex: 0 auto; -ms-flex: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; vertical-align: middle; padding: 5px; line-height: 1; border-radius: 50px; /* */ margin-right: 5px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; /* */ /* */ /* */ -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ /* */ /* */ background: none; /* */ /* */ /* */ /* */ } #listify_stacks_in_284 .list-item-icon.hide-icon { display: none; } #listify_stacks_in_284 .list-item-icon i { color: rgba(0, 0, 0, 1.00); font-size: 20px; vertical-align: middle; /* */ } #listify_stacks_in_284 .list-item-text { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; -ms-grid-row-align: center; align-self: center; word-wrap: break-word; -webkit-align-self: center; -ms-flex-item-align: center; color: rgba(0, 0, 0, 1.00); font-size: 16px; line-height: 22px; font-family: inherit; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_284 .list-item-text.hide-text { display: none; } /* */ /* */ #listify_stacks_in_284 .list-item-inner { margin: 10px 10px 10px 10px; } @media only screen and (max-width: 440px) { #listify_stacks_in_284.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listify_stacks_in_284.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listify_stacks_in_284.hide-d { display: none; } } /* */ #listifyItem_stacks_in_286.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_286.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_286.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_286.hide-d { display: none; } } /* */ #listifyItem_stacks_in_288.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_288.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_288.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_288.hide-d { display: none; } } /* */ #listifyItem_stacks_in_290.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_290.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_290.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_290.hide-d { display: none; } } /* */ #listifyItem_stacks_in_324.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_324.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_324.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_324.hide-d { display: none; } } /* */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(listify-files/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(listify-files/MaterialIcons-Regular.woff2) format('woff2'), url(listify-files/MaterialIcons-Regular.woff) format('woff'), url(listify-files/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("listify-files/ionicons.eot?v=2.0.1");src:url("listify-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("listify-files/ionicons.ttf?v=2.0.1") format("truetype"),url("listify-files/ionicons.woff?v=2.0.1") format("woff"),url("listify-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} #listify_stacks_in_268 { /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ /** * Remove default margin. */ /* HTML5 display definitions * ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ /* Links * ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability of focused elements when they are also in an * active/hover state. */ /* Text-level semantics * ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in Safari and Chrome. */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in IE 8/9. */ /** * Address inconsistent and variable font size in all browsers. */ /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content * ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content * ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ /** * Address odd `em`-unit font size rendering in all browsers. */ /* Forms * ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ /** * Re-set default cursor for disabled elements. */ /** * Remove inner padding and border in Firefox 4+. */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* Tables * ========================================================================== */ /** * Remove most spacing between table cells. */ /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ /* .w-lightbox-content */ /* * 1. Remove default margin set by user-agent on the
element. */ /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ /** * 1. Reset if style is set by user on "All Images" */ /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ /** * 1. All IE versions add extra space at the bottom without this. */ /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ /* * Utility classes */ } #listify_stacks_in_268 html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } #listify_stacks_in_268 body { margin: 0; } #listify_stacks_in_268 article, #listify_stacks_in_268 aside, #listify_stacks_in_268 details, #listify_stacks_in_268 figcaption, #listify_stacks_in_268 figure, #listify_stacks_in_268 footer, #listify_stacks_in_268 header, #listify_stacks_in_268 hgroup, #listify_stacks_in_268 main, #listify_stacks_in_268 menu, #listify_stacks_in_268 nav, #listify_stacks_in_268 section, #listify_stacks_in_268 summary { display: block; } #listify_stacks_in_268 audio, #listify_stacks_in_268 canvas, #listify_stacks_in_268 progress, #listify_stacks_in_268 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } #listify_stacks_in_268 audio:not([controls]) { display: none; height: 0; } #listify_stacks_in_268 [hidden], #listify_stacks_in_268 template { display: none; } #listify_stacks_in_268 a { background-color: transparent; } #listify_stacks_in_268 a:active, #listify_stacks_in_268 a:hover { outline: 0; } #listify_stacks_in_268 abbr[title] { border-bottom: 1px dotted; } #listify_stacks_in_268 b, #listify_stacks_in_268 strong { font-weight: bold; } #listify_stacks_in_268 dfn { font-style: italic; } #listify_stacks_in_268 h1 { font-size: 2em; margin: 0.67em 0; } #listify_stacks_in_268 mark { background: #ff0; color: #000; } #listify_stacks_in_268 small { font-size: 80%; } #listify_stacks_in_268 sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #listify_stacks_in_268 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; } #listify_stacks_in_268 sub { bottom: -0.25em; } #listify_stacks_in_268 img { border: 0; } #listify_stacks_in_268 svg:not(:root) { overflow: hidden; } #listify_stacks_in_268 figure { margin: 1em 40px; } #listify_stacks_in_268 hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } #listify_stacks_in_268 pre { overflow: auto; } #listify_stacks_in_268 code, #listify_stacks_in_268 kbd, #listify_stacks_in_268 pre, #listify_stacks_in_268 samp { font-family: monospace, monospace; font-size: 1em; } #listify_stacks_in_268 button, #listify_stacks_in_268 input, #listify_stacks_in_268 optgroup, #listify_stacks_in_268 select, #listify_stacks_in_268 textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } #listify_stacks_in_268 button { overflow: visible; text-transform: none; } #listify_stacks_in_268 select { text-transform: none; } #listify_stacks_in_268 button, #listify_stacks_in_268 html input[type="button"], #listify_stacks_in_268 input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } #listify_stacks_in_268 button[disabled], #listify_stacks_in_268 html input[disabled] { cursor: default; } #listify_stacks_in_268 button::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_268 input { line-height: normal; } #listify_stacks_in_268 input::-moz-focus-inner { border: 0; padding: 0; } #listify_stacks_in_268 input[type="checkbox"], #listify_stacks_in_268 input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_268 input[type="number"]::-webkit-inner-spin-button, #listify_stacks_in_268 input[type="number"]::-webkit-outer-spin-button { height: auto; } #listify_stacks_in_268 input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } #listify_stacks_in_268 input[type="search"]::-webkit-search-cancel-button, #listify_stacks_in_268 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #listify_stacks_in_268 fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } #listify_stacks_in_268 legend { border: 0; /* 1 */ padding: 0; /* 2 */ } #listify_stacks_in_268 textarea { overflow: auto; } #listify_stacks_in_268 optgroup { font-weight: bold; } #listify_stacks_in_268 table { border-collapse: collapse; border-spacing: 0; } #listify_stacks_in_268 td, #listify_stacks_in_268 th { padding: 0; } @font-face { #listify_stacks_in_268 { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); font-weight: normal; font-style: normal; } } #listify_stacks_in_268 [class^="w-icon-"], #listify_stacks_in_268 [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #listify_stacks_in_268 .w-icon-slider-right:before { content: "\e600"; } #listify_stacks_in_268 .w-icon-slider-left:before { content: "\e601"; } #listify_stacks_in_268 .w-icon-nav-menu:before { content: "\e602"; } #listify_stacks_in_268 .w-icon-arrow-down:before, #listify_stacks_in_268 .w-icon-dropdown-toggle:before { content: "\e603"; } #listify_stacks_in_268 * { -webkit-box-sizing: border-box; box-sizing: border-box; } #listify_stacks_in_268 html { height: 100%; } #listify_stacks_in_268 body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } #listify_stacks_in_268 img { max-width: 100%; vertical-align: middle; display: inline-block; } #listify_stacks_in_268 html.w-mod-touch * { background-attachment: scroll !important; } #listify_stacks_in_268 .w-block { display: block; } #listify_stacks_in_268 .w-inline-block { max-width: 100%; display: inline-block; } #listify_stacks_in_268 .w-clearfix:before { content: " "; display: table; } #listify_stacks_in_268 .w-clearfix:after { content: " "; display: table; clear: both; } #listify_stacks_in_268 .w-preserve-3d { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } #listify_stacks_in_268 .w-hidden { display: none; } #listify_stacks_in_268 .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } #listify_stacks_in_268 input.w-button { -webkit-appearance: button; } #listify_stacks_in_268 html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } #listify_stacks_in_268 .w-webflow-badge { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1.0 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); } #listify_stacks_in_268 .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; opacity: 1.0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } #listify_stacks_in_268 .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } #listify_stacks_in_268 h1, #listify_stacks_in_268 h2, #listify_stacks_in_268 h3, #listify_stacks_in_268 h4, #listify_stacks_in_268 h5, #listify_stacks_in_268 h6 { font-weight: bold; margin-bottom: 10px; } #listify_stacks_in_268 h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } #listify_stacks_in_268 h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } #listify_stacks_in_268 h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } #listify_stacks_in_268 h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } #listify_stacks_in_268 h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } #listify_stacks_in_268 h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } #listify_stacks_in_268 p { margin-top: 0; margin-bottom: 10px; } #listify_stacks_in_268 a:focus { outline: 0; } #listify_stacks_in_268 blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } #listify_stacks_in_268 figure { margin: 0; margin-bottom: 10px; } #listify_stacks_in_268 figcaption { margin-top: 5px; text-align: center; } #listify_stacks_in_268 ul, #listify_stacks_in_268 ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } #listify_stacks_in_268 .w-list-unstyled { padding-left: 0; list-style: none; } #listify_stacks_in_268 .w-embed:before { content: " "; display: table; } #listify_stacks_in_268 .w-embed:after { content: " "; display: table; clear: both; } #listify_stacks_in_268 .w-video { width: 100%; position: relative; padding: 0; } #listify_stacks_in_268 .w-video iframe, #listify_stacks_in_268 .w-video object, #listify_stacks_in_268 .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_268 fieldset { padding: 0; margin: 0; border: 0; } #listify_stacks_in_268 button, #listify_stacks_in_268 html input[type="button"], #listify_stacks_in_268 input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; } #listify_stacks_in_268 .w-form { margin: 0 0 15px; } #listify_stacks_in_268 .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } #listify_stacks_in_268 .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } #listify_stacks_in_268 label { display: block; margin-bottom: 5px; font-weight: bold; } #listify_stacks_in_268 .w-input, #listify_stacks_in_268 .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } #listify_stacks_in_268 .w-input:-moz-placeholder, #listify_stacks_in_268 .w-select:-moz-placeholder { color: #999; } #listify_stacks_in_268 .w-input::-moz-placeholder, #listify_stacks_in_268 .w-select::-moz-placeholder { color: #999; opacity: 1; } #listify_stacks_in_268 .w-input:-ms-input-placeholder, #listify_stacks_in_268 .w-select:-ms-input-placeholder, #listify_stacks_in_268 .w-input::-webkit-input-placeholder, #listify_stacks_in_268 .w-select::-webkit-input-placeholder { color: #999; } #listify_stacks_in_268 .w-input:focus, #listify_stacks_in_268 .w-select:focus { border-color: #3898EC; outline: 0; } #listify_stacks_in_268 .w-input[disabled], #listify_stacks_in_268 .w-select[disabled], #listify_stacks_in_268 .w-input[readonly], #listify_stacks_in_268 .w-select[readonly] { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_268 fieldset[disabled] .w-input, #listify_stacks_in_268 fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } #listify_stacks_in_268 textarea.w-input, #listify_stacks_in_268 textarea.w-select { height: auto; } #listify_stacks_in_268 .w-select { background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3)); background-image: linear-gradient(white 0%, #f3f3f3 100%); } #listify_stacks_in_268 .w-select[multiple] { height: auto; } #listify_stacks_in_268 .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } #listify_stacks_in_268 .w-checkbox, #listify_stacks_in_268 .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } #listify_stacks_in_268 .w-checkbox:before, #listify_stacks_in_268 .w-radio:before, #listify_stacks_in_268 .w-checkbox:after, #listify_stacks_in_268 .w-radio:after { content: " "; display: table; } #listify_stacks_in_268 .w-checkbox:after, #listify_stacks_in_268 .w-radio:after { clear: both; } #listify_stacks_in_268 .w-checkbox-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } #listify_stacks_in_268 .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; margin-top: 3px; } #listify_stacks_in_268 .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } #listify_stacks_in_268 .w-container:before { content: " "; display: table; } #listify_stacks_in_268 .w-container:after { content: " "; display: table; clear: both; } #listify_stacks_in_268 .w-container .w-row { margin-left: -10px; margin-right: -10px; } #listify_stacks_in_268 .w-row:before { content: " "; display: table; } #listify_stacks_in_268 .w-row:after { content: " "; display: table; clear: both; } #listify_stacks_in_268 .w-row .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_268 .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } #listify_stacks_in_268 .w-col .w-col { padding-left: 0; padding-right: 0; } #listify_stacks_in_268 .w-col-1 { width: 8.33333333%; } #listify_stacks_in_268 .w-col-2 { width: 16.66666667%; } #listify_stacks_in_268 .w-col-3 { width: 25%; } #listify_stacks_in_268 .w-col-4 { width: 33.33333333%; } #listify_stacks_in_268 .w-col-5 { width: 41.66666667%; } #listify_stacks_in_268 .w-col-6 { width: 50%; } #listify_stacks_in_268 .w-col-7 { width: 58.33333333%; } #listify_stacks_in_268 .w-col-8 { width: 66.66666667%; } #listify_stacks_in_268 .w-col-9 { width: 75%; } #listify_stacks_in_268 .w-col-10 { width: 83.33333333%; } #listify_stacks_in_268 .w-col-11 { width: 91.66666667%; } #listify_stacks_in_268 .w-col-12 { width: 100%; } #listify_stacks_in_268 .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { #listify_stacks_in_268 .w-container { max-width: 728px; } #listify_stacks_in_268 .w-hidden-main { display: inherit !important; } #listify_stacks_in_268 .w-hidden-medium { display: none !important; } #listify_stacks_in_268 .w-col-medium-1 { width: 8.33333333%; } #listify_stacks_in_268 .w-col-medium-2 { width: 16.66666667%; } #listify_stacks_in_268 .w-col-medium-3 { width: 25%; } #listify_stacks_in_268 .w-col-medium-4 { width: 33.33333333%; } #listify_stacks_in_268 .w-col-medium-5 { width: 41.66666667%; } #listify_stacks_in_268 .w-col-medium-6 { width: 50%; } #listify_stacks_in_268 .w-col-medium-7 { width: 58.33333333%; } #listify_stacks_in_268 .w-col-medium-8 { width: 66.66666667%; } #listify_stacks_in_268 .w-col-medium-9 { width: 75%; } #listify_stacks_in_268 .w-col-medium-10 { width: 83.33333333%; } #listify_stacks_in_268 .w-col-medium-11 { width: 91.66666667%; } #listify_stacks_in_268 .w-col-medium-12 { width: 100%; } #listify_stacks_in_268 .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { #listify_stacks_in_268 .w-hidden-main, #listify_stacks_in_268 .w-hidden-medium { display: inherit !important; } #listify_stacks_in_268 .w-hidden-small { display: none !important; } #listify_stacks_in_268 .w-row, #listify_stacks_in_268 .w-container .w-row { margin-left: 0; margin-right: 0; } #listify_stacks_in_268 .w-col { width: 100%; left: auto; right: auto; } #listify_stacks_in_268 .w-col-small-1 { width: 8.33333333%; } #listify_stacks_in_268 .w-col-small-2 { width: 16.66666667%; } #listify_stacks_in_268 .w-col-small-3 { width: 25%; } #listify_stacks_in_268 .w-col-small-4 { width: 33.33333333%; } #listify_stacks_in_268 .w-col-small-5 { width: 41.66666667%; } #listify_stacks_in_268 .w-col-small-6 { width: 50%; } #listify_stacks_in_268 .w-col-small-7 { width: 58.33333333%; } #listify_stacks_in_268 .w-col-small-8 { width: 66.66666667%; } #listify_stacks_in_268 .w-col-small-9 { width: 75%; } #listify_stacks_in_268 .w-col-small-10 { width: 83.33333333%; } #listify_stacks_in_268 .w-col-small-11 { width: 91.66666667%; } #listify_stacks_in_268 .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { #listify_stacks_in_268 .w-container { max-width: none; } #listify_stacks_in_268 .w-hidden-main, #listify_stacks_in_268 .w-hidden-medium, #listify_stacks_in_268 .w-hidden-small { display: inherit !important; } #listify_stacks_in_268 .w-hidden-tiny { display: none !important; } #listify_stacks_in_268 .w-col { width: 100%; } #listify_stacks_in_268 .w-col-tiny-1 { width: 8.33333333%; } #listify_stacks_in_268 .w-col-tiny-2 { width: 16.66666667%; } #listify_stacks_in_268 .w-col-tiny-3 { width: 25%; } #listify_stacks_in_268 .w-col-tiny-4 { width: 33.33333333%; } #listify_stacks_in_268 .w-col-tiny-5 { width: 41.66666667%; } #listify_stacks_in_268 .w-col-tiny-6 { width: 50%; } #listify_stacks_in_268 .w-col-tiny-7 { width: 58.33333333%; } #listify_stacks_in_268 .w-col-tiny-8 { width: 66.66666667%; } #listify_stacks_in_268 .w-col-tiny-9 { width: 75%; } #listify_stacks_in_268 .w-col-tiny-10 { width: 83.33333333%; } #listify_stacks_in_268 .w-col-tiny-11 { width: 91.66666667%; } #listify_stacks_in_268 .w-col-tiny-12 { width: 100%; } } #listify_stacks_in_268 .w-widget { position: relative; } #listify_stacks_in_268 .w-widget-map { width: 100%; height: 400px; } #listify_stacks_in_268 .w-widget-map label { width: auto; display: inline; } #listify_stacks_in_268 .w-widget-map img { max-width: inherit; } #listify_stacks_in_268 .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } #listify_stacks_in_268 .w-widget-map .gm-style-iw + div { display: none; } #listify_stacks_in_268 .w-widget-twitter { overflow: hidden; } #listify_stacks_in_268 .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } #listify_stacks_in_268 .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_268 .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } #listify_stacks_in_268 .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; margin-left: 7px; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical):before, #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } #listify_stacks_in_268 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--vertical:before, #listify_stacks_in_268 .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } #listify_stacks_in_268 .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } #listify_stacks_in_268 .w-widget-gplus { overflow: hidden; } #listify_stacks_in_268 .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } #listify_stacks_in_268 .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } #listify_stacks_in_268 .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_268 .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } #listify_stacks_in_268 .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } #listify_stacks_in_268 .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } #listify_stacks_in_268 .w-slider-nav.w-round > div { border-radius: 100%; } #listify_stacks_in_268 .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } #listify_stacks_in_268 .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } #listify_stacks_in_268 .w-slider-nav-invert { color: #fff; } #listify_stacks_in_268 .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } #listify_stacks_in_268 .w-slider-nav-invert > div.w-active { background-color: #222; } #listify_stacks_in_268 .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } #listify_stacks_in_268 .w-slider-dot.w-active { background-color: #fff; } #listify_stacks_in_268 .w-slider-arrow-left, #listify_stacks_in_268 .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_268 .w-slider-arrow-left [class^="w-icon-"], #listify_stacks_in_268 .w-slider-arrow-right [class^="w-icon-"], #listify_stacks_in_268 .w-slider-arrow-left [class*=" w-icon-"], #listify_stacks_in_268 .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } #listify_stacks_in_268 .w-slider-arrow-left { z-index: 3; right: auto; } #listify_stacks_in_268 .w-slider-arrow-right { z-index: 4; left: auto; } #listify_stacks_in_268 .w-icon-slider-left, #listify_stacks_in_268 .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } #listify_stacks_in_268 .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } #listify_stacks_in_268 .w-dropdown-btn, #listify_stacks_in_268 .w-dropdown-toggle, #listify_stacks_in_268 .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } #listify_stacks_in_268 .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } #listify_stacks_in_268 .w-dropdown-toggle:focus { outline: 0; } #listify_stacks_in_268 .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } #listify_stacks_in_268 .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } #listify_stacks_in_268 .w-dropdown-list.w--open { display: block; } #listify_stacks_in_268 .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } #listify_stacks_in_268 .w-dropdown-link.w--current { color: #0082f3; } #listify_stacks_in_268 .w-nav[data-collapse="all"] .w-dropdown, #listify_stacks_in_268 .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } #listify_stacks_in_268 .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { #listify_stacks_in_268 .w-nav[data-collapse="medium"] .w-dropdown, #listify_stacks_in_268 .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } #listify_stacks_in_268 .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { #listify_stacks_in_268 .w-nav[data-collapse="small"] .w-dropdown, #listify_stacks_in_268 .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } #listify_stacks_in_268 .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } #listify_stacks_in_268 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_268 .w-nav[data-collapse="tiny"] .w-dropdown, #listify_stacks_in_268 .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } #listify_stacks_in_268 .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } #listify_stacks_in_268 .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_268 .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #listify_stacks_in_268 .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } #listify_stacks_in_268 .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } #listify_stacks_in_268 .w-lightbox-view:before { content: ""; height: 100vh; } #listify_stacks_in_268 .w-lightbox-group { height: 86vh; } #listify_stacks_in_268 .w-lightbox-group .w-lightbox-view { height: 86vh; } #listify_stacks_in_268 .w-lightbox-group .w-lightbox-view:before { height: 86vh; } #listify_stacks_in_268 .w-lightbox-frame, #listify_stacks_in_268 .w-lightbox-view:before { display: inline-block; vertical-align: middle; } #listify_stacks_in_268 .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } #listify_stacks_in_268 .w-lightbox-group .w-lightbox-figure { cursor: pointer; } #listify_stacks_in_268 .w-lightbox-img { width: auto; height: auto; max-width: none; } #listify_stacks_in_268 .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } #listify_stacks_in_268 .w-lightbox-group .w-lightbox-image { max-height: 86vh; } #listify_stacks_in_268 .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #listify_stacks_in_268 .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_268 .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } #listify_stacks_in_268 .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } #listify_stacks_in_268 .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } #listify_stacks_in_268 .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } #listify_stacks_in_268 .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } #listify_stacks_in_268 .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } #listify_stacks_in_268 .w-lightbox-active { opacity: .3; } #listify_stacks_in_268 .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } #listify_stacks_in_268 .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } #listify_stacks_in_268 .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #listify_stacks_in_268 .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #listify_stacks_in_268 .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } #listify_stacks_in_268 .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } #listify_stacks_in_268 .w-lightbox-hide { display: none; } #listify_stacks_in_268 .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { #listify_stacks_in_268 { /* .w-lightbox-content */ } #listify_stacks_in_268 .w-lightbox-content { height: 96vh; margin-top: 2vh; } #listify_stacks_in_268 .w-lightbox-view { height: 96vh; } #listify_stacks_in_268 .w-lightbox-view:before { height: 96vh; } #listify_stacks_in_268 .w-lightbox-group { height: 84vh; } #listify_stacks_in_268 .w-lightbox-group .w-lightbox-view { height: 84vh; } #listify_stacks_in_268 .w-lightbox-group .w-lightbox-view:before { height: 84vh; } #listify_stacks_in_268 .w-lightbox-image { max-width: 96vw; max-height: 96vh; } #listify_stacks_in_268 .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } #listify_stacks_in_268 .w-lightbox-left, #listify_stacks_in_268 .w-lightbox-right { display: block; opacity: .5; } #listify_stacks_in_268 .w-lightbox-close { opacity: .8; } #listify_stacks_in_268 .w-lightbox-control:hover { opacity: 1; } } #listify_stacks_in_268 .w-lightbox-inactive { opacity: 0; } #listify_stacks_in_268 .w-lightbox-inactive:hover { opacity: 0; } #listify_stacks_in_268 .w-richtext:before { content: " "; display: table; } #listify_stacks_in_268 .w-richtext:after { content: " "; display: table; clear: both; } #listify_stacks_in_268 .w-richtext ol, #listify_stacks_in_268 .w-richtext ul { overflow: hidden; } #listify_stacks_in_268 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before, #listify_stacks_in_268 .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before, #listify_stacks_in_268 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, #listify_stacks_in_268 .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } #listify_stacks_in_268 .w-richtext figure { position: relative; max-width: 60%; } #listify_stacks_in_268 .w-richtext figure.w-richtext-figure-type-video > div:before, #listify_stacks_in_268 .w-richtext figure[data-rt-type="video"] > div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } #listify_stacks_in_268 .w-richtext figure > div:before { cursor: default !important; } #listify_stacks_in_268 .w-richtext figure img { cursor: default !important; width: 100%; } #listify_stacks_in_268 .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } #listify_stacks_in_268 .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } #listify_stacks_in_268 .w-richtext figure.w-richtext-figure-type-image, #listify_stacks_in_268 .w-richtext figure[data-rt-type="image"] { display: table; } #listify_stacks_in_268 .w-richtext figure.w-richtext-figure-type-image > div, #listify_stacks_in_268 .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } #listify_stacks_in_268 .w-richtext figure.w-richtext-figure-type-image > figcaption, #listify_stacks_in_268 .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } #listify_stacks_in_268 .w-richtext figure.w-richtext-figure-type-video, #listify_stacks_in_268 .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } #listify_stacks_in_268 .w-richtext figure.w-richtext-figure-type-video iframe, #listify_stacks_in_268 .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #listify_stacks_in_268 .w-richtext figure.w-richtext-figure-type-video > div, #listify_stacks_in_268 .w-richtext figure[data-rt-type="video"] > div { width: 100%; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, #listify_stacks_in_268 .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-normal { clear: both; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures * we want the div to inherit that so hover/selection borders in the designer-canvas * fit right */ padding-bottom: inherit; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } #listify_stacks_in_268 .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } #listify_stacks_in_268 .w-nav { position: relative; background: #dddddd; z-index: 1000; } #listify_stacks_in_268 .w-nav:before { content: " "; display: table; } #listify_stacks_in_268 .w-nav:after { content: " "; display: table; clear: both; } #listify_stacks_in_268 .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } #listify_stacks_in_268 .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } #listify_stacks_in_268 .w-nav-link.w--current { color: #0082f3; } #listify_stacks_in_268 .w-nav-menu { position: relative; float: right; } #listify_stacks_in_268 .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } #listify_stacks_in_268 .w--nav-link-open { display: block; position: relative; } #listify_stacks_in_268 .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } #listify_stacks_in_268 .w-nav-overlay .w--nav-menu-open { top: 0; } #listify_stacks_in_268 .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; right: auto; z-index: 1; top: 0; } #listify_stacks_in_268 .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } #listify_stacks_in_268 .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; left: auto; z-index: 1; top: 0; } #listify_stacks_in_268 .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } #listify_stacks_in_268 .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #listify_stacks_in_268 .w-nav-button.w--open { background-color: #C8C8C8; color: white; } #listify_stacks_in_268 .w-nav[data-collapse="all"] .w-nav-menu { display: none; } #listify_stacks_in_268 .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { #listify_stacks_in_268 .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } #listify_stacks_in_268 .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { #listify_stacks_in_268 .w-nav[data-collapse="small"] .w-nav-menu { display: none; } #listify_stacks_in_268 .w-nav[data-collapse="small"] .w-nav-button { display: block; } #listify_stacks_in_268 .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { #listify_stacks_in_268 .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } #listify_stacks_in_268 .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } #listify_stacks_in_268 .w-tabs { position: relative; } #listify_stacks_in_268 .w-tabs:before { content: " "; display: table; } #listify_stacks_in_268 .w-tabs:after { content: " "; display: table; clear: both; } #listify_stacks_in_268 .w-tab-menu { position: relative; } #listify_stacks_in_268 .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } #listify_stacks_in_268 .w-tab-link.w--current { background-color: #C8C8C8; } #listify_stacks_in_268 .w-tab-content { position: relative; display: block; overflow: hidden; } #listify_stacks_in_268 .w-tab-pane { position: relative; display: none; } #listify_stacks_in_268 .w--tab-active { display: block; } @media screen and (max-width: 479px) { #listify_stacks_in_268 .w-tab-link { display: block; } } #listify_stacks_in_268 .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #listify_stacks_in_268 .w-dyn-empty { padding: 10px; background-color: #dddddd; } #listify_stacks_in_268 .w-dyn-bind-empty, #listify_stacks_in_268 .w-condition-invisible { display: none !important; } .list-container { margin-top: 0px; overflow: hidden; margin-left: auto; margin-right: auto; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .section { top: 0px; left: 0px; right: 0px; bottom: 0px; padding-top: 0px; position: absolute; padding-bottom: 0px; display: flex; display: -webkit-box; display: -ms-flexbox; } .section.main { display: none; } .container { -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; } #listify_stacks_in_268 { -webkit-box-sizing: border-box; box-sizing: border-box; /* */ width: 100%; /* */ /* */ } #listify_stacks_in_268 .list { overflow: hidden; margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; flex: 1; -ms-flex: 1; -webkit-flex: 1; -webkit-box-flex: 1; -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_268 .list-item { list-style-type: none; margin-bottom: 5px; } #listify_stacks_in_268 .list-item ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { /* */ padding-left: 15px; padding-right: 0; /* */ /* */ } #listify_stacks_in_268 .list-item a { cursor: pointer; text-decoration: none; } #listify_stacks_in_268 .list-item-inner { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin: 0px auto 0px auto; padding: 8px 8px 8px 8px; border-radius: 5px; /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; /* */ /* */ /* */ /* */ } #listify_stacks_in_268 .list-item-icon { flex: 0 auto; -ms-flex: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 auto; vertical-align: middle; padding: 5px; line-height: 1; border-radius: 50px; /* */ margin-right: 5px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; /* */ /* */ /* */ -ms-grid-row-align: center; align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; /* */ /* */ /* */ background: none; /* */ /* */ /* */ /* */ } #listify_stacks_in_268 .list-item-icon.hide-icon { display: none; } #listify_stacks_in_268 .list-item-icon i { color: rgba(0, 0, 0, 1.00); font-size: 20px; vertical-align: middle; /* */ } #listify_stacks_in_268 .list-item-text { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; -ms-grid-row-align: center; align-self: center; word-wrap: break-word; -webkit-align-self: center; -ms-flex-item-align: center; color: rgba(0, 0, 0, 1.00); font-size: 16px; line-height: 22px; font-family: inherit; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #listify_stacks_in_268 .list-item-text.hide-text { display: none; } /* */ /* */ #listify_stacks_in_268 .list-item-inner { margin: 10px 10px 10px 10px; } @media only screen and (max-width: 440px) { #listify_stacks_in_268.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listify_stacks_in_268.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listify_stacks_in_268.hide-d { display: none; } } /* */ #listifyItem_stacks_in_270.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_270.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_270.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_270.hide-d { display: none; } } /* */ #listifyItem_stacks_in_272.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_272.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_272.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_272.hide-d { display: none; } } /* */ #listifyItem_stacks_in_274.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_274.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_274.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_274.hide-d { display: none; } } /* */ #listifyItem_stacks_in_326.list-item a.no-link { /* */ pointer-events: none !important; cursor: default; /* */ } /* */ /* */ /* */ @media only screen and (max-width: 440px) { #listifyItem_stacks_in_326.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #listifyItem_stacks_in_326.hide-t { display: none; } } @media only screen and (min-width: 771px) { #listifyItem_stacks_in_326.hide-d { display: none; } } /* */ /* */ #rotate-stacks_in_394 { /* */ /* */ background: rgba(84, 138, 252, 1.00); background: linear-gradient(to bottom right, rgba(84, 138, 252, 1.00), rgba(128, 0, 128, 1.00)); /* */ /* */ padding: 10px 10px; max-width: 2000px; border-radius: 0px; min-height: 300px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #rotate-stacks_in_394:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_394 .rotate-nav { top: 50%; opacity: 0; width: 30px; color: white; z-index: 500; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.4s ease; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_394 .rotate-nav-state { width: 5px; height: 5px; margin: 10px 0; border-radius: 50%; background: rgba(255, 255, 255, 0.20); } #rotate-stacks_in_394 .rotate-nav-prev, #rotate-stacks_in_394 .rotate-nav-next { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; position: relative; border-radius: 2px; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } #rotate-stacks_in_394 .rotate-nav-prev i, #rotate-stacks_in_394 .rotate-nav-next i { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #rotate-stacks_in_394 .rotate-nav-prev:hover, #rotate-stacks_in_394 .rotate-nav-next:hover { opacity: 1; color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_394 .rotate-flex-wrap { max-width: 600px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s ease; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item { padding: 20px 40px; top: 0; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item.active { opacity: 1; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item.active .rotate-item-action { -webkit-animation: action-in 0.5s 0.8s; animation: action-in 0.5s 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item.active.hide .rotate-item-action { -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item { /* */ font-family: "Nunito"; /* */ } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item-icon { opacity: 1; color: rgba(255, 255, 255, 1.00); font-size: 24px; margin-bottom: 15px; transition: all 0.1s ease; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item-title { /* */ font-family: "Nunito"; /* */ width: 100%; font-weight: 300; color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: calc(30px * 1.4); margin: 0 0 30px; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item-action, #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item-action:active { /* */ font-family: "Nunito"; /* */ opacity: 0; text-decoration: none; padding: 10px 20px; font-size: 16px; border-radius: 40px; color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); line-height: calc(16px * 1.4); cursor: pointer; transition: all 0.4s ease; -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item-action:hover, #rotate-stacks_in_394 .rotate-flex-wrap .rotate-item-action:active:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #rotate-stacks_in_394.rotate-prev .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_394.rotate-prev .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_394.rotate-prev .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_394.rotate-next .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_394.rotate-next .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_394.rotate-next .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_394.align-left .rotate-item { left: 0; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #rotate-stacks_in_394.align-left .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_394.align-left:hover .rotate-item { left: 30px; } #rotate-stacks_in_394.align-left:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_394.align-right .rotate-item { right: 0; text-align: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #rotate-stacks_in_394.align-right .rotate-nav { right: 0; -webkit-transform: translate(30px, -50%); transform: translate(30px, -50%); } #rotate-stacks_in_394.align-right:hover .rotate-item { right: 30px; } #rotate-stacks_in_394.align-right:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_394.align-center .rotate-item { left: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #rotate-stacks_in_394.align-center .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_394.align-center:hover .rotate-item { left: 30px; } #rotate-stacks_in_394.align-center:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } @media (max-width: 768px) { #rotate-stacks_in_394 .rotate-item .rotate-item-title { font-size: 24px; line-height: calc(24px * 1.4); } } @media (max-width: 500px) { #rotate-stacks_in_394 .rotate-item .rotate-item-title { font-size: 20px; line-height: calc(20px * 1.4); } #rotate-stacks_in_394.align-left .rotate-item { left: 30px; } #rotate-stacks_in_394.align-left .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_394.align-right .rotate-item { right: 30px; } #rotate-stacks_in_394.align-right .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_394.align-center .rotate-item { left: 30px; } #rotate-stacks_in_394.align-center .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } } @-webkit-keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } #stacks_in_394 { margin: 10px; padding: 5px; } /* */ body { margin: 0; } .swoop-stacks_in_412 { display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; text-align: left; position: relative; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; transition: all 0.6s ease; max-width: 5000px; border-radius: 0px; min-height: 500px; } .swoop-stacks_in_412 .swoop-nav { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 20px 20px; box-sizing: border-box; transition: all 0.6s ease; max-width: 300px; padding-right: calc(20px + 40px/2); /* */ /* */ background: rgba(36, 36, 36, 1.00); background: linear-gradient(to bottom right, rgba(36, 36, 36, 1.00), rgba(230, 230, 230, 1.00)); /* */ /* */ /* */ } .swoop-stacks_in_412 .swoop-nav::before { /* */ } .swoop-stacks_in_412 .swoop-nav::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } .swoop-stacks_in_412 .swoop-content { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; transition: all 0.6s ease; /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } .swoop-stacks_in_412 .swoop-content::before { /* */ } .swoop-stacks_in_412 .swoop-content::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; pointer-events: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } .swoop-stacks_in_412 .swoop-arrows { top: 50%; right: 0; z-index: 10; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; box-sizing: border-box; transition: all 0.6s ease; -ms-flex-direction: column; flex-direction: column; transform: translate(50%, -50%); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .swoop-stacks_in_412 .swoop-arrows i { width: 40px; height: 40px; font-size: 18px; display: -ms-flexbox; display: flex; line-height: 0; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: rgba(36, 36, 36, 1.00); background: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_412 .swoop-arrows i:hover { color: rgba(36, 36, 36, 1.00); background: rgba(245, 245, 245, 1.00); } .swoop-stacks_in_412 .swoop-nav { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: "Montserrat"; /* */ } .swoop-stacks_in_412 .swoop-nav .swoop-nav-inner { box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_412 .swoop-nav ul { padding: 0; display: -ms-flexbox; display: flex; margin: 0 auto; list-style: none; /* */ overflow: hidden; /* */ position: relative; box-sizing: border-box; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; color: rgba(255, 255, 255, 1.00); font-size: 30px; transition: all 0.6s ease; height: calc(((10px * 2) + 30px) * 3); } .swoop-stacks_in_412 .swoop-nav li { width: 100%; opacity: 0.5; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; font-weight: 300; -webkit-filter: blur(3px); filter: blur(3px); line-height: 1; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); height: calc((10px * 2) + 30px); font-size: 30px; padding: 10px 20px; box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_412 .swoop-nav li div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .swoop-stacks_in_412 .swoop-nav li:first-child { margin-top: calc((10px * 2) + 30px); } .swoop-stacks_in_412 .swoop-nav li.active { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } .swoop-stacks_in_412 .swoop-content { overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: "Montserrat"; /* */ } .swoop-stacks_in_412 .swoop-content .swoop-content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; box-sizing: border-box; transition: all 0.8s ease; min-height: 500px; } .swoop-stacks_in_412 .swoop-content .swoop-item { width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: relative; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; transition: all 0.6s ease; } .swoop-stacks_in_412 .swoop-content .swoop-item.active { transform: translateY(0%); } .swoop-stacks_in_412 .swoop-content .swoop-item.active .swoop-item-details { opacity: 1; } .swoop-stacks_in_412 .swoop-content .swoop-item.active .swoop-item-details-inner { opacity: 1; height: auto; } .swoop-stacks_in_412 .swoop-content .swoop-item:not(.active) .swoop-item-details-inner { padding: 0; } .swoop-stacks_in_412 .swoop-content .swoop-item-title { z-index: 10; display: none; color: rgba(255, 255, 255, 1.00); font-size: 30px; } .swoop-stacks_in_412 .swoop-content .swoop-item-details { z-index: 10; overflow: hidden; box-sizing: border-box; transition: all 0.4s ease; color: rgba(255, 255, 255, 0.50); } .swoop-stacks_in_412 .swoop-content .swoop-item-details h1, .swoop-stacks_in_412 .swoop-content .swoop-item-details h2, .swoop-stacks_in_412 .swoop-content .swoop-item-details h3, .swoop-stacks_in_412 .swoop-content .swoop-item-details h4, .swoop-stacks_in_412 .swoop-content .swoop-item-details h5, .swoop-stacks_in_412 .swoop-content .swoop-item-details h6 { /* */ font-family: "Montserrat"; /* */ color: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_412 .swoop-content .swoop-item-details a, .swoop-stacks_in_412 .swoop-content .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } .swoop-stacks_in_412 .swoop-content .swoop-item-details-inner { height: 0; opacity: 0; overflow: hidden; box-sizing: border-box; padding: 20px 20px; padding-left: calc(20px + 40px/2); } @media (max-width: 600px) { .swoop-stacks_in_412 { -ms-flex-direction: column; flex-direction: column; } .swoop-stacks_in_412 .swoop-arrows { top: auto; right: 50%; bottom: 0; -ms-flex-direction: row; flex-direction: row; transform: translate(50%, 50%); } .swoop-stacks_in_412 .swoop-nav { width: 100%; height: auto; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 20px 20px; padding-bottom: calc(20px + 40px/2); } .swoop-stacks_in_412 .swoop-content { width: 100%; height: auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } .swoop-stacks_in_412 .swoop-content .swoop-item-details-inner { padding: 20px 20px; padding-top: calc(20px + 40px/2); } } #stacks_in_412 { margin: 13px; } #swoop-item-stacks_in_413.swoop-item.custom-content-colors { /* */ /* */ background: rgba(255, 255, 255, 1.00); background: linear-gradient(to bottom right, rgba(255, 255, 255, 1.00), rgba(34, 34, 34, 1.00)); /* */ /* */ /* */ } #swoop-item-stacks_in_413.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_413.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_413.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_413.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } #swoop-item-stacks_in_417.swoop-item.custom-content-colors { /* */ /* */ background: rgba(255, 255, 255, 1.00); background: linear-gradient(to bottom right, rgba(255, 255, 255, 1.00), rgba(34, 34, 34, 1.00)); /* */ /* */ /* */ } #swoop-item-stacks_in_417.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_417.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_417.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_417.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } #swoop-item-stacks_in_420.swoop-item.custom-content-colors { /* */ /* */ background: rgba(255, 255, 255, 1.00); background: linear-gradient(to bottom right, rgba(255, 255, 255, 1.00), rgba(34, 34, 34, 1.00)); /* */ /* */ /* */ } #swoop-item-stacks_in_420.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_420.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_420.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_420.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } /* * Countdown Clock * Author: Jeremy Hawes * Version: 1.0.4 * URL: http://onelittledesigner.com * Description: A stack with some basic setup items to serve as a starting point for building a RapidWeaver 5+ Stack 2+ */ #countdown_stacks_in_328 .cd_completeMessage { display: none; } ul#countdown_stacks_in_328 { list-style: none; margin: 0; padding: 0; width: 100%; } ul.countdown_stacks_in_328 span.cd_numbers { color: #000000; font-size: 40px; font-family: helvetica-neue, arial, sans-serif; } ul.countdown_stacks_in_328 p.cd_text { color: #000000; width: 100%; font-size: 18px; font-family: helvetica-neue, arial, sans-serif; } ul#countdown_stacks_in_328 li.cd_timeSection { display: block; width: 100%; } ul#countdown_stacks_in_328 li.cd_timeSection span { font-weight: bold; display: inline-block; width: 100%; } /* * COUNTDOWN - DAYS */ /* * COUNTDOWN - HOURS */ /* * COUNTDOWN - MINUTES */ /* * COUNTDOWN - SECONDS */ /* * cleanBinders * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/cleanBinders/ * Support: support@1littledesigner.com * Version: 1.2.4 * Uses jQuery EasyTabs plugin 3.1.1 (licensing listed in script.js) */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* Edit Mode */ .tabDemo * {border-radius: 0 !important; -webkit-border-radius: 0 !important;} /* SET TO ZERO */ #binderContainer_stacks_in_334, #binderContainer_stacks_in_334 * { margin: 0; padding: 0;} #binderContainer_stacks_in_334 li { margin-left: 0; margin-right: 0;} #binderContainer_stacks_in_334 html { overflow-y: scroll;} #binderContainer_stacks_in_334 a, #binderContainer_stacks_in_334 a:hover { text-decoration: none;} #binderContainer_stacks_in_334 .tab a, #binderContainer_stacks_in_334 .tab a:focus, #binderContainer_stacks_in_334 .tab a:active, #binderContainer_stacks_in_334 .tab a:visited, #binderContainer_stacks_in_334 .tab a:link {outline: none !important; border: none !important;} #binderContainer_stacks_in_334 p { font-size: 15px; margin: 0 0 20px 0; } #binderContainer_stacks_in_334 h1 { font: bold 40px Sans-Serif; margin: 0 0 20px 0;} #binderContainer_stacks_in_334 li, #binderContainer_stacks_in_334 li a {cursor: pointer} #binderContainer_stacks_in_334 .etabs {margin: 0; padding: 0;} /* DEFAULT SYLING - Theme 1 */ #binderContainer_stacks_in_334 { width: 98%; padding: 0 1%; } #binderContainer_stacks_in_334 #tab-container { display: block; width: 100%; overflow: visible; } #binderContainer_stacks_in_334 .tabSideLeft .panel-container, #binderContainer_stacks_in_334 .tabSideLeft ul.etabs { float: left; } #binderContainer_stacks_in_334 .tabSideRight .panel-container, #binderContainer_stacks_in_334 .tabSideRight ul.etabs { float: right; } #binderContainer_stacks_in_334 #tab-container .panel-container { background: #FFFFFF; display: inline-block; border: solid #666666 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px 3% 10px 3%; } #binderContainer_stacks_in_334 ul.etabs li.tab a { line-height: 22px; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.binderTabWidthLarge .panel-container { padding: 10px 1% 10px 3%; } #binderContainer_stacks_in_334 .panel-container img { display: block; max-width: 100%; height: auto; } /* Tab Sizes */ #binderContainer_stacks_in_334 #tab-container.binderTabWidthDefault .panel-container { width: 69%; max-width: 69%; } #binderContainer_stacks_in_334 #tab-container.binderTabWidthDefault ul.etabs { width: 23%; max-width: 23%; } #binderContainer_stacks_in_334 #tab-container.binderTabWidthSmall .panel-container { width: 83%; max-width: 83%; } #binderContainer_stacks_in_334 #tab-container.binderTabWidthSmall ul.etabs { width: 10%; max-width: 10%; } #binderContainer_stacks_in_334 #tab-container.binderTabWidthLarge .panel-container { width: 64%; max-width: 64%; } #binderContainer_stacks_in_334 #tab-container.binderTabWidthLarge ul.etabs { width: 35%; max-width: 35%; } #binderContainer_stacks_in_334 #tab-container.binderTabWidthLargest .panel-container { width: 54%; max-width: 54%; } #binderContainer_stacks_in_334 #tab-container.binderTabWidthLargest ul.etabs { width: 45%; max-width: 45%; } /* Fix for Minimalist Theme */ #binderContainer_stacks_in_334 #tab-container.tabTheme4.binderTabWidthLarge .panel-container { width: 60%; max-width: 60%; } /* End Tab Sizes */ #binderContainer_stacks_in_334 .tabSideLeft .panel-container { border-top-left-radius: 0; -webkit-border-top-left-radius: 0; } #binderContainer_stacks_in_334 .tabSideRight .panel-container { border-top-right-radius: 0; -webkit-border-top-right-radius: 0; } #binderContainer_stacks_in_334 #tab-container.staticHeightOn .panel-container p.fixedHeight { margin: 0 !important; padding: 0 !important; height: 300px; max-height: 300px; overflow-x: visible; } #binderContainer_stacks_in_334.textInheritOff #tab-container .panel-container { color: #333333 !important; font-size: 12px; } #binderContainer_stacks_in_334.linkInheritOff #tab-container .panel-container a { color: #4E78A0; } #binderContainer_stacks_in_334.linkInheritOff #tab-container .panel-container a:hover { color: #0D4F8B; } #binderContainer_stacks_in_334 ul.etabs { display: inline-block; margin-right: 1px; } #binderContainer_stacks_in_334 ul.etabs li.tab, #binderContainer_stacks_in_334 #tab-container ul.etabs .tab.active { display: inline-block; zoom: 1; } #binderContainer_stacks_in_334 ul.etabs li.tab { border: solid 1px #999999; margin-bottom: 4px; width: 90%; position: relative; } #binderContainer_stacks_in_334 .tabSideLeft ul.etabs li.tab { float: right; left: 1px; border-right: none !important; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; } #binderContainer_stacks_in_334 #tab-container .tab a { font-size: 14px; display: block; outline: none; text-decoration: none; padding-left: 10px; padding-right: 10px; text-align: left; } #binderContainer_stacks_in_334 #tab-container .tab a span { width: 100%; overflow: hidden; display: inline-block; word-wrap: break-word; } #binderContainer_stacks_in_334 .tabSideLeft ul.etabs li.tab a { border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; } #binderContainer_stacks_in_334 .tabSideRight ul.etabs li.tab { float: left; right: 0; border-left: none !important; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; } #binderContainer_stacks_in_334 .tabSideRight ul.etabs li.tab a { border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; } #binderContainer_stacks_in_334 #tab-container.tabGradientOff ul.etabs .tab { background: #EEEEEE; background-color: #EEEEEE; } #binderContainer_stacks_in_334 #tab-container.tabSideLeft.tabGradientOn ul.etabs .tab { background: #EEEEEE; background-color: #EEEEEE; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#EEEEEE, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-o-linear-gradient(right, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#EEEEEE), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_334 #tab-container.tabSideRight.tabGradientOn ul.etabs .tab { background: #EEEEEE; background-color: #EEEEEE; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#EEEEEE, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-o-linear-gradient(left, #EEEEEE 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(65%,#EEEEEE), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_334 #tab-container.tabSideLeft.tabGradientOn ul.etabs .tab.active { background: #FFFFFF; background-color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-o-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_334 #tab-container.tabSideRight.tabGradientOn ul.etabs .tab.active { background: #FFFFFF; background-color: #FFFFFF; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3); background-image:-moz-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-ms-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-o-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)); } #binderContainer_stacks_in_334 #tab-container ul.etabs .tab.active { background: #FFFFFF; border-color: #666666 !important; width: 100%; float: none; } #binderContainer_stacks_in_334.tabTransparencyOn #tab-container.tabTheme1 .tab.active { background: #FFFFFF !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme1.tabSideLeft .panel-container { border-top-left-radius: 0; } #binderContainer_stacks_in_334 #tab-container.tabTheme1.tabSideRight .panel-container { border-top-right-radius: 0; } #binderContainer_stacks_in_334 #tab-container.tabSideLeft ul.etabs .tab.active { border-right: solid 1px #FFFFFF; left: 1px; } #binderContainer_stacks_in_334 #tab-container.tabTheme1.tabSideLeft ul.etabs .tab.active { left: 2px; } #binderContainer_stacks_in_334 #tab-container.tabSideRight ul.etabs .tab.active { border-left: solid 1px #FFFFFF; right: 1px; } #binderContainer_stacks_in_334 #tab-container ul.etabs .tab:hover { background-color: #E0E0E0; border-color: #999999; } /* Theme 4 must be placed above */ #binderContainer_stacks_in_334 #tab-container.tabTheme4 ul.etabs li.tab a, #binderContainer_stacks_in_334 #tab-container.tabTheme4 ul.etabs li.tab a.active, #binderContainer_stacks_in_334 #tab-container.tabTheme4 .etabs { border: none; border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-top: 0 !important; } /* Theme 4 Close */ #binderContainer_stacks_in_334.linkInheritOff #tab-container ul.etabs .tab a { color: #708090 !important; } #binderContainer_stacks_in_334.linkInheritOff #tab-container ul.etabs .tab a:hover { text-decoration: none; color: #0D4F8B !important; } #binderContainer_stacks_in_334.linkInheritOff #tab-container ul.etabs .tab a.active { font-weight: bold; color: #4E78A0 !important; } #binderContainer_stacks_in_334.linkInheritOff #tab-container ul.etabs .tab a.active:hover { color: #0D4F8B !important; } /* Transparency Options */ #binderContainer_stacks_in_334.borderTransparencyOn .tab, .tabDemo #binderContainer_stacks_in_334.borderTransparencyOn .tab, #binderContainer_stacks_in_334.borderTransparencyOn #tab-container .panel-container, .tabDemo #binderContainer_stacks_in_334.borderTransparencyOn #tab-container .panel-container { border: none !important; } #binderContainer_stacks_in_334.tabTransparencyOn .tab, .tabDemo #binderContainer_stacks_in_334.tabTransparencyOn .tab, #binderContainer_stacks_in_334.tabTransparencyOn .tab:hover, .tabDemo #binderContainer_stacks_in_334.tabTransparencyOn .tab:hover { background: none !important; background-color: none !important; } #binderContainer_stacks_in_334.contentTransparencyOn #tab-container .panel-container { background: none !important; background-color: none !important; } /* TAB COUNT CONTROLS */ #binderContainer_stacks_in_334 .tabCounter1 .tabContent2, #binderContainer_stacks_in_334 .tabCounter1 .tabContent3, #binderContainer_stacks_in_334 .tabCounter1 .tabContent4, #binderContainer_stacks_in_334 .tabCounter1 .tabContent5, #binderContainer_stacks_in_334 .tabCounter1 .tabContent6, #binderContainer_stacks_in_334 .tabCounter1 .tabContent7, #binderContainer_stacks_in_334 .tabCounter1 .tabContent8, #binderContainer_stacks_in_334 .tabCounter1 .tabContent9, #binderContainer_stacks_in_334 .tabCounter1 .tabContent10, #binderContainer_stacks_in_334 .tabCounter1 .tabContent11, #binderContainer_stacks_in_334 .tabCounter1 .tabContent12, #binderContainer_stacks_in_334 .tabCounter1 .tabContent13, #binderContainer_stacks_in_334 .tabCounter1 .tabContent14, #binderContainer_stacks_in_334 .tabCounter1 .tabContent15, #binderContainer_stacks_in_334 .tabCounter1 .tabContent16, #binderContainer_stacks_in_334 .tabCounter1 .tabContent17, #binderContainer_stacks_in_334 .tabCounter1 .tabContent18, #binderContainer_stacks_in_334 .tabCounter1 .tabContent19, #binderContainer_stacks_in_334 .tabCounter1 .tabContent20, #binderContainer_stacks_in_334 .tabCounter2 .tabContent3, #binderContainer_stacks_in_334 .tabCounter2 .tabContent4, #binderContainer_stacks_in_334 .tabCounter2 .tabContent5, #binderContainer_stacks_in_334 .tabCounter2 .tabContent6, #binderContainer_stacks_in_334 .tabCounter2 .tabContent7, #binderContainer_stacks_in_334 .tabCounter2 .tabContent8, #binderContainer_stacks_in_334 .tabCounter2 .tabContent9, #binderContainer_stacks_in_334 .tabCounter2 .tabContent10, #binderContainer_stacks_in_334 .tabCounter2 .tabContent11, #binderContainer_stacks_in_334 .tabCounter2 .tabContent12, #binderContainer_stacks_in_334 .tabCounter2 .tabContent13, #binderContainer_stacks_in_334 .tabCounter2 .tabContent14, #binderContainer_stacks_in_334 .tabCounter2 .tabContent15, #binderContainer_stacks_in_334 .tabCounter2 .tabContent16, #binderContainer_stacks_in_334 .tabCounter2 .tabContent17, #binderContainer_stacks_in_334 .tabCounter2 .tabContent18, #binderContainer_stacks_in_334 .tabCounter2 .tabContent19, #binderContainer_stacks_in_334 .tabCounter2 .tabContent20, #binderContainer_stacks_in_334 .tabCounter3 .tabContent4, #binderContainer_stacks_in_334 .tabCounter3 .tabContent5, #binderContainer_stacks_in_334 .tabCounter3 .tabContent6, #binderContainer_stacks_in_334 .tabCounter3 .tabContent7, #binderContainer_stacks_in_334 .tabCounter3 .tabContent8, #binderContainer_stacks_in_334 .tabCounter3 .tabContent9, #binderContainer_stacks_in_334 .tabCounter3 .tabContent10, #binderContainer_stacks_in_334 .tabCounter3 .tabContent11, #binderContainer_stacks_in_334 .tabCounter3 .tabContent12, #binderContainer_stacks_in_334 .tabCounter3 .tabContent13, #binderContainer_stacks_in_334 .tabCounter3 .tabContent14, #binderContainer_stacks_in_334 .tabCounter3 .tabContent15, #binderContainer_stacks_in_334 .tabCounter3 .tabContent16, #binderContainer_stacks_in_334 .tabCounter3 .tabContent17, #binderContainer_stacks_in_334 .tabCounter3 .tabContent18, #binderContainer_stacks_in_334 .tabCounter3 .tabContent19, #binderContainer_stacks_in_334 .tabCounter3 .tabContent20, #binderContainer_stacks_in_334 .tabCounter4 .tabContent5, #binderContainer_stacks_in_334 .tabCounter4 .tabContent6, #binderContainer_stacks_in_334 .tabCounter4 .tabContent7, #binderContainer_stacks_in_334 .tabCounter4 .tabContent8, #binderContainer_stacks_in_334 .tabCounter4 .tabContent9, #binderContainer_stacks_in_334 .tabCounter4 .tabContent10, #binderContainer_stacks_in_334 .tabCounter4 .tabContent11, #binderContainer_stacks_in_334 .tabCounter4 .tabContent12, #binderContainer_stacks_in_334 .tabCounter4 .tabContent13, #binderContainer_stacks_in_334 .tabCounter4 .tabContent14, #binderContainer_stacks_in_334 .tabCounter4 .tabContent15, #binderContainer_stacks_in_334 .tabCounter4 .tabContent16, #binderContainer_stacks_in_334 .tabCounter4 .tabContent17, #binderContainer_stacks_in_334 .tabCounter4 .tabContent18, #binderContainer_stacks_in_334 .tabCounter4 .tabContent19, #binderContainer_stacks_in_334 .tabCounter4 .tabContent20, #binderContainer_stacks_in_334 .tabCounter5 .tabContent6, #binderContainer_stacks_in_334 .tabCounter5 .tabContent7, #binderContainer_stacks_in_334 .tabCounter5 .tabContent8, #binderContainer_stacks_in_334 .tabCounter5 .tabContent9, #binderContainer_stacks_in_334 .tabCounter5 .tabContent10, #binderContainer_stacks_in_334 .tabCounter5 .tabContent11, #binderContainer_stacks_in_334 .tabCounter5 .tabContent12, #binderContainer_stacks_in_334 .tabCounter5 .tabContent13, #binderContainer_stacks_in_334 .tabCounter5 .tabContent14, #binderContainer_stacks_in_334 .tabCounter5 .tabContent15, #binderContainer_stacks_in_334 .tabCounter5 .tabContent16, #binderContainer_stacks_in_334 .tabCounter5 .tabContent17, #binderContainer_stacks_in_334 .tabCounter5 .tabContent18, #binderContainer_stacks_in_334 .tabCounter5 .tabContent19, #binderContainer_stacks_in_334 .tabCounter5 .tabContent20, #binderContainer_stacks_in_334 .tabCounter6 .tabContent7, #binderContainer_stacks_in_334 .tabCounter6 .tabContent8, #binderContainer_stacks_in_334 .tabCounter6 .tabContent9, #binderContainer_stacks_in_334 .tabCounter6 .tabContent10, #binderContainer_stacks_in_334 .tabCounter6 .tabContent11, #binderContainer_stacks_in_334 .tabCounter6 .tabContent12, #binderContainer_stacks_in_334 .tabCounter6 .tabContent13, #binderContainer_stacks_in_334 .tabCounter6 .tabContent14, #binderContainer_stacks_in_334 .tabCounter6 .tabContent15, #binderContainer_stacks_in_334 .tabCounter6 .tabContent16, #binderContainer_stacks_in_334 .tabCounter6 .tabContent17, #binderContainer_stacks_in_334 .tabCounter6 .tabContent18, #binderContainer_stacks_in_334 .tabCounter6 .tabContent19, #binderContainer_stacks_in_334 .tabCounter6 .tabContent20, #binderContainer_stacks_in_334 .tabCounter7 .tabContent8, #binderContainer_stacks_in_334 .tabCounter7 .tabContent9, #binderContainer_stacks_in_334 .tabCounter7 .tabContent10, #binderContainer_stacks_in_334 .tabCounter7 .tabContent11, #binderContainer_stacks_in_334 .tabCounter7 .tabContent12, #binderContainer_stacks_in_334 .tabCounter7 .tabContent13, #binderContainer_stacks_in_334 .tabCounter7 .tabContent14, #binderContainer_stacks_in_334 .tabCounter7 .tabContent15, #binderContainer_stacks_in_334 .tabCounter7 .tabContent16, #binderContainer_stacks_in_334 .tabCounter7 .tabContent17, #binderContainer_stacks_in_334 .tabCounter7 .tabContent18, #binderContainer_stacks_in_334 .tabCounter7 .tabContent19, #binderContainer_stacks_in_334 .tabCounter7 .tabContent20, #binderContainer_stacks_in_334 .tabCounter8 .tabContent9, #binderContainer_stacks_in_334 .tabCounter8 .tabContent10, #binderContainer_stacks_in_334 .tabCounter8 .tabContent11, #binderContainer_stacks_in_334 .tabCounter8 .tabContent12, #binderContainer_stacks_in_334 .tabCounter8 .tabContent13, #binderContainer_stacks_in_334 .tabCounter8 .tabContent14, #binderContainer_stacks_in_334 .tabCounter8 .tabContent15, #binderContainer_stacks_in_334 .tabCounter8 .tabContent16, #binderContainer_stacks_in_334 .tabCounter8 .tabContent17, #binderContainer_stacks_in_334 .tabCounter8 .tabContent18, #binderContainer_stacks_in_334 .tabCounter8 .tabContent19, #binderContainer_stacks_in_334 .tabCounter8 .tabContent20, #binderContainer_stacks_in_334 .tabCounter9 .tabContent10, #binderContainer_stacks_in_334 .tabCounter9 .tabContent11, #binderContainer_stacks_in_334 .tabCounter9 .tabContent12, #binderContainer_stacks_in_334 .tabCounter9 .tabContent13, #binderContainer_stacks_in_334 .tabCounter9 .tabContent14, #binderContainer_stacks_in_334 .tabCounter9 .tabContent15, #binderContainer_stacks_in_334 .tabCounter9 .tabContent16, #binderContainer_stacks_in_334 .tabCounter9 .tabContent17, #binderContainer_stacks_in_334 .tabCounter9 .tabContent18, #binderContainer_stacks_in_334 .tabCounter9 .tabContent19, #binderContainer_stacks_in_334 .tabCounter9 .tabContent20, #binderContainer_stacks_in_334 .tabCounter10 .tabContent11, #binderContainer_stacks_in_334 .tabCounter10 .tabContent12, #binderContainer_stacks_in_334 .tabCounter10 .tabContent13, #binderContainer_stacks_in_334 .tabCounter10 .tabContent14, #binderContainer_stacks_in_334 .tabCounter10 .tabContent15, #binderContainer_stacks_in_334 .tabCounter10 .tabContent16, #binderContainer_stacks_in_334 .tabCounter10 .tabContent17, #binderContainer_stacks_in_334 .tabCounter10 .tabContent18, #binderContainer_stacks_in_334 .tabCounter10 .tabContent19, #binderContainer_stacks_in_334 .tabCounter10 .tabContent20, #binderContainer_stacks_in_334 .tabCounter11 .tabContent12, #binderContainer_stacks_in_334 .tabCounter11 .tabContent13, #binderContainer_stacks_in_334 .tabCounter11 .tabContent14, #binderContainer_stacks_in_334 .tabCounter11 .tabContent15, #binderContainer_stacks_in_334 .tabCounter11 .tabContent16, #binderContainer_stacks_in_334 .tabCounter11 .tabContent17, #binderContainer_stacks_in_334 .tabCounter11 .tabContent18, #binderContainer_stacks_in_334 .tabCounter11 .tabContent19, #binderContainer_stacks_in_334 .tabCounter11 .tabContent20, #binderContainer_stacks_in_334 .tabCounter12 .tabContent13, #binderContainer_stacks_in_334 .tabCounter12 .tabContent14, #binderContainer_stacks_in_334 .tabCounter12 .tabContent15, #binderContainer_stacks_in_334 .tabCounter12 .tabContent16, #binderContainer_stacks_in_334 .tabCounter12 .tabContent17, #binderContainer_stacks_in_334 .tabCounter12 .tabContent18, #binderContainer_stacks_in_334 .tabCounter12 .tabContent19, #binderContainer_stacks_in_334 .tabCounter12 .tabContent20, #binderContainer_stacks_in_334 .tabCounter13 .tabContent14, #binderContainer_stacks_in_334 .tabCounter13 .tabContent15, #binderContainer_stacks_in_334 .tabCounter13 .tabContent16, #binderContainer_stacks_in_334 .tabCounter13 .tabContent17, #binderContainer_stacks_in_334 .tabCounter13 .tabContent18, #binderContainer_stacks_in_334 .tabCounter13 .tabContent19, #binderContainer_stacks_in_334 .tabCounter13 .tabContent20, #binderContainer_stacks_in_334 .tabCounter14 .tabContent15, #binderContainer_stacks_in_334 .tabCounter14 .tabContent16, #binderContainer_stacks_in_334 .tabCounter14 .tabContent17, #binderContainer_stacks_in_334 .tabCounter14 .tabContent18, #binderContainer_stacks_in_334 .tabCounter14 .tabContent19, #binderContainer_stacks_in_334 .tabCounter14 .tabContent20, #binderContainer_stacks_in_334 .tabCounter15 .tabContent16, #binderContainer_stacks_in_334 .tabCounter15 .tabContent17, #binderContainer_stacks_in_334 .tabCounter15 .tabContent18, #binderContainer_stacks_in_334 .tabCounter15 .tabContent19, #binderContainer_stacks_in_334 .tabCounter15 .tabContent20, #binderContainer_stacks_in_334 .tabCounter16 .tabContent17, #binderContainer_stacks_in_334 .tabCounter16 .tabContent18, #binderContainer_stacks_in_334 .tabCounter16 .tabContent19, #binderContainer_stacks_in_334 .tabCounter16 .tabContent20, #binderContainer_stacks_in_334 .tabCounter17 .tabContent18, #binderContainer_stacks_in_334 .tabCounter17 .tabContent19, #binderContainer_stacks_in_334 .tabCounter17 .tabContent20, #binderContainer_stacks_in_334 .tabCounter18 .tabContent19, #binderContainer_stacks_in_334 .tabCounter18 .tabContent20, #binderContainer_stacks_in_334 .tabCounter19 .tabContent20 {display: none !important;} /* BACKEND */ /* cleanTab Themes */ #binderContainer_stacks_in_334.borderTransparencyOff .tabTheme2 ul.etabs li.tab, #binderContainer_stacks_in_334.borderTransparencyOff .tabTheme3 ul.etabs li.tab { border: solid 1px #999999 !important; } #binderContainer_stacks_in_334 .tabTheme2 ul.etabs li.tab, #binderContainer_stacks_in_334 .tabTheme3 ul.etabs li.tab { margin-left: 5%; margin-right: 5%; } #binderContainer_stacks_in_334 .tabTheme2 ul.etabs li.tab.active, #binderContainer_stacks_in_334 .tabTheme2 ul.etabs li.tab { width: 90% !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme2.tabGradientOff ul.etabs .tab.active { background: #FFFFFF; } #binderContainer_stacks_in_334 #tab-container.tabTheme3.tabGradientOff ul.etabs .tab.active { background: #FFFFFF; } #binderContainer_stacks_in_334 #tab-container.tabTheme2.tabGradientOff ul.etabs .tab.active:hover { background: #FFFFFF; } #binderContainer_stacks_in_334 #tab-container.tabTheme3.tabGradientOff ul.etabs .tab.active:hover { background: #FFFFFF; } #binderContainer_stacks_in_334 .tabTheme3 ul.etabs li.tab.active, #binderContainer_stacks_in_334 .tabTheme4 ul.etabs li.tab.active { width: 90% !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme2 ul.etabs li.tab, #binderContainer_stacks_in_334 #tab-container.tabTheme3 ul.etabs li.tab { float: none; } #binderContainer_stacks_in_334 #tab-container.tabTheme2, #binderContainer_stacks_in_334 #tab-container.tabTheme2 li.tab, #binderContainer_stacks_in_334 #tab-container.tabTheme3, #binderContainer_stacks_in_334 #tab-container.tabTheme3 li.tab { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #binderContainer_stacks_in_334 #tab-container.tabTheme2 li.tab a, #binderContainer_stacks_in_334 #tab-container.tabTheme3 li.tab a { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #binderContainer_stacks_in_334 #tab-container.tabTheme2.embedOn li.tab a, #binderContainer_stacks_in_334 #tab-container.tabTheme3.embedOn li.tab a { border: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme2 ul.etabs .tab, #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme3 ul.etabs .tab { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme2 ul.etabs .tab, #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme3 ul.etabs .tab { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme2 ul.etabs .tab.active, #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideLeft.tabGradientOn.tabTheme3 ul.etabs .tab.active { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(right, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(65%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme2 ul.etabs .tab.active, #binderContainer_stacks_in_334.tabTransparencyOff #tab-container.tabSideRight.tabGradientOn.tabTheme3 ul.etabs .tab.active { filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FFFFFF, endColorstr=#E1E2E3) !important; background-image:-moz-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-ms-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-o-linear-gradient(left, #FFFFFF 65%, #E1E2E3 100%) !important; background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(659 key/value pairs%,#FFFFFF), color-stop(100%,#E1E2E3)) !important; } /* Tab Theme 1 - Folder Tabs */ #binderContainer_stacks_in_334 #tab-container.tabTheme1.embedOn .tab a { border-top: solid 1px #FFFFFF !important; border-bottom: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme1.tabSideLeft.embedOn .tab a { border-left: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme1.tabSideRight.embedOn .tab a { border-right: solid 1px #FFFFFF !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme1 .tab.active:hover { background: #FFFFFF; } /* Tab Theme 2 - Detached */ #binderContainer_stacks_in_334 #tab-container.tabTheme2 .panel-container { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Tab Theme 3 - Contained */ #binderContainer_stacks_in_334.contentTransparencyOff #tab-container.tabTheme3 { background: #FFFFFF; } #binderContainer_stacks_in_334.borderTransparencyOff #tab-container.tabTheme3 { border: solid #666666 1px; } #binderContainer_stacks_in_334 #tab-container.tabTheme3 ul.etabs { padding-top: 6px; padding-bottom: 10px; } #binderContainer_stacks_in_334.borderTransparencyOff #tab-container.tabTheme3.tabSideLeft ul.etabs li.tab { border-left: solid #666666 1px !important; } #binderContainer_stacks_in_334.borderTransparencyOff #tab-container.tabTheme3.tabSideRight ul.etabs li.tab { border-right: solid #666666 1px !important; } #binderContainer_stacks_in_334 .tabTheme3 .panel-container { border: none !important; } /* Tab Theme 4 - Detached */ #binderContainer_stacks_in_334.borderTransparencyOff #tab-container.tabTheme2 {} /* Tab Theme 5 - Minimalist Folder */ #binderContainer_stacks_in_334 .tabTheme4 .etabs, #binderContainer_stacks_in_334 .tabTheme4 .panel-container, #binderContainer_stacks_in_334 .tabTheme4 li.tab a, #binderContainer_stacks_in_334 .tabTheme4 li.tab a.active, #binderContainer_stacks_in_334 #tab-container.tabSideLeft.tabTheme4 ul.etabs .tab, #binderContainer_stacks_in_334 #tab-container.tabSideRight.tabTheme4 ul.etabs .tab, #binderContainer_stacks_in_334 #tab-container.tabSideLeft.tabTheme4 ul.etabs .tab.active, #binderContainer_stacks_in_334 #tab-container.tabSideRight.tabTheme4 ul.etabs .tab.active { background: none; background-image: none; background-color: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab { float: right; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab { border-left: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab.active { border-right: solid 4px #666666 !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab { float: left !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab { border-right: 0 !important; border-top: 0 !important; border-bottom: 0 !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab.active { border-left: solid 4px #666666 !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideLeft .panel-container { border: none; border-left: solid 1px #666666; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideRight .panel-container { border: none; border-right: solid 1px #666666; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideLeft ul.etabs li.tab { margin-left: 5%; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideRight ul.etabs li.tab { margin-right: 5%; } #binderContainer_stacks_in_334 .tabTheme4 li.tab.active { border-right: solid 5% #666666 !important; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideLeft .panel-container { border-left: solid 1px #666666 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; } #binderContainer_stacks_in_334 #tab-container.tabTheme4.tabSideRight .panel-container { border-right: solid 1px #666666 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; } /* RESPONSIVE CONTROLS */ /* Smartphones */ @media (max-width : 320px) { #binderContainer_stacks_in_334 #tab-container .panel-container { width: 47% !important; max-width: 47% !important; } #binderContainer_stacks_in_334 #tab-container ul.etabs { width: 45% !important; max-width: 45% !important; } } /* * Typewriter * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Animated typewriter effect for text */ #typewriter_stacks_in_331 { padding: 5px 0; } @-webkit-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } #cursor_stacks_in_331 { display: none; } .blink_stacks_in_331 { -webkit-animation: blink-it 600ms linear 0s infinite; -moz-animation: blink-it 600ms linear 0s infinite; -ms-animation: blink-it 600ms linear 0s infinite; -o-animation: blink-it 600ms linear 0s infinite; animation: blink-it 600ms linear 0s infinite; }/* * Typewriter * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Animated typewriter effect for text */ #typewriter_stacks_in_375 { padding: 5px 0; } @-webkit-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } #cursor_stacks_in_375 { display: none; } .blink_stacks_in_375 { -webkit-animation: blink-it 600ms linear 0s infinite; -moz-animation: blink-it 600ms linear 0s infinite; -ms-animation: blink-it 600ms linear 0s infinite; -o-animation: blink-it 600ms linear 0s infinite; animation: blink-it 600ms linear 0s infinite; }/* * Typewriter * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Animated typewriter effect for text */ #typewriter_stacks_in_378 { padding: 5px 0; } @-webkit-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } #cursor_stacks_in_378 { display: none; } .blink_stacks_in_378 { -webkit-animation: blink-it 600ms linear 0s infinite; -moz-animation: blink-it 600ms linear 0s infinite; -ms-animation: blink-it 600ms linear 0s infinite; -o-animation: blink-it 600ms linear 0s infinite; animation: blink-it 600ms linear 0s infinite; }/* * Typewriter * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Animated typewriter effect for text */ #typewriter_stacks_in_381 { padding: 5px 0; } @-webkit-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } @keyframes blink-it { 0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;} } #cursor_stacks_in_381 { display: none; } .blink_stacks_in_381 { -webkit-animation: blink-it 600ms linear 0s infinite; -moz-animation: blink-it 600ms linear 0s infinite; -ms-animation: blink-it 600ms linear 0s infinite; -o-animation: blink-it 600ms linear 0s infinite; animation: blink-it 600ms linear 0s infinite; }/* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_389.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_389.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_389.is-active.semantic-content {display: block\9;} #popBox_stacks_in_389.semantic-content:target {display: block\9;} #popBox_stacks_in_389.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_389.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 10px 10px 10px 10px; color: #222222; position: relative; } #popBox_stacks_in_389.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 10px ; overflow-x: hidden; overflow-y: auto; color: #222222; height: 400px; } #popBox_stacks_in_389.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 10px 10px 10px; color: #222222; } #stacks_in_389 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_389 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_389.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_389 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #333333; } #popBox_stacks_in_389 .closeIcon:hover { color: #333333; } #popBox_stacks_in_389 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_389 .closeIcon svg path { fill: #333333; } /* Screen sizes greater than 768px */ #popBox_stacks_in_389.semantic-content .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; } #popBox_stacks_in_389.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_389.semantic-content .modal-content { height: 400px; } #popBox_stacks_in_389.semantic-content .widthPercentageOff .modal-inner { width: 500px; min-width: 500px; max-width: 500px; } #popBox_stacks_in_389.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_389.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_389.semantic-content .widthPercentageOff .modal-inner { width: 300px; min-width: 300px; max-width: 300px; } #popBox_stacks_in_389.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_389 .imageType2 svg { display: none; } #popBox_stacks_in_389 .closeIcon img { display: none; } #popBox_stacks_in_389 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_389.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_389.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_389.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_389.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_389 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_389.popBoxStyleDemo .modal-content { height: 400px; } #popBox_stacks_in_389.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_389.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 650px; min-width: 650px; max-width: 650px; margin: 0 auto; } #popBox_stacks_in_389.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_389.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_389.popBoxStyleDemo .popBoxHeader { padding: 10px 10px 10px 10px; } #popBox_stacks_in_389.popBoxStyleDemo .modal-content { padding: 10px; padding: 10px 10px; } #popBox_stacks_in_389.popBoxStyleDemo .popBoxFooter { padding: 10px; padding: 10px 10px 10px 10px; } #stacks_in_389 .closeText { display: none; font-size: 12px; color: #333333; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ /* * ourGlass: RapidWeaver Stack * Author: Timothy Smitley * Version: 1.2.2 * Description: Page loading animations */ #preloader_stacks_in_384 { display: block; } #content_stacks_in_384 { display: none; } #stacks_in_28 .assemble-wrap .assemble-panel.assembled { -webkit-transition: transform 1500ms ease, opacity 1500ms ease; transition: transform 1500ms ease, opacity 1500ms ease; } .assemble-wrap.assemble-bounce .assemble-panel.assembled { animation: assemble-bounce 1500ms linear; } #stacks_out_28 { width: 70%; } #stacks_out_586 .emphasize-scale { transform-origin: center; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; transform: scale(1.000000); } #stacks_out_586 { z-index: 9999; } #stacks_out_586.emphasized { z-index: 10000; } #stacks_out_586 .emphasize-shadow:before, #stacks_out_586 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_586, 0); } #stacks_out_586 .emphasize-shadow { position: relative; } #stacks_out_586 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); } #stacks_out_586.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_586.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_586 .emphasize-reveal { transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_586.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_586 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 900ms ease; will-change: opacity; opacity: 0; background-color: rgba(0, 0, 0, 0.00); } .emphasized #emphasize_overlay_stacks_in_586 { opacity: 1; } #emphasize_observer_stacks_in_586 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(1.000000); z-index: 9999; } #stacks_in_30.expd-card, #stacks_in_30.expd-card * { box-sizing: border-box; } #stacks_in_30 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_30.expd-card .click-all { height: 100%; } #stacks_in_30.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_30.expd-card.expd-active:after { display: none; } #stacks_in_30_wrap.wrap-expd-card { width: 360px; height: 320px; margin: 0px auto; max-width: 100%; position: relative; } #stacks_in_30.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_30.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 360px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_30.expd-card * { pointer-events: none; } #stacks_in_30.expd-card .expd-open, #stacks_in_30.expd-card [data-open='1'], #stacks_in_30.expd-card.expd-active * { pointer-events: all; } #stacks_in_30.expd-card h1, #stacks_in_30.expd-card h2, #stacks_in_30.expd-card h3, #stacks_in_30.expd-card h4, #stacks_in_30.expd-card h5, #stacks_in_30.expd-card h6 { font-family: inherit; } #stacks_in_30.expd-card.expd-active { position: fixed; z-index: 99; top: 20px; bottom: 20px; left: 20px; right: 20px; width: calc(100vw - 40px); height: calc(100vh - 40px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_30.expd-card [data-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_30.expd-card [data-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_30.expd-card .expd-card-button { background: #CCCCCC; color: #676767; display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_30.expd-card .expd-card-button[data-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_30.expd-card .expd-card-button:hover, #stacks_in_30.expd-card .expd-card-button[data-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_30.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_30 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 30px; right: 30px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_30 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_30 { opacity: 1; pointer-events: all; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-image: url(../files/headerImage-30.jpg); background-size: cover; background-position: center center; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_30.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(255, 255, 255, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(33, 255, 6, 1.00); border: 3px solid rgba(33, 255, 6, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; display: block; margin-bottom: 5px; } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_30.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_30.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_30.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_30.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_30.expd-card.expd-active [data-close='1'] { display: inline-block; } #stacks_in_30.expd-card.expd-active .expd-open[data-open='1'] { display: block; cursor: auto; } #stacks_in_30.expd-card.expd-active .expd-card-button[data-open='1'] { display: none; } #stacks_in_30.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_30.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_30.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_30.expd-card.expd-active { top: 5.000000px; bottom: 5.000000px; left: 5.000000px; right: 5.000000px; width: calc(100vw - 10.000000px); height: calc(100vh - 10.000000px); } } #stacks_in_316 { margin: 120px 20px 40px 20px; } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_298 > div { background-color: transparent; transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 7px; } .stacks_in_298 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 7px; } #stacks_in_298 .stacks_in_298 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_298 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_298 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_298 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_298 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_298 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_298 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_298 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_298 .index-nav > .index-next, #stacks_out_298 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_298 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_298 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_298 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_298 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_298 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_298 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_298 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_298 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_298, #stacks_in_298, .stacks_in_298 > .stacks_out { overflow: visible; } #stacks_out_298 { max-width: 640px; width: 100%; } .stacks_in_298 { margin-top: 8%; } .stacks_in_298 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_298 > .stacks_out, .stacks_in_298 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_298 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_298 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 800ms ease, opacity 800ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 5.000000px 20px rgba(0, 0, 0, 0.25); } .stacks_in_298 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_298 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 800ms linear; } .stacks_in_298 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_298 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 800ms ease, opacity 800ms ease; opacity: 0; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_298 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_298 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_298 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_298 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_298 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_298 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_298 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_298 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_298 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_298 .index-nav > .index-next, #stacks_out_298 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_298 .index-nav > .index-bullets { height: 60px; } #stacks_out_298 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } #stacks_in_298 { margin: 6px; } /* */ /* */ /* */ #pglt_overlaystacks_in_34 { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; overflow: scroll; padding: 0px 15px; cursor: pointer; } #pglt_overlaystacks_in_34:after { content: '✖'; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding: 30px; box-sizing: border-box; cursor: pointer; text-align: right; color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.70); opacity: 0; transition: opacity 400ms linear; } .pglt_fadestacks_in_34 #pglt_overlaystacks_in_34:after { opacity: 1; } body.pglt_noscrollstacks_in_34 { overflow: hidden; height: 100%; } #pglt_holderstacks_in_34 { cursor: pointer; display:none; overflow: hidden; } #pglt_spacestacks_in_34 { width: 100%; display:none; } #pglt_spacestacks_in_34 { margin: 20px auto 20px auto; } #pglt_holderstacks_in_34 * { pointer-events: none !important; } #pglt_wrapstacks_in_34 { position: relative; box-sizing: content-box; margin: 20px auto 100px auto; margin: 20px auto 20px auto; z-index: 1; -webkit-transform-origin: top left; transform-origin: top left; } .closing-pop-outstacks_in_34 #pglt_wrapstacks_in_34 { pointer-events: none !important; } #pagelit_stacks_in_34 { position: relative; z-index: 1; display: none; } #pagelit_stacks_in_34, #pglt_wrapstacks_in_34 .anim { -webkit-transform: translateX(-25%); transform: translateX(-25%); } .pglt-open #pagelit_stacks_in_34, #pglt_wrapstacks_in_34.pglt-open .anim { -webkit-transform: translateX(0%); transform: translateX(0%); } .pglt-close #pagelit_stacks_in_34, #pglt_wrapstacks_in_34.pglt-close .anim { -webkit-transform: translateX(25%); transform: translateX(25%); } @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2),(min-resolution: 192dpi) { #pglt_overlaystacks_in_34 #pagelit_stacks_in_34, #pglt_overlaystacks_in_34 #pagelit_stacks_in_34 .anim { transition: none !important; } #pglt_wrapstacks_in_34 { transition: none !important; } #pglt_overlaystacks_in_34 #pagelit_stacks_in_34.pglt-pop-out, #pglt_overlaystacks_in_34 #pglt_wrapstacks_in_34 .anim { -webkit-transform: translateX(0%); transform: translateX(0%); } #pglt_overlaystacks_in_34 #pagelit_stacks_in_34 { -webkit-transform: translateX(-25%); transform: translateX(-25%); } .pglt_fadestacks_in_34 #pglt_overlaystacks_in_34 { background: rgba(0, 0, 0, 0.70); } #pglt_overlaystacks_in_34:after { display: none; } #pglt_overlaystacks_in_34:before { content: '✖'; position: absolute; top: 0px; right: 0px; padding: 30px; box-sizing: border-box; cursor: pointer; text-align: right; color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; } } @-moz-document url-prefix() { #pglt_overlaystacks_in_34 #pagelit_stacks_in_34, #pglt_overlaystacks_in_34 #pagelit_stacks_in_34 .anim { transition: none !important; } #pglt_wrapstacks_in_34 { transition: none !important; } #pglt_overlaystacks_in_34 #pagelit_stacks_in_34.pglt-pop-out, #pglt_overlaystacks_in_34 #pglt_wrapstacks_in_34 .anim { -webkit-transform: translateX(0%); transform: translateX(0%); } #pglt_overlaystacks_in_34 #pagelit_stacks_in_34 { -webkit-transform: translateX(-25%); transform: translateX(-25%); } .pglt_fadestacks_in_34 #pglt_overlaystacks_in_34 { background: rgba(0, 0, 0, 0.70); } #pglt_overlaystacks_in_34:after { display: none; } #pglt_overlaystacks_in_34:before { content: '✖'; position: absolute; top: 0px; right: 0px; padding: 30px; box-sizing: border-box; cursor: pointer; text-align: right; color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: 30px; } } #pglt_wrapstacks_in_34 .page { overflow: hidden; position: absolute; width: 50%; cursor: pointer; padding: 40px 40px; box-sizing: border-box; } #pglt_wrapstacks_in_34 .page *, #pglt_wrapstacks_in_34 .cover * { pointer-events: none; } #pglt_wrapstacks_in_34 .page .page-number { position: absolute; width: 100%; bottom: 2%; left: 50%; font-size: 14px; height: 20px; line-height: 20px; width: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 5px; text-align: center; color: rgba(0,0,0,0.7); background: rgba(255,255,255,0.4); font-family: 'helvetica', sans-serif; } #pagelit_stacks_in_34 > .page, #pglt_wrapstacks_in_34 .anim > .page { left: 50%; } #pagelit_stacks_in_34 .page.page-left, #pglt_wrapstacks_in_34 .anim .page.page-left { left: 0; z-index: auto !important; } #pglt_wrapstacks_in_34 .anim.prev .page.page-left { left: auto; right: 0; } #pglt_wrapstacks_in_34 .anim-inner-wrap { position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; padding: 50px; } #pglt_wrapstacks_in_34 .anim { position: absolute; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; pointer-events: none; } #pglt_wrapstacks_in_34 .anim-inner { position: absolute; top: 0; width: 100%; height: 100%; padding-top: 25%; overflow: hidden; z-index: 0; } #pglt_wrapstacks_in_34 .anim.pglt-active { z-index: 1000; } #pglt_wrapstacks_in_34 .anim-inner.pglt-still { left: 50%; } #pglt_wrapstacks_in_34 .anim.prev .anim-inner.pglt-still { left: auto; right: 50%; } #pglt_wrapstacks_in_34 .anim-inner.pglt-move { left: 100%; perspective: 2000px; } #pglt_wrapstacks_in_34 .anim.prev .anim-inner.pglt-move { left: auto; right: 100%; perspective: 2000px; } #pglt_wrapstacks_in_34 .anim-inner.pglt-move .page { transform-origin: left; } #pglt_wrapstacks_in_34 .anim.prev .anim-inner.pglt-move .page { transform-origin: right; } #pglt_wrapstacks_in_34 .anim-inner.pglt-move .page-grad { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #pglt_wrapstacks_in_34 .anim.prev .anim-inner.pglt-move .page-grad { left: auto; right: 0; } #pglt_wrapstacks_in_34 .pglt-shdw, #pglt_wrapstacks_in_34 .pglt-shdw2 { position: absolute; z-index: 0; width: 100%; right: 0; } #pglt_wrapstacks_in_34 .pglt-shdw2 { left: 100%; } #pglt_wrapstacks_in_34 .anim.prev .pglt-shdw, #pglt_wrapstacks_in_34 .anim.prev .pglt-shdw2 { left: 0; right: auto; } #pglt_wrapstacks_in_34 .anim.prev .pglt-shdw2 { right: 100%; left: auto; } #pglt_wrapstacks_in_34 .anim.prev.cover-active .pglt-shdw2 { right: 50% !important; left: auto !important; } #pglt_wrapstacks_in_34 .page.page-left:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0; background-image: url(pglt-img/ls-pg.png); background-position: top left; background-size: 100% auto; background-repeat: repeat-y; border-right: 1px solid rgba(0,0,0,0.25); } #pglt_wrapstacks_in_34 .page.page-right:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url(pglt-img/rs-pg.png); background-size: 100% auto; background-position: top left; background-repeat: repeat-y; border-left: 1px solid rgba(0,0,0,0.25); } #pglt_wrapstacks_in_34 .anim .pglt-move .page.page-right:after { background-image: url(pglt-img/ls-pg.png); } #pglt_wrapstacks_in_34 .anim .pglt-move .page.page-left:after { background-image: url(pglt-img/rs-pg.png); } #pglt_wrapstacks_in_34 .anim .pglt-move .page.page-right.c-left:after { background-image: url(pglt-img/rs-pg.png); } #pglt_wrapstacks_in_34 .anim .pglt-move .page.page-left.c-left:after { background-image: url(pglt-img/ls-pg.png); } /* #pglt_wrapstacks_in_34 .anim.prev .pglt-move .page.page-left:after { box-shadow: 0px 0px 10px rgba(0,0,0,0.4), inset 10px 0px 30px -10px rgba(0,0,0,0.3); } #pglt_wrapstacks_in_34 .anim .pglt-move .page.page-right:after { box-shadow: 0px 0px 10px rgba(0,0,0,0.4), inset -10px 0px 30px -10px rgba(0,0,0,0.3); } */ #pglt_wrapstacks_in_34.pglt-open .pglt-depth.page-right { margin-left: 2px; } #pglt_wrapstacks_in_34.pglt-open .pglt-depth.page-left { margin-right: 2px; } #pglt_wrapstacks_in_34 .anim .page { cursor: default; } #pglt_wrapstacks_in_34 .cover-wrap { position: absolute; width: 100%; height: 100%; top: 0; } #pglt_wrapstacks_in_34 .cover { position: absolute; left: 50%; transform-origin: left; cursor: pointer; } #pglt_wrapstacks_in_34 .cover.page-left { margin-left: -10px; margin-top: -10px; } #pglt_wrapstacks_in_34 .cover.page-right { margin-top: -10px; } #pglt_wrapstacks_in_34 .anim.prev .anim-inner .cover { transform-origin: right; } #pglt_wrapstacks_in_34 .anim .cover { left: 0; cursor: default; } #pagelit_stacks_in_34 .cover.page-left, #pglt_wrapstacks_in_34 .anim .cover.page-left { left: 0; z-index: auto !important; } #pglt_wrapstacks_in_34 .anim.cover-active .anim-inner { left: 0; } #pglt_wrapstacks_in_34 .anim.prev.cover-active .anim-inner { left: 0; } #pglt_wrapstacks_in_34 .anim.cover-active, #pglt_wrapstacks_in_34 .anim.cover-active .anim-inner { overflow: visible; perspective: 2000px; } #pglt_wrapstacks_in_34 .anim.cover-active .pglt-move-inner { transform-origin: left; left: 50%; position: absolute; } #pglt_wrapstacks_in_34 .anim.prev.cover-active .pglt-move-inner { transform-origin: right; left: auto; right: 50%; } #pglt_wrapstacks_in_34 .anim.cover-active .pglt-move-inner > div { transform-origin: center !important; } #pglt_wrapstacks_in_34 .anim.prev.cover-active .pglt-move-inner > div { left: 50%; } #pglt_wrapstacks_in_34 .anim.cover-active .pglt-shdw2 { right: auto; left: 50%; z-index: -1; width: 50%; } #pglt_wrapstacks_in_34 .anim.prev.cover-active .pglt-shdw2 { left: 0; } #pagelit_stacks_in_34 .page.page-right, #pglt_wrapstacks_in_34 .anim .page.page-right { box-shadow: inset -1px -1px 0px rgba(0,0,0,0.15); } #pagelit_stacks_in_34 .page.page-left, #pglt_wrapstacks_in_34 .anim .page.page-left { box-shadow: inset 1px -1px 0px rgba(0,0,0,0.15); } /* #pagelit_stacks_in_34 .page { transition: margin 100ms linear; } */ #pglt_wrapstacks_in_34.pglt-open .page-right.depth3 { box-shadow: 1px 1px 3px rgba(0,0,0,0.15); } #pglt_wrapstacks_in_34.pglt-open .page-left.depth3 { box-shadow: -1px 1px 3px rgba(0,0,0,0.15); } #pglt_wrapstacks_in_34 .cover.c-f, #pglt_wrapstacks_in_34 .cover.cb-f { border-radius: 0px 9px 9px 0px; } #pglt_wrapstacks_in_34 .cover.c-b, #pglt_wrapstacks_in_34 .cover.cb-b { border-radius: 9px 0px 0px 9px; } #pglt_wrapstacks_in_34 .page.pglt-fr, #pglt_wrapstacks_in_34 .page.pglt-fr:after { overflow: hidden; border-radius: 0px 9px 9px 0px; } #pglt_wrapstacks_in_34 .page.pglt-bk, #pglt_wrapstacks_in_34 .page.pglt-bk:after { overflow: hidden; border-radius: 9px 0px 0px 9px; } #pglt_wrapstacks_in_34 .page.page-left.pglt-fr, #pglt_wrapstacks_in_34 .page.page-left.pglt-fr:after { border-radius: 9px 0px 0px 9px; } #pglt_wrapstacks_in_34 .page.page-right.pglt-bk, #pglt_wrapstacks_in_34 .page.page-right.pglt-bk:after { border-radius: 0px 9px 9px 0px; } #pglt_wrapstacks_in_34 .anim .page.page-left.pglt-fr, #pglt_wrapstacks_in_34 .anim .page.page-left.pglt-fr:after { overflow: hidden; border-radius: 0px 9px 9px 0px; } #pglt_wrapstacks_in_34 .anim .page.page-right.pglt-bk, #pglt_wrapstacks_in_34 .anim .page.page-right.pglt-bk:after { overflow: hidden; border-radius: 9px 0px 0px 9px; } #pagelit_stacks_in_34 .c-f.page-left, #pagelit_stacks_in_34 .c-b.page-right, #pagelit_stacks_in_34 .cb-f.page-left, #pagelit_stacks_in_34 .cb-b.page-right { display: none !important; } #pagelit_stacks_in_34 .cover.cb-f { box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.6); } #pagelit_stacks_in_34 .cover.c-b { box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.6); } /* Pagination */ #pglt_navstacks_in_34 { margin: 0px 0px 20px; padding: 30px 0px 10px; text-align: center; position: absolute; width: 100%; opacity: 0; transition: opacity 400ms linear; font-family: 'helvetica', sans-serif; } .pglt_fadestacks_in_34 #pglt_navstacks_in_34 { opacity: 1; } #pglt_navstacks_in_34 a { margin: 0px 5px; border-radius: 5px; cursor: pointer; height: 33px; width: 40px; padding: 0px; display: inline-block; background: rgba(245, 56, 41, 1.00); vertical-align: bottom; } #pglt_navstacks_in_34 a:active { box-shadow: inset 0px 33px 0px rgba(0,0,0,0.15); } #pglt_navstacks_in_34 a svg { width: 20px; height: 20px; } #pglt_navstacks_in_34 a, #pglt_navstacks_in_34 form { transition: 300ms opacity ease; pointer-events: none; opacity: 0; position: absolute; } #pglt_navstacks_in_34 a.pglt_next, .pglt-open #pglt_navstacks_in_34 a, .pglt-open #pglt_navstacks_in_34 form { pointer-events: all; opacity: 1; position: relative; } .pglt-close #pglt_navstacks_in_34 a, .pglt-close #pglt_navstacks_in_34 form { opacity: 0; pointer-events: none; position: absolute; } .pglt-close #pglt_navstacks_in_34 a.pglt_prev { pointer-events: all; opacity: 1; position: relative; } #pglt_holderstacks_in_34 #pglt_navstacks_in_34 a { opacity: 0; pointer-events: none; position: absolute; } #pglt_navstacks_in_34 a svg { fill: rgba(255, 255, 255, 1.00); height: 33px; pointer-events: none; } #pglt_navstacks_in_34 form { line-height: 33px; height: 33px; border: 1px solid transparent; display: inline-block; margin: 0; padding: 3px; box-sizing: border-box; background: #fff; border-radius: 5px; } #pglt_navstacks_in_34 form input { display: inline-block; width: 50px; height: 25px; line-height: 25px; text-align: right; vertical-align: top; border-radius: 4px 0px 0px 4px; border: 1px solid #ccc; } #pglt_navstacks_in_34 form span { display: inline-block; line-height: 25px; width: 50px; text-align: left; vertical-align: top; } #pglt_wrapstacks_in_34 .cover { position: absolute; left: 50%; transform-origin: left; cursor: pointer; } #pglt_navstacks_in_34 .pglt_first, #pglt_navstacks_in_34 .pglt_last { display: none !important; } #pglt_navstacks_in_34 form { display: none !important; } #pglt_loadstacks_in_34 { margin: 180.000000px auto; } #pglt_loadstacks_in_34 .pglt_load_wrap { margin: 0 auto; width: 40px; height: 40px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } #pglt_loadstacks_in_34 .pglt_loader { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #pglt_loadstacks_in_34 .pglt_loader:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333333; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } #pglt_loadstacks_in_34 .pglt_loader2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } #pglt_loadstacks_in_34 .pglt_loader3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } #pglt_loadstacks_in_34 .pglt_loader4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } #pglt_loadstacks_in_34 .pglt_loader2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #pglt_loadstacks_in_34 .pglt_loader3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #pglt_loadstacks_in_34 .pglt_loader4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0; } } .pglt-frstacks_in_35, .pglt-bkstacks_in_35 { background-size: 100% 100%; background-position: center; } .pglt-frstacks_in_35 { background-image: url(); background-color: #D73733; } .pglt-bkstacks_in_35 { background-image: url(); background-color: #E6E6E6; } #stacks_in_197 { -moz-border-radius: 0px 7px 7px 0px; -webkit-border-radius: 0px 7px 7px 0px; border-radius: 0px 7px 7px 0px; margin: 7px; } #stacks_in_199 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 8px; } .pglt-frstacks_in_128, .pglt-bkstacks_in_128 { background-size: 100% 100%; background-position: center; } .pglt-frstacks_in_128 { background-image: url(); background-color: #FFFFFF; } .pglt-bkstacks_in_128 { background-image: url(); background-color: #FFFFFF; } #stacks_in_201 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 8px; } #stacks_in_203 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 8px; } .pglt-frstacks_in_131, .pglt-bkstacks_in_131 { background-size: 100% 100%; background-position: center; } .pglt-frstacks_in_131 { background-image: url(); background-color: #FFFFFF; } .pglt-bkstacks_in_131 { background-image: url(); background-color: #CB2127; } #stacks_in_205 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px 10px 30px 10px; padding: 20px; } #stacks_in_207 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 60px 4px 0px 4px; } /* */ #events-stacks_in_39 { margin: 0 auto; max-width: 600px; } #events-stacks_in_39 ul.events-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_39 ul.events-grid li.events-grid-item { padding: 10px 10px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #events-stacks_in_39 ul.events-grid li.events-grid-item:first-child { padding-top: 10px; } #events-stacks_in_39 .event { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); } #events-stacks_in_39 .event-header { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; } #events-stacks_in_39 .event-header .header-title { /* */ font-family: "Nunito"; /* */ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } #events-stacks_in_39 .event-header .header-title h3, #events-stacks_in_39 .event-header .header-title .header-description, #events-stacks_in_39 .event-header .header-title .header-title-info { margin: 0; padding: 5px; } #events-stacks_in_39 .event-header .header-title h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; font-weight: bold; } #events-stacks_in_39 .event-header .header-title .header-description { color: rgba(255, 255, 255, 0.50) !important; font-size: 14px; line-height: 19.600000px; } #events-stacks_in_39 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[0] * 1.4 )%%px; } #events-stacks_in_39 .event-header .header-title .header-title-info span { color: rgba(90, 154, 244, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #events-stacks_in_39 .event-header .header-title .header-title-info span:first-child { margin-right: 10px; } #events-stacks_in_39 .event-header .header-title .header-title-info i { font-size: inherit; margin-right: 5px; } #events-stacks_in_39 .event-header .header-date { /* */ /* */ background: rgba(58, 58, 58, 1.00); /* */ /* */ /* */ font-family: "Rubik"; /* */ padding: 10px 10px; min-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_39 .event-header .header-date .date-top { text-align: center; color: rgba(255, 255, 255, 1.00); font-size: 40px; } #events-stacks_in_39 .event-header .header-date .date-bottom { text-align: center; color: rgba(90, 154, 244, 1.00); font-size: 14px; } #events-stacks_in_39 .event-header .header-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; color: rgba(255, 255, 255, 1.00); } #events-stacks_in_39 .event-header .header-toggle .toggle-inner { /* */ font-family: "Nunito"; /* */ width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #events-stacks_in_39 .event-details { /* */ height: 0; /* */ /* */ font-family: "Rubik"; /* */ /* */ /* */ background: rgba(40, 40, 40, 1.00); /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; } #events-stacks_in_39 .event-details .details-inner { padding: 15px 15px; } #events-stacks_in_39 .event-details .details-inner h1, #events-stacks_in_39 .event-details .details-inner h2, #events-stacks_in_39 .event-details .details-inner h3, #events-stacks_in_39 .event-details .details-inner h4, #events-stacks_in_39 .event-details .details-inner h5, #events-stacks_in_39 .event-details .details-inner h6 { color: rgba(255, 255, 255, 1.00); } #events-stacks_in_39 .event-details .details-inner p, #events-stacks_in_39 .event-details .details-inner ul, #events-stacks_in_39 .event-details .details-inner li, #events-stacks_in_39 .event-details .details-inner span, #events-stacks_in_39 .event-details .details-inner blockquote { line-height: 22.400000px; font-size: 16px; color: rgba(255, 255, 255, 0.40); } #events-stacks_in_39 .event-details .details-inner a, #events-stacks_in_39 .event-details .details-inner a:link, #events-stacks_in_39 .event-details .details-inner a:visited { line-height: 22.400000px; font-size: 16px; color: rgba(90, 154, 244, 1.00); } #events-stacks_in_39 .event.event-opened .event-details { height: auto; } #events-stacks_in_39 .event.event-opened .event-header .header-toggle .toggle-inner i::before { content: '\f126'; } #events-stacks_in_39 .event.event-opened .event-details { height: auto; } #events-stacks_in_39 .event.event-opened .event-header .header-toggle .toggle-inner i::before { content: '\f126'; } #events-stacks_in_39.hide-date-top .date-top { display: none; } #events-stacks_in_39.hide-date-bottom .date-bottom { display: none; } #events-stacks_in_39.hide-description .header-title .header-description { display: none; } #events-stacks_in_39.hide-location .header-title .header-title-info span:first-child { display: none; } #events-stacks_in_39.hide-time .header-title .header-title-info span:nth-child(2) { display: none; } @media (max-width: 500px) { #events-stacks_in_39 .event-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } #events-stacks_in_39 .event-header .header-title { width: 100%; } #events-stacks_in_39 .event-header .header-title .header-title-info span { margin-bottom: 5px; } #events-stacks_in_39 .event-header .header-date { width: 100%; } #events-stacks_in_39 .event-header .header-toggle { width: 100%; } #events-stacks_in_39 .event-header .header-toggle .toggle-inner { width: 100%; min-height: 40px; } #events-stacks_in_39 .event-header .header-toggle .toggle-inner::after { display: inline; font-size: 14px; margin-left: 10px; content: 'Details zeigen ...'; } } @media (min-width: 400px) and (max-width: 780px) { /* */ #events-stacks_in_39 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_39 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_39 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[1] * 1.4 )%%px; } #events-stacks_in_39 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_39 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_39 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } @media (max-width: 400px) { /* */ #events-stacks_in_39 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_39 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_39 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[2] * 1.4 )%%px; } #events-stacks_in_39 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_39 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_39 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } #stacks_in_39 { margin: 20px; } #stacks_in_243 { padding: 10px; } #stacks_in_241 { padding: 10px; } #stacks_in_223 { padding: 10px; } #stacks_in_239 { padding: 10px; } #stacks_in_237 { padding: 10px; } /* */ #fifty-fifty-slider-stacks_in_54 { border-radius: 0px; max-width: 700px; min-height: 450px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; text-align: left; list-style: none; margin: 0 auto; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; font-family: "Nunito"; transition: all 0s ease-in-out; } #fifty-fifty-slider-stacks_in_54 .ffs-slide { top: 0; left: 0; position: absolute; z-index: 1; width: 100%; bottom: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-sizing: border-box; -webkit-transform: all 0.3s ease-in-out; transform: all 0.3s ease-in-out; } #fifty-fifty-slider-stacks_in_54 .ffs-slide.active .ffs-slide-content { -webkit-transform: translateX(0%); transform: translateX(0%); } #fifty-fifty-slider-stacks_in_54 .ffs-slide.active .ffs-slide-image { -webkit-transform: translateX(0%); transform: translateX(0%); } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content, #fifty-fifty-slider-stacks_in_54 .ffs-slide-image { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; position: relative; pointer-events: auto; box-sizing: border-box; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: translateX(200%); transform: translateX(200%); padding-bottom: 50px; transition: -webkit-transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out, -webkit-transform 0.6s 0s ease-in-out; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content-inner { z-index: 2; position: relative; padding: 20px 20px; box-sizing: border-box; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content .ffs-slide-title { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 28px; line-height: 44.799999px; margin-bottom: 10px; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content .ffs-slide-text { /* */ font-family: "Open Sans"; /* */ color: rgba(179, 179, 179, 1.00); font-size: 14px; line-height: 22.400000px; margin-bottom: 10px; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content .ffs-slide-action { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 16px; padding: 8px 20px; border: 2px solid; background: rgba(33, 33, 33, 1.00); border-radius: 30px; border-color: rgba(77, 77, 77, 1.00); display: inline-block; box-sizing: border-box; text-decoration: none; transition: all 0.3s ease; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content .ffs-slide-action::before { display: inline-block; content: 'erfahre mehr . . .'; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 1.00); border-color: rgba(255, 255, 255, 1.00); } #fifty-fifty-slider-stacks_in_54 .ffs-slide-image { -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1; transition: -webkit-transform 0s 0.3s ease-in-out; transition: transform 0s 0.3s ease-in-out; transition: transform 0s 0.3s ease-in-out, -webkit-transform 0s 0.3s ease-in-out; } #fifty-fifty-slider-stacks_in_54 .ffs-nav { left: 0; bottom: 0; width: 50%; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #fifty-fifty-slider-stacks_in_54 .ffs-nav-count { margin-right: auto; color: rgba(255, 255, 255, 1.00); font-size: 14px; } #fifty-fifty-slider-stacks_in_54 .ffs-nav a { color: rgba(255, 255, 255, 1.00); width: 30px; height: 30px; border-radius: 30px; border: 2px solid rgba(255, 255, 255, 1.00); opacity: 0.5; display: -webkit-box; display: -ms-flexbox; display: flex; color: inherit; line-height: 0; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(0%); transform: translateY(0%); transition: all 0.3s ease-in-out; } #fifty-fifty-slider-stacks_in_54 .ffs-nav a i { line-height: 0; color: rgba(255, 255, 255, 1.00); font-size: 20px; } #fifty-fifty-slider-stacks_in_54 .ffs-nav a:hover { opacity: 1; } #fifty-fifty-slider-stacks_in_54 .ffs-nav a:first-of-type { margin-right: 10px; } #fifty-fifty-slider-stacks_in_54.slide-end .ffs-nav a.next { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } #fifty-fifty-slider-stacks_in_54.slide-start .ffs-nav a.prev { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } #fifty-fifty-slider-stacks_in_54.height-set .ffs-slide { bottom: 0; } #fifty-fifty-slider-stacks_in_54.hide-titles .ffs-slide-title { display: none; } #fifty-fifty-slider-stacks_in_54.hide-text .ffs-slide-text { display: none; } #fifty-fifty-slider-stacks_in_54.hide-actions .ffs-slide-action { display: none; } #fifty-fifty-slider-stacks_in_54.hide-actions .ffs-slide-text { margin-bottom: 0; } #fifty-fifty-slider-stacks_in_54.content-top .ffs-slide-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #fifty-fifty-slider-stacks_in_54.content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #fifty-fifty-slider-stacks_in_54.content-bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #fifty-fifty-slider-stacks_in_54 .ffs-slide .ffs-slide-content { /* */ /* */ background: rgba(64, 0, 128, 1.00); background: linear-gradient(to bottom right, rgba(64, 0, 128, 1.00), rgba(128, 0, 128, 1.00)); /* */ /* */ /* */ } #fifty-fifty-slider-stacks_in_54 .ffs-slide .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } @media (max-width: 700px) { #fifty-fifty-slider-stacks_in_54 { min-height: 450px; } #fifty-fifty-slider-stacks_in_54 .ffs-nav { width: 100%; } #fifty-fifty-slider-stacks_in_54 .ffs-slide { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #fifty-fifty-slider-stacks_in_54 .ffs-slide-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-transform: translateX(100%); transform: translateX(100%); } #fifty-fifty-slider-stacks_in_54 .ffs-slide-image { width: 100%; height: 300px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-transform: translateX(100%); transform: translateX(100%); transition: -webkit-transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out; transition: transform 0.6s 0s ease-in-out, -webkit-transform 0.6s 0s ease-in-out; } #fifty-fifty-slider-stacks_in_54.mobile-nav-top .ffs-slide-content { padding-bottom: 0; padding-top: 50px; } #fifty-fifty-slider-stacks_in_54.mobile-nav-top .ffs-nav { top: 300px; bottom: auto; } #fifty-fifty-slider-stacks_in_54.mobile-nav-top.slide-start .ffs-nav a.prev { -webkit-transform: translateY(-100%); transform: translateY(-100%); } #fifty-fifty-slider-stacks_in_54.mobile-nav-top.slide-end .ffs-nav a.next { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } #ffs-slide-stacks_in_55 .ffs-slide-image { background: url(../files/slide_image-55.png) no-repeat center center; background-size: cover; } #ffs-slide-stacks_in_55.custom-title .ffs-slide-title { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_55.custom-text .ffs-slide-text { color: rgba(204, 204, 204, 1.00); } #ffs-slide-stacks_in_55.custom-button .ffs-slide-action { color: rgba(255, 255, 255, 1.00); background: rgba(64, 0, 128, 1.00); border-color: rgba(77, 77, 77, 1.00); } #ffs-slide-stacks_in_55.custom-button .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(128, 0, 128, 1.00); border-color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_55 .ffs-nav-count { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_55 .ffs-nav a { color: rgba(255, 255, 255, 1.00); border-radius: px; border: px solid rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_55.custom-background .ffs-slide-content { /* */ /* */ background: rgba(33, 33, 33, 1.00); background: linear-gradient(to bottom right, rgba(33, 33, 33, 1.00), rgba(0, 0, 0, 1.00)); /* */ /* */ /* */ } #ffs-slide-stacks_in_55.custom-background .ffs-slide-content::before { /* */ } #ffs-slide-stacks_in_55.custom-background .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } #ffs-slide-stacks_in_175 .ffs-slide-image { background: url() no-repeat center center; background-size: cover; } #ffs-slide-stacks_in_175.custom-title .ffs-slide-title { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_175.custom-text .ffs-slide-text { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_175.custom-button .ffs-slide-action { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 1.00); border-color: rgba(77, 77, 77, 1.00); } #ffs-slide-stacks_in_175.custom-button .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 1.00); border-color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_175 .ffs-nav-count { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_175 .ffs-nav a { color: rgba(255, 255, 255, 1.00); border-radius: px; border: px solid rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_175.custom-background .ffs-slide-content { /* */ background: rgba(33, 33, 33, 1.00); /* */ /* */ /* */ /* */ } #ffs-slide-stacks_in_175.custom-background .ffs-slide-content::before { /* */ } #ffs-slide-stacks_in_175.custom-background .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } #ffs-slide-stacks_in_178 .ffs-slide-image { background: url() no-repeat center center; background-size: cover; } #ffs-slide-stacks_in_178.custom-title .ffs-slide-title { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_178.custom-text .ffs-slide-text { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_178.custom-button .ffs-slide-action { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 1.00); border-color: rgba(77, 77, 77, 1.00); } #ffs-slide-stacks_in_178.custom-button .ffs-slide-action:hover { color: rgba(255, 255, 255, 1.00); background: rgba(33, 33, 33, 1.00); border-color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_178 .ffs-nav-count { color: rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_178 .ffs-nav a { color: rgba(255, 255, 255, 1.00); border-radius: px; border: px solid rgba(255, 255, 255, 1.00); } #ffs-slide-stacks_in_178.custom-background .ffs-slide-content { /* */ background: rgba(33, 33, 33, 1.00); /* */ /* */ /* */ /* */ } #ffs-slide-stacks_in_178.custom-background .ffs-slide-content::before { /* */ } #ffs-slide-stacks_in_178.custom-background .ffs-slide-content::before { /* */ display: none; /* */ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); } /* */ body { margin: 0; } #feature-slider-stacks_in_49 { height: 100%; font-family: "Proxima Nova"; max-width: 350px; border-radius: 10px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_49 .feature-slide { min-height: 400px; /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_49 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_49 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-title { /* */ font-family: "Open Sans"; /* */ opacity: 0; color: rgba(255, 255, 255, 1.00); max-width: 800px; font-size: 26px; padding: 20px 15px; line-height: 36.399998px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-icon .slide-icon { width: 150px; height: 150px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.30); } #feature-slider-stacks_in_49 .feature-slide .feature-slide-icon i { color: inherit; font-size: 100px; vertical-align: middle; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-description { /* */ font-family: "Open Sans"; /* */ opacity: 0; margin: 0 auto; color: rgba(255, 255, 255, 1.00); font-size: 16px; padding: 20px 15px; max-width: 800px; line-height: 22.400000px; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-action { padding: 20px 15px; background: rgba(0, 0, 0, 0.30); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-action > a { /* */ font-family: "Open Sans"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(187, 187, 187, 1.00); font-size: 16px; padding: 10px 15px; border-radius: 30px; background: rgba(255, 255, 255, 1.00); -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; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-action > a span::before { content: 'mehr lernen ...'; display: inline-block; } #feature-slider-stacks_in_49 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_49 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_49 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 0.40); width: 24px; height: 24px; font-size: 24px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_49 .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slider-stacks_in_49.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_49.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_49.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_49.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_49.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_49.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_49.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_49.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #stacks_in_49 { margin: 10px; } #feature-slide-stacks_in_50.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_50.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_50.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_50.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_50.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_50.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_50.feature-slide.custom-slide-background { /* */ /* */ background: rgba(179, 190, 111, 1.00); background: -webkit-gradient(linear, left top, left bottom, from(to bottom left), color-stop(rgba(179, 190, 111, 1.00)), to(rgba(0, 0, 0, 1.00))); background: linear-gradient(to bottom left, rgba(179, 190, 111, 1.00), rgba(0, 0, 0, 1.00)); /* */ /* */ /* */ } #feature-slide-stacks_in_50.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_50.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 102, 1.00); } #feature-slide-stacks_in_50.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_50.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_50.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_50.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_50.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_50.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_50.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_154.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_154.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_154.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_154.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_154.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_154.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_154.feature-slide.custom-slide-background { /* */ /* */ background: rgba(179, 190, 111, 1.00); background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(rgba(179, 190, 111, 1.00)), to(rgba(0, 0, 0, 1.00))); background: linear-gradient(to bottom right, rgba(179, 190, 111, 1.00), rgba(0, 0, 0, 1.00)); /* */ /* */ /* */ } #feature-slide-stacks_in_154.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_154.feature-slide.custom-slide-title .feature-slide-title { color: rgba(204, 255, 102, 1.00); } #feature-slide-stacks_in_154.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_154.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_154.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_154.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_154.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_154.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_154.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_157.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_157.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_157.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_157.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_157.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_157.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_157.feature-slide.custom-slide-background { /* */ /* */ background: rgba(179, 190, 111, 1.00); background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(rgba(179, 190, 111, 1.00)), to(rgba(0, 0, 0, 1.00))); background: linear-gradient(to top, rgba(179, 190, 111, 1.00), rgba(0, 0, 0, 1.00)); /* */ /* */ /* */ } #feature-slide-stacks_in_157.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_157.feature-slide.custom-slide-title .feature-slide-title { color: rgba(102, 255, 102, 1.00); } #feature-slide-stacks_in_157.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_157.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_157.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_157.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_157.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_157.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_157.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } /* */ #split-stacks_in_63 { max-width: 900px; border-radius: 4px; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; } #split-stacks_in_63 * { box-sizing: border-box; } #split-stacks_in_63 .split:first-child { width: 50%; } #split-stacks_in_63 .split:last-child { width: 50%; } #split-stacks_in_63.hover-split:not(.auto-shrink) .split:first-child:not(.active), #split-stacks_in_63.hover-split:not(.auto-shrink) .split:last-child:not(.active) { width: 300px; } #split-stacks_in_63.hover-split .split:first-child:not(.active) .split-content, #split-stacks_in_63.hover-split .split:last-child:not(.active) .split-content { animation: none; } #split-stacks_in_63.hover-split .split:first-child:not(.active) .split-icon-on, #split-stacks_in_63.hover-split .split:first-child:not(.active) .split-title, #split-stacks_in_63.hover-split .split:first-child:not(.active) .split-description, #split-stacks_in_63.hover-split .split:first-child:not(.active) .split-button, #split-stacks_in_63.hover-split .split:last-child:not(.active) .split-icon-on, #split-stacks_in_63.hover-split .split:last-child:not(.active) .split-title, #split-stacks_in_63.hover-split .split:last-child:not(.active) .split-description, #split-stacks_in_63.hover-split .split:last-child:not(.active) .split-button { opacity: 0; transition: opacity 0s 0s; } #split-stacks_in_63.hover-split .split:first-child:not(.active) .split-icon-off, #split-stacks_in_63.hover-split .split:last-child:not(.active) .split-icon-off { opacity: 1; transition: opacity 0.4s 0s; } #split-stacks_in_63 .split:first-child, #split-stacks_in_63 .split:last-child { display: -ms-flexbox; display: flex; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; min-height: 550px; transition: all 0.5s ease-in-out; } #split-stacks_in_63 .split:first-child:hover, #split-stacks_in_63 .split:last-child:hover { width: 100%; } #split-stacks_in_63 .split:first-child .split-content, #split-stacks_in_63 .split:last-child .split-content { z-index: 2; padding: 20px; max-width: 400px; width: 100%; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-align: center; align-items: center; transition: all 0.4s; -ms-flex-direction: column; flex-direction: column; } #split-stacks_in_63 .split:first-child .split-icon, #split-stacks_in_63 .split:first-child .split-title, #split-stacks_in_63 .split:first-child .split-description, #split-stacks_in_63 .split:first-child .split-button, #split-stacks_in_63 .split:last-child .split-icon, #split-stacks_in_63 .split:last-child .split-title, #split-stacks_in_63 .split:last-child .split-description, #split-stacks_in_63 .split:last-child .split-button { transition: opacity 0.4s 0.5s; } #split-stacks_in_63 .split:first-child .split-title, #split-stacks_in_63 .split:last-child .split-title { /* */ font-family: "Montserrat"; /* */ opacity: 1; z-index: 2; position: relative; font-weight: bold; font-size: 30px; margin-bottom: 10px; line-height: calc(30px * 1.618); } #split-stacks_in_63 .split:first-child .split-description, #split-stacks_in_63 .split:last-child .split-description { /* */ font-family: "Montserrat"; /* */ opacity: 1; z-index: 2; position: relative; font-size: 14px; margin-bottom: 10px; line-height: calc(14px * 1.618); } #split-stacks_in_63 .split:first-child .split-button, #split-stacks_in_63 .split:last-child .split-button { /* */ font-family: "Montserrat"; /* */ opacity: 1; -ms-flex: 0 1 auto; flex: 0 1 auto; z-index: 2; position: relative; text-decoration: none; font-size: 16px; line-height: calc(16px * 1.618); padding: 8px 25px; border-radius: 30px; } #split-stacks_in_63 .split:first-child .split-icon, #split-stacks_in_63 .split:last-child .split-icon { opacity: 1; z-index: 2; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; width: 60px; max-width: 60px; height: 60px; max-height: 60px; margin-bottom: 10px; border-radius: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } #split-stacks_in_63 .split:first-child .split-icon i, #split-stacks_in_63 .split:last-child .split-icon i { line-height: 0; font-size: 50px; } #split-stacks_in_63 .split:first-child .split-icon-off, #split-stacks_in_63 .split:last-child .split-icon-off { top: 50%; left: 50%; opacity: 1; opacity: 0; animation: none; position: absolute; transition: opacity 0s 0s; transform: translate(-50%, -50%); } #split-stacks_in_63 .split:first-child.content-v-top, #split-stacks_in_63 .split:last-child.content-v-top { -ms-flex-pack: start; justify-content: flex-start; } #split-stacks_in_63 .split:first-child.content-v-center, #split-stacks_in_63 .split:last-child.content-v-center { -ms-flex-pack: center; justify-content: center; } #split-stacks_in_63 .split:first-child.content-v-bottom, #split-stacks_in_63 .split:last-child.content-v-bottom { -ms-flex-pack: end; justify-content: flex-end; } #split-stacks_in_63 .split:first-child.content-h-left, #split-stacks_in_63 .split:last-child.content-h-left { -ms-flex-align: start; align-items: flex-start; } #split-stacks_in_63 .split:first-child.content-h-center, #split-stacks_in_63 .split:last-child.content-h-center { -ms-flex-align: center; align-items: center; } #split-stacks_in_63 .split:first-child.content-h-right, #split-stacks_in_63 .split:last-child.content-h-right { -ms-flex-align: end; align-items: flex-end; } #split-stacks_in_63 .split:first-child.text-align-left .split-content, #split-stacks_in_63 .split:last-child.text-align-left .split-content { text-align: left; -ms-flex-align: start; align-items: flex-start; } #split-stacks_in_63 .split:first-child.text-align-center .split-content, #split-stacks_in_63 .split:last-child.text-align-center .split-content { text-align: center; -ms-flex-align: center; align-items: center; } #split-stacks_in_63 .split:first-child.text-align-right .split-content, #split-stacks_in_63 .split:last-child.text-align-right .split-content { text-align: right; -ms-flex-align: end; align-items: flex-end; } @media (max-width: px) { #split-stacks_in_63 { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; } #split-stacks_in_63 .split:first-child, #split-stacks_in_63 .split:last-child { width: 100% !important; transition: all 0.4s, width 0s; } #split-stacks_in_63 .split:first-child .split-icon, #split-stacks_in_63 .split:first-child .split-title, #split-stacks_in_63 .split:first-child .split-description, #split-stacks_in_63 .split:first-child .split-button, #split-stacks_in_63 .split:last-child .split-icon, #split-stacks_in_63 .split:last-child .split-title, #split-stacks_in_63 .split:last-child .split-description, #split-stacks_in_63 .split:last-child .split-button { opacity: 1 !important; } #split-stacks_in_63 .split:first-child .split-icon-off, #split-stacks_in_63 .split:last-child .split-icon-off { opacity: 0 !important; } } @media (max-width: 700px) { #split-stacks_in_63.hover-split:not(.auto-shrink) .split:first-child:not(.active), #split-stacks_in_63.hover-split:not(.auto-shrink) .split:last-child:not(.active) { width: 100px; } #split-stacks_in_63 .split:first-child, #split-stacks_in_63 .split:last-child { min-height: 400px; } #split-stacks_in_63 .split:first-child .split-title, #split-stacks_in_63 .split:last-child .split-title { font-size: 30px; line-height: calc($split-items--title-t * 1.618); } #split-stacks_in_63 .split:first-child .split-description, #split-stacks_in_63 .split:last-child .split-description { font-size: 14px; line-height: calc($split-items--description-m * 1.618); } } @media (max-width: 400px) { #split-stacks_in_63.hover-split:not(.auto-shrink) .split:first-child:not(.active), #split-stacks_in_63.hover-split:not(.auto-shrink) .split:last-child:not(.active) { width: 100px; } #split-stacks_in_63 .split:first-child, #split-stacks_in_63 .split:last-child { min-height: 350px; } #split-stacks_in_63 .split:first-child .split-title, #split-stacks_in_63 .split:last-child .split-title { font-size: 24px; line-height: calc($split-items--title-m * 1.618); } #split-stacks_in_63 .split:first-child .split-description, #split-stacks_in_63 .split:last-child .split-description { font-size: 14px; line-height: calc($split-items--description-m * 1.618); } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #split-item-stacks_in_64 { /* */ background: rgba(163, 28, 251, 1.00); /* */ /* */ /* */ /* */ } #split-item-stacks_in_64::before { /* */ } #split-item-stacks_in_64::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #split-item-stacks_in_64 .split-title { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_64 .split-description { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_64 .split-icon { color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.30); } #split-item-stacks_in_64 .split-button { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_64 .split-button:hover { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_68 { /* */ background: rgba(163, 28, 251, 1.00); /* */ /* */ /* */ /* */ } #split-item-stacks_in_68::before { /* */ } #split-item-stacks_in_68::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #split-item-stacks_in_68 .split-title { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_68 .split-description { color: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_68 .split-icon { color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.30); } #split-item-stacks_in_68 .split-button { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #split-item-stacks_in_68 .split-button:hover { color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #stacks_in_1, #stacks_in_1, #stacks_in_1 .stacks_in, #stacks_in_1 .stacks_out, .stacks_top { overflow: visible !important; } #dds-stacks_in_73 { display: flex; margin: 0 auto; text-align: left; flex-direction: column; max-width: 1200px; } #dds-stacks_in_73.hide-grid-tags .tag-list { display: none !important; } #dds-stacks_in_73 .dds-dropdown { width: 100%; flex: 0 1 auto; position: relative; box-sizing: border-box; color: rgba(255, 255, 255, 1.00); padding: 5px; font-size: 14px; /* */ font-family: "Montserrat"; /* */ } #dds-stacks_in_73 .dds-dropdown.closed .dds-dropdown-menu { opacity: 0; pointer-events: none; -webkit-transform: translateY(20px); transform: translateY(20px); } #dds-stacks_in_73 .dds-dropdown.closed .dds-dropdown-arrow .arrow-down { display: none; } #dds-stacks_in_73 .dds-dropdown.closed .dds-dropdown-arrow .arrow-up { display: block; } #dds-stacks_in_73 .dds-dropdown-selected { display: flex; cursor: pointer; margin-left: auto; box-sizing: border-box; max-width: 200px; border-radius: 4px; background: rgba(52, 52, 52, 1.00); padding: 15px 15px; align-items: center; } #dds-stacks_in_73 .dds-dropdown-selected .dds-dropdown-arrow { width: 18px; height: 18px; margin-left: auto; } #dds-stacks_in_73 .dds-dropdown-selected .dds-dropdown-arrow svg path { fill: rgba(255, 255, 255, 1.00); } #dds-stacks_in_73 .dds-dropdown-selected .dds-dropdown-arrow svg.arrow-up { display: none; } #dds-stacks_in_73 .dds-dropdown-menu { top: calc(100% + 5px); right: 0; padding: 0; z-index: 20; list-style: none; overflow: hidden; position: absolute; box-sizing: border-box; border-radius: inherit; transition: all 0.4s ease; margin: 0 5px; background: rgba(52, 52, 52, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); max-width: 200px; border-radius: 4px; width: calc(100% - (5px*2)); } #dds-stacks_in_73 .dds-dropdown-menu li { display: flex; flex-wrap: wrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; align-items: center; box-sizing: border-box; color: rgba(255, 255, 255, 1.00); font-size: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 12px 15px; } #dds-stacks_in_73 .dds-dropdown-menu li:not(.all)::before { content: ''; margin-right: 10px; width: 13px; height: 13px; border-radius: 2px; display: inline-block; } #dds-stacks_in_73 .dds-dropdown-menu li:hover { color: rgba(255, 255, 255, 1.00); background: rgba(36, 36, 36, 1.00); } #dds-stacks_in_73 .dds-dropdown-menu li:hover .dds-dropdown-radio { border-color: rgba(255, 255, 255, 1.00); } #dds-stacks_in_73 .dds-dropdown-menu li:hover .dds-dropdown-radio::before { opacity: 0.3; background: rgba(255, 255, 255, 1.00); } #dds-stacks_in_73 .dds-dropdown-menu li.all.on::before { content: 'Deselect All'; } #dds-stacks_in_73 .dds-dropdown-menu li.all::before { content: 'Select All'; } #dds-stacks_in_73 .dds-dropdown-menu li.on .dds-dropdown-radio::before { opacity: 1; } #dds-stacks_in_73 .dds-dropdown-menu li .dds-dropdown-radio { width: 16px; height: 16px; min-width: 16px; min-height: 16px; margin-left: auto; border-radius: 50%; position: relative; box-sizing: border-box; border: 2px solid rgba(204, 204, 204, 1.00); } #dds-stacks_in_73 .dds-dropdown-menu li .dds-dropdown-radio::before { content: ''; top: 50%; left: 50%; width: 50%; opacity: 0; height: 50%; min-width: 50%; min-height: 50%; display: block; position: absolute; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(204, 204, 204, 1.00); } #dds-stacks_in_73 .dds-grid { display: flex; flex-wrap: wrap; box-sizing: border-box; } #dds-stacks_in_73 .dds-grid .dds-grid-item { display: none; flex: 0 1 auto; width: calc(100% / 3); padding: 5px; box-sizing: border-box; } #dds-stacks_in_73 .dds-grid .dds-grid-item.match { display: block; } #dds-stacks_in_73 .dds-grid .dds-grid-item-inner { width: 100%; min-height: 0px; display: flex; box-sizing: border-box; flex-direction: column; justify-content: flex-end; } #dds-stacks_in_73 .dds-grid .dds-grid-item-inner .tag-list { width: 100%; padding: 8px 0 0 0; box-sizing: border-box; font-family: "Montserrat"; } #dds-stacks_in_73 .dds-grid .dds-grid-item-inner .tag-list .tag { margin: 0; width: 18px; height: 18px; border-radius: 2px; position: relative; display: inline-block; } #dds-stacks_in_73 .dds-grid .dds-grid-item-inner .tag-list .tag:hover::before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #dds-stacks_in_73 .dds-grid .dds-grid-item-inner .tag-list .tag::before { opacity: 0; z-index: 10; display: block; color: rgba(255, 255, 255, 1.00); font-size: 12px; border-radius: 2px; padding: 5px 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: absolute; background: rgba(52, 52, 52, 1.00); top: calc(100% + 5px); content: attr(data-tag); -webkit-transform: translateY(-5px); transform: translateY(-5px); transition: all 0.4s; } @media (max-width: 700px) { #dds-stacks_in_73 .dds-grid .dds-dropdown { padding: 5px; } #dds-stacks_in_73 .dds-grid .dds-dropdown-menu { width: calc(100% - (5px*2)); } #dds-stacks_in_73 .dds-grid .dds-grid-item { width: calc(100% / 2); padding: 5px; } #dds-stacks_in_73 .dds-grid .dds-grid-item-inner { min-height: 0px; } } @media (max-width: 400px) { #dds-stacks_in_73 .dds-dropdown { padding: 5px; } #dds-stacks_in_73 .dds-dropdown-menu { width: calc(100% - (5px*2)); } #dds-stacks_in_73 .dds-grid .dds-grid-item { width: calc(100% / 1); padding: 5px; } #dds-stacks_in_73 .dds-grid .dds-grid-item-inner { min-height: 0px; } } /* */ #dds-dropdown-tag-stacks_in_75::before { background: rgba(233, 77, 75, 1.00); } #dds-dropdown-tag-stacks_in_160::before { background: rgba(233, 77, 75, 1.00); } #dds-dropdown-tag-stacks_in_162::before { background: rgba(233, 77, 75, 1.00); } h1.item-font-preset { font-family: ""; } h1.item-font-custom { font-family: ""; } h1.item-font-google { font-family: ""; } .box { top: 50%; left: 50%; width: 300px; height: 300px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box.item-bg-color { background: ; } .box.item-bg-gradient-2 { background: linear-gradient(, , ); } .box.item-bg-gradient-3 { background: linear-gradient(, , , ); } .box.item-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: ; } .box.item-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, , ); } h1.item-font-preset { font-family: ""; } h1.item-font-custom { font-family: ""; } h1.item-font-google { font-family: ""; } .box { top: 50%; left: 50%; width: 300px; height: 300px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box.item-bg-color { background: ; } .box.item-bg-gradient-2 { background: linear-gradient(, , ); } .box.item-bg-gradient-3 { background: linear-gradient(, , , ); } .box.item-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: ; } .box.item-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, , ); } h1.item-font-preset { font-family: ""; } h1.item-font-custom { font-family: ""; } h1.item-font-google { font-family: ""; } .box { top: 50%; left: 50%; width: 300px; height: 300px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .box.item-bg-color { background: ; } .box.item-bg-gradient-2 { background: linear-gradient(, , ); } .box.item-bg-gradient-3 { background: linear-gradient(, , , ); } .box.item-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: ; } .box.item-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } .box.item-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, , ); } /* */ #fix-stacks_in_59 { /* */ background: rgba(82, 89, 115, 1.00); /* */ /* */ /* */ margin: 0 auto; position: relative; transition: all 0.4s; box-sizing: border-box; font-family: "Montserrat"; z-index: 100; max-width: 800px; border-radius: 0px; } #fix-stacks_in_59.fixed { top: 0px; left: 0; right: 0; width: 100%; max-width: 100%; position: fixed; border-radius: 0; } #fix-stacks_in_59.show-grid .fix-grid { display: -ms-flexbox !important; display: flex !important; } #fix-stacks_in_59 .fix-grid { display: -ms-flexbox; display: flex; padding: 5px; } #fix-stacks_in_59 .fix-grid .fix-item { width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 0 1 auto; flex: 0 1 auto; text-decoration: none; box-sizing: border-box; padding: 5px 5px; } #fix-stacks_in_59 .fix-mobile-header { color: rgba(255, 255, 255, 1.00); background: rgba(29, 32, 42, 1.00); display: none; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 15px; font-size: 16px; } #fix-stacks_in_59 .fix-mobile-header i { font-size: 24px; } #fix-stacks_in_59 .fix-item .fix-item-inner { padding: 15px 10px; border-radius: 4px; width: 100%; -ms-flex: 1 0 auto; flex: 1 0 auto; cursor: pointer; text-align: center; -ms-flex-align: center; align-items: center; transition: all 0.4s; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; background: rgba(67, 70, 90, 1.00); } #fix-stacks_in_59 .fix-item .fix-item-inner-icon { color: rgba(29, 32, 42, 1.00); font-size: 40px; margin-bottom: 5px; transition: all 0.4s; } #fix-stacks_in_59 .fix-item .fix-item-inner-text { /* */ font-family: "Montserrat"; /* */ font-size: 15px; color: rgba(255, 255, 255, 1.00); overflow: hidden; white-space: nowrap; transition: all 0.4s; text-overflow: ellipsis; } #fix-stacks_in_59 .fix-item .fix-item-inner:hover { background: rgba(29, 32, 42, 1.00); } #fix-stacks_in_59 .fix-item .fix-item-inner:hover .fix-item-inner-icon { color: rgba(255, 255, 255, 1.00); } #fix-stacks_in_59 .fix-item .fix-item-inner:hover .fix-item-inner-text { color: rgba(255, 255, 255, 1.00); } @media (max-width: 760px) { #fix-stacks_in_59.fixed .fix-grid { display: none; } #fix-stacks_in_59.fixed .fix-mobile-header { display: -ms-flexbox; display: flex; } #fix-stacks_in_59 .fix-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; } #fix-stacks_in_59 .fix-grid .fix-item { width: calc(100% / 3); } #fix-stacks_in_59 .fix-grid .fix-item-inner-icon { font-size: 30px; } #fix-stacks_in_59 .fix-grid .fix-item-inner-text { font-size: 14px; } } @media (max-width: 400px) { #fix-stacks_in_59 .fix-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; } #fix-stacks_in_59 .fix-grid .fix-item { width: calc(100% / 2); } #fix-stacks_in_59 .fix-grid .fix-item-icon { font-size: 24px; } #fix-stacks_in_59 .fix-grid .fix-item-text { font-size: 12px; } } #fix-item-stacks_in_60.custom-colors .fix-item-inner { background: rgba(67, 70, 90, 1.00); } #fix-item-stacks_in_60.custom-colors .fix-item-inner-icon { color: rgba(29, 32, 42, 1.00); } #fix-item-stacks_in_60.custom-colors .fix-item-inner-text { color: rgba(255, 255, 255, 1.00); } #fix-item-stacks_in_60.custom-colors .fix-item-inner:hover { background: rgba(29, 32, 42, 1.00); } #fix-item-stacks_in_60.custom-colors .fix-item-inner:hover-icon { color: rgba(255, 255, 255, 1.00); } #fix-item-stacks_in_60.custom-colors .fix-item-inner:hover-text { color: rgba(255, 255, 255, 1.00); } #fix-item-stacks_in_167.custom-colors .fix-item-inner { background: rgba(67, 70, 90, 1.00); } #fix-item-stacks_in_167.custom-colors .fix-item-inner-icon { color: rgba(29, 32, 42, 1.00); } #fix-item-stacks_in_167.custom-colors .fix-item-inner-text { color: rgba(255, 255, 255, 1.00); } #fix-item-stacks_in_167.custom-colors .fix-item-inner:hover { background: rgba(29, 32, 42, 1.00); } #fix-item-stacks_in_167.custom-colors .fix-item-inner:hover-icon { color: rgba(255, 255, 255, 1.00); } #fix-item-stacks_in_167.custom-colors .fix-item-inner:hover-text { color: rgba(255, 255, 255, 1.00); } /* 1.0.1 - input field is now marked as one time field so that browsers dont ask to save the password - ignores iframes to prevent a console error - fixes Warning: Undefined array key bug */ #stacks_in_85 { position: relative; } #stacks_in_85 #pre_canvas_stacks_in_85 { position: absolute; z-index: -9999; left: -9999px; width: 100%; pointer-events: none; /* */ background: transparent; } /* */ /* */ #stacks_in_85 > .cta-content { position: absolute; left: 0; z-index: 2; right: 0; bottom: 0; top: auto; -webkit-transform: translate(0,0); transform: translate(0,0); } /* */ #stacks_in_85 canvas { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } #stacks_in_85 .check-pass { position: relative; text-align: center; font-size: 16px; margin: 10px 0px; } #stacks_in_85 .check-pass { position: relative; z-index: 2; margin: 10px 0px; /* */ position: absolute; left: 0; z-index: 2; right: 0; /* */ /* */ top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); margin: 0; /* */ /* */ /* */ text-align: center; font-size: 16px; } #stacks_in_85 .check-pass .field { background: #EDF0F9; border-radius: 4px; position: relative; text-align: center; display: inline-block; padding: 15px 20px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px rgba(0,0,0,0.2); max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 300ms ease; transition: all 300ms ease; } #stacks_in_85.content-off .check-pass .field { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } /* */ #stacks_in_85.content-off .check-pass .field { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } #stacks_in_85.content-off:hover .check-pass .field, #stacks_in_85.content-off:focus .check-pass .field { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } /* */ #stacks_in_85 .check-pass .field-inner { position: relative; } #stacks_in_85 .check-pass .field input, #stacks_in_85 .check-pass .field label { width: 300px; max-width: 100%; height: 30px; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; line-height: 30px; margin: 0; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; padding: 0px 15px 0px 36px; white-space: nowrap; } #stacks_in_85 .check-pass .field input { position: relative; color: #989898; } #stacks_in_85 .check-pass .field label { position: absolute; top: 0px; left: 0px; color: rgba(0,0,0,.4); z-index: 1; pointer-events: none; } #stacks_in_85 .check-pass.error .field label { color: #CD2D59; } #stacks_in_85 .check-pass .field svg { position: absolute; z-index: 2; left: 25px; top: 17px; width: 26px; height: 26px; fill: rgba(0,0,0,.4); } #stacks_in_85 .check-pass.loading .field svg { -webkit-animation: flickerAnimation 1s infinite; animation: flickerAnimation 1s infinite; } @keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } #stacks_in_85 .check-pass.error .field svg { -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } } #stacks_in_85 .check-pass .field input:focus + label { display: none; } /* */ /* */ /* */ #rotate-stacks_in_87 { /* */ background: rgba(84, 138, 252, 1.00); /* */ /* */ /* */ padding: 10px 10px; max-width: 2000px; border-radius: 0px; min-height: 300px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #rotate-stacks_in_87:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_87 .rotate-nav { top: 50%; opacity: 0; width: 30px; color: white; z-index: 500; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.4s ease; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_87 .rotate-nav-state { width: 5px; height: 5px; margin: 10px 0; border-radius: 50%; background: rgba(255, 255, 255, 0.20); } #rotate-stacks_in_87 .rotate-nav-prev, #rotate-stacks_in_87 .rotate-nav-next { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; position: relative; border-radius: 2px; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.20); } #rotate-stacks_in_87 .rotate-nav-prev i, #rotate-stacks_in_87 .rotate-nav-next i { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #rotate-stacks_in_87 .rotate-nav-prev:hover, #rotate-stacks_in_87 .rotate-nav-next:hover { opacity: 1; color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); } #rotate-stacks_in_87 .rotate-flex-wrap { max-width: 600px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s ease; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item { padding: 20px 40px; top: 0; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item.active { opacity: 1; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item.active .rotate-item-action { -webkit-animation: action-in 0.5s 0.8s; animation: action-in 0.5s 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item.active.hide .rotate-item-action { -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item { /* */ font-family: "Nunito"; /* */ } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item-icon { opacity: 1; color: rgba(255, 255, 255, 1.00); font-size: 24px; margin-bottom: 15px; transition: all 0.1s ease; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item-title { /* */ font-family: "Nunito"; /* */ width: 100%; font-weight: 300; color: rgba(255, 255, 255, 1.00); font-size: 30px; line-height: calc(30px * 1.4); margin: 0 0 30px; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item-action, #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item-action:active { /* */ font-family: "Nunito"; /* */ opacity: 0; text-decoration: none; padding: 10px 20px; font-size: 16px; border-radius: 40px; color: rgba(0, 0, 0, 0.50); background: rgba(255, 255, 255, 1.00); line-height: calc(16px * 1.4); cursor: pointer; transition: all 0.4s ease; -webkit-animation: action-out 0.3s; animation: action-out 0.3s; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item-action:hover, #rotate-stacks_in_87 .rotate-flex-wrap .rotate-item-action:active:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #rotate-stacks_in_87.rotate-prev .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_87.rotate-prev .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_87.rotate-prev .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_87.rotate-next .rotate-flex-wrap .rotate-item { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(-100%) scale(0.5); transform: translateY(-100%) scale(0.5); } #rotate-stacks_in_87.rotate-next .rotate-flex-wrap .rotate-item.active { opacity: 1; transition: all 1s ease; -webkit-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } #rotate-stacks_in_87.rotate-next .rotate-flex-wrap .rotate-item.active.hide { opacity: 0; transition: all 1s ease; -webkit-transform: translateY(100%) scale(0.5); transform: translateY(100%) scale(0.5); } #rotate-stacks_in_87.align-left .rotate-item { left: 0; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #rotate-stacks_in_87.align-left .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_87.align-left:hover .rotate-item { left: 30px; } #rotate-stacks_in_87.align-left:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_87.align-right .rotate-item { right: 0; text-align: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #rotate-stacks_in_87.align-right .rotate-nav { right: 0; -webkit-transform: translate(30px, -50%); transform: translate(30px, -50%); } #rotate-stacks_in_87.align-right:hover .rotate-item { right: 30px; } #rotate-stacks_in_87.align-right:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_87.align-center .rotate-item { left: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #rotate-stacks_in_87.align-center .rotate-nav { left: 0; -webkit-transform: translate(-30px, -50%); transform: translate(-30px, -50%); } #rotate-stacks_in_87.align-center:hover .rotate-item { left: 30px; } #rotate-stacks_in_87.align-center:hover .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } @media (max-width: 768px) { #rotate-stacks_in_87 .rotate-item .rotate-item-title { font-size: 24px; line-height: calc(24px * 1.4); } } @media (max-width: 500px) { #rotate-stacks_in_87 .rotate-item .rotate-item-title { font-size: 20px; line-height: calc(20px * 1.4); } #rotate-stacks_in_87.align-left .rotate-item { left: 30px; } #rotate-stacks_in_87.align-left .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_87.align-right .rotate-item { right: 30px; } #rotate-stacks_in_87.align-right .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } #rotate-stacks_in_87.align-center .rotate-item { left: 30px; } #rotate-stacks_in_87.align-center .rotate-nav { opacity: 1; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } } @-webkit-keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-out { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes action-in { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @import url("https://fonts.googleapis.com/css?family=Droid+Sans|Droid+Serif"); @import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"); @important "partials/mixins"; body.toc-no-scroll { overflow: hidden; } #table-of-contents-stacks_in_97 { margin: 0 auto; padding: 0px 10px 50px 10px; max-width: 800px; } #table-of-contents-stacks_in_97 .article-container { position: relative; margin: 0 auto; padding-top: 100px; } #table-of-contents-stacks_in_97 .article-container article { padding-bottom: 100px; } #table-of-contents-stacks_in_97 .article-container article:last-child { padding-bottom: 0; } #table-of-contents-stacks_in_97 .article-container article h1:first-of-type { margin-top: 0 !important; } #table-of-contents-stacks_in_97 .article-container article .toc-header { color: #111111; } #table-of-contents-stacks_in_97 .article-container article .toc-content { color: #111111; } #table-of-contents-stacks_in_97 { /* */ font-family: "Ubuntu"; /* */ color: #111111; } #table-of-contents-stacks_in_97 h1, #table-of-contents-stacks_in_97 h2, #table-of-contents-stacks_in_97 h3, #table-of-contents-stacks_in_97 h4, #table-of-contents-stacks_in_97 h5, #table-of-contents-stacks_in_97 h6 { /* */ font-family: "Droid Serif"; /* */ color: #111111; } #table-of-contents-stacks_in_97 .toc-summary { /* */ background: rgba(46, 47, 64, 1.00); /* */ /* */ /* */ padding: 40px 20px 20px 20px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #table-of-contents-stacks_in_97 .toc-summary .toc-toggle { display: none; } #table-of-contents-stacks_in_97 .toc-summary-header { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #table-of-contents-stacks_in_97 .toc-summary-header h2 { margin-top: 0; text-align: center; margin-bottom: 30px; color: #FFFFFF; font-size: 30px; } #table-of-contents-stacks_in_97 .toc-summary ul { margin: 0; padding: 0; list-style: none; } #table-of-contents-stacks_in_97 .toc-summary ul li { margin: 0 auto; padding-top: 5px; padding-bottom: 5px; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(1) a .number::before { content: "1"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(2) a .number::before { content: "2"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(3) a .number::before { content: "3"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(4) a .number::before { content: "4"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(5) a .number::before { content: "5"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(6) a .number::before { content: "6"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(7) a .number::before { content: "7"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(8) a .number::before { content: "8"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(9) a .number::before { content: "9"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(10) a .number::before { content: "10"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(11) a .number::before { content: "11"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(12) a .number::before { content: "12"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(13) a .number::before { content: "13"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(14) a .number::before { content: "14"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(15) a .number::before { content: "15"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(16) a .number::before { content: "16"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(17) a .number::before { content: "17"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(18) a .number::before { content: "18"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(19) a .number::before { content: "19"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(20) a .number::before { content: "20"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(21) a .number::before { content: "21"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(22) a .number::before { content: "22"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(23) a .number::before { content: "23"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(24) a .number::before { content: "24"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(25) a .number::before { content: "25"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(26) a .number::before { content: "26"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(27) a .number::before { content: "27"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(28) a .number::before { content: "28"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(29) a .number::before { content: "29"; } #table-of-contents-stacks_in_97 .toc-summary ul li:nth-child(30) a .number::before { content: "30"; } #table-of-contents-stacks_in_97 .toc-summary ul li a { color: #FFFFFF; padding: 10px 10px; font-size: 14px; line-height: 22.652000px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } #table-of-contents-stacks_in_97 .toc-summary ul li .number { position: relative; width: 36px; color: #FFFFFF; height: 36px; background: #3D3E4E; min-width: 36px; min-height: 36px; font-size: 20px; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: background-color .3s, color .3s; } #table-of-contents-stacks_in_97 .toc-summary ul li .number::before { line-height: 0; } #table-of-contents-stacks_in_97 .toc-summary ul li .number svg { top: 0; left: 0; right: 0; bottom: 0; display: none; position: absolute; } #table-of-contents-stacks_in_97 .toc-summary.fixed.expanded { /* */ background: rgba(46, 47, 64, 1.00); /* */ /* */ /* */ height: 100%; display: block; border-radius: 0; overflow-y: scroll; } #table-of-contents-stacks_in_97 .toc-summary.fixed.expanded .toc-summary-header { display: block; margin-bottom: 20px; } #table-of-contents-stacks_in_97 .toc-summary.fixed.expanded ul li { margin: 0 auto; padding: 5px auto; border-bottom: 1px dotted #FFFFFF; } #table-of-contents-stacks_in_97 .toc-summary.fixed.expanded ul li a, #table-of-contents-stacks_in_97 .toc-summary.fixed.expanded ul li a.hide { background: none; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 10px 10px; } #table-of-contents-stacks_in_97 .toc-summary.fixed.expanded .toc-toggle-close { display: block; margin-bottom: 15px; } #table-of-contents-stacks_in_97 .toc-summary.fixed.expanded .toc-toggle-open { display: none; } #table-of-contents-stacks_in_97 .toc-summary.fixed { top: 0px; z-index: 1000000000; left: 0; right: 0; padding: 0; width: 100%; margin: 0 auto; max-width: 100%; position: fixed; max-height: 100%; background: none; border-radius: 0; } #table-of-contents-stacks_in_97 .toc-summary.fixed .toc-summary-header { display: none; } #table-of-contents-stacks_in_97 .toc-summary.fixed .toc-toggle { width: 40px; height: 40px; padding: 0; border: none; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #table-of-contents-stacks_in_97 .toc-summary.fixed .toc-toggle i { vertical-align: middle; font-size: 24px; } #table-of-contents-stacks_in_97 .toc-summary.fixed .toc-toggle-close { display: none; margin: 20px; color: #FFFFFF; background: none; margin-left: auto; } #table-of-contents-stacks_in_97 .toc-summary.fixed .toc-toggle-open { display: block; color: #FFFFFF; background: #2E2F40; margin-left: auto; border-bottom-left-radius: 5px; } #table-of-contents-stacks_in_97 .toc-summary.fixed ul { /* */ background: rgba(46, 47, 64, 1.00); /* */ /* */ /* */ padding: 0; width: 100%; z-index: -1; margin: 0 auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; list-style: none; transition: all 0.3s ease; } #table-of-contents-stacks_in_97 .toc-summary.fixed li { margin: 0 auto; padding-top: 0; padding-bottom: 0; counter-increment: articles; max-width: 800px; } #table-of-contents-stacks_in_97 .toc-summary.fixed a { padding: 10px; display: none; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } #table-of-contents-stacks_in_97 .toc-summary.fixed a .number { min-width: 36px; max-width: 36px; min-height: 36px; max-height: 36px; } #table-of-contents-stacks_in_97 .toc-summary.fixed a .number::before { display: block; } #table-of-contents-stacks_in_97 .toc-summary.fixed a svg { /* this is the filling circle around the article number */ display: none; stroke: #FFFFFF; position: absolute; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.hide { display: none !important; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.reading { display: -webkit-box; display: -ms-flexbox; display: flex; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.reading em { color: #FFFFFF; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.reading svg { display: block; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.reading .number { color: #FFFFFF; background-color: #319BFF; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.reading .number::before { font-family: 'Ionicons'; font-size: 16px !important; content: '\f36b' !important; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.reading.show-percentage .number::before { color: forestgreen; font-size: 12px; content: attr(data-content) !important; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.read { display: -webkit-box; display: -ms-flexbox; display: flex; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.read em { color: #08C590; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.read svg { display: none !important; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.read .number { color: #FFFFFF; background-color: #08C590; } #table-of-contents-stacks_in_97 .toc-summary.fixed a.read .number::before { font-family: 'Ionicons'; font-size: 24px !important; content: '\f383' !important; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.reading { display: -webkit-box; display: -ms-flexbox; display: flex; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.reading em { color: #FFFFFF; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.reading svg { display: block; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.reading .number { color: #FFFFFF; background-color: #319BFF; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.reading .number::before { font-family: 'Ionicons'; font-size: 16px !important; content: '\f36b' !important; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.reading.show-percentage .number::before { color: forestgreen; font-size: 12px; content: attr(data-content) !important; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.read { display: -webkit-box; display: -ms-flexbox; display: flex; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.read em { color: #08C590; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.read svg { display: none !important; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.read .number { color: #FFFFFF; background-color: #08C590; } #table-of-contents-stacks_in_97 .toc-summary.edit ul li a.read .number::before { font-family: 'Ionicons'; font-size: 24px !important; content: '\f383' !important; } @media (min-width: 480px) { #table-of-contents-stacks_in_97 .article-container article h1.toc-header { font-size: 25px; line-height: 32px; } #table-of-contents-stacks_in_97 .article-container article .toc-content { font-size: 16px; line-height: 32px; } } @media (min-width: 768px) { #table-of-contents-stacks_in_97 .article-container article h1.toc-header { font-size: 28px; line-height: 32px; } #table-of-contents-stacks_in_97 .article-container article .toc-content { font-size: 16px; line-height: 32px; } } @media (min-width: 1100px) { #table-of-contents-stacks_in_97 .article-container article h1.toc-header { font-size: 30px; line-height: 32px; } #table-of-contents-stacks_in_97 .article-container article .toc-content { font-size: 16px; line-height: 32px; } } #stacks_out_582 .emphasize-scale { transform-origin: center; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; transform: scale(1.000000); } #stacks_out_582 { z-index: 9999; } #stacks_out_582.emphasized { z-index: 10000; } #stacks_out_582 .emphasize-shadow:before, #stacks_out_582 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_582, 0); } #stacks_out_582 .emphasize-shadow { position: relative; } #stacks_out_582 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); } #stacks_out_582.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_582.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_582 .emphasize-reveal { transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_582.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_582 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 900ms ease; will-change: opacity; opacity: 0; background-color: rgba(0, 0, 0, 0.00); } .emphasized #emphasize_overlay_stacks_in_582 { opacity: 1; } #emphasize_observer_stacks_in_582 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(1.000000); z-index: 9999; } #stacks_out_582 { width: 77%; } #stacks_in_235 { padding: 10px; } #stacks_out_584 .emphasize-scale { transform-origin: center; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; transform: scale(1.000000); } #stacks_out_584 { z-index: 9999; } #stacks_out_584.emphasized { z-index: 10000; } #stacks_out_584 .emphasize-shadow:before, #stacks_out_584 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_584, 0); } #stacks_out_584 .emphasize-shadow { position: relative; } #stacks_out_584 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); } #stacks_out_584.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_584.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_584 .emphasize-reveal { transition: transform 900ms ease, opacity 900ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_584.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_584 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 900ms ease; will-change: opacity; opacity: 0; background-color: rgba(0, 0, 0, 0.00); } .emphasized #emphasize_overlay_stacks_in_584 { opacity: 1; } #emphasize_observer_stacks_in_584 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(1.000000); z-index: 9999; } #stacks_out_584 { width: 89%; } #stacks_in_233 { padding: 10px; } :root { --multi_columns_stacks_in_1372:1fr; } #multi_columns_stacks_in_1372 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1372); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1372 > div { min-width: 0; } #multi_columns_stacks_in_1372 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1372 > div img { max-width: 100%; } #multi_columns_stacks_in_1372 > div:not(.nav-column):not(.column-sticky) { position: relative; } @font-face{font-family:icon;src:url(../../rw_common/plugins/stacks/quick-edit/icons.woff);font-weight:400;font-style:normal} /* 1.4.1.15 - has new error catch for servers that send text responses instead of 404 errors when reading/checking for content.json file - fix for above change, if one file finsihed before the other, it would think there was no content to load. - added table, ol, and ul editable detection - added fix for affero theme (slogan issue) - added support for editing iframe attributes - New experimental option, enabling the ability to edit hidden content (content not visible on page load) - New experimental option that allows you to disable the ability to edit certain elements by type or class - error catch for background image mount function, when parentNode is null - fixed a resizing image bug that was making it difficult to find and use the resize handles - no longer targets the "btn" class for editing, caused conflicts for hidden button elements of other 3rd-party addons - editing the html now supports empty elements, which will allow embed codes to work - update php file will only allow json files to be created/read for increased security - added compatabilty for Article 2 - fixes issue that could prevent the loading class from being applied, causing content to be invisible - improvments to video display and resizability */ .qe-login-wrap { width: 100%; position: fixed; z-index: 99999; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(243, 243, 243, 1.00); font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; border-radius: 4px; } .qe-login-wrap .admin-login { display: block; max-width: 320px; width: 100%; margin: 0 auto; } .qea-notification { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; position: fixed; top: 20px; right: 20px; color: hsl(0, 0%, 20%); background: hsl(0, 0%, 100%); border-radius: 4px; -webkit-box-shadow: 0 8px 8px rgba(0,0,0,.35); box-shadow: 0 8px 8px rgba(0,0,0,.35); border-left: 0.5rem solid hsl(0, 0%, 100%); transform: translateX(100%); opacity: 0; pointer-events: none; transition: all 500ms ease; padding: 15px 20px; z-index: 99999; width: 100%; max-width: 500px; max-height: 90vh; overflow: scroll; } .qea-notification > h1 { font-size: 20px; line-height: 22px; margin: 0px 0px 12px 0px; color: #333; font-family: helvetica; font-weight: bold; letter-spacing: 0px; width: 100%; } .qea-notification > p { font-size: 14px; line-height: 22px; margin: 0px 0px 12px 0px; color: #555; font-family: helvetica; font-weight: normal; width: 100%; padding-right: 15px; } .qea-notification .qea-notification-close { position: absolute; top: 15px; right: 15px; background: none; border: none; color: inherit; width: 25px; height: 25px; cursor: pointer; } .qea-notification .qea-notification-close svg { display: block; width: 100%; height: 100%; color: #777; } .qea-notification.qea-message, .qea-notification.qea-success, .qea-notification.qea-error { transform: translateX(0%); opacity: 1; pointer-events: all; } .qea-success { border-left-color: #90dee9; } .qea-message { border-left-color: #E9B654; } .qea-error { border-left-color: hsl(0, 67%, 74%); overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .ct-widget .ct-image-dialog__image { position: relative; } .ct-widget .ct-image-dialog__view:not(.qea-cannot-load-images) .ct-image-dialog__image:first-child:after { content: "Remove Image"; text-align: center; line-height: 20px; font-size: 16px; padding: 13px 0px; position: absolute; color: #999; left: 0; top: 0; right: 0; bottom: 0; background: #fff; box-shadow: 0px 0px 0px 1px #fff; border-radius: 2px; } .ct-widget .ct-attribute { height: 33px; border-bottom: 1px solid rgba(0,0,0,0.15); } .ct-widget input.ct-attribute__name { font-weight: bold; } .ct-widget input.ct-section__input, .ct-widget input.ct-attribute__name, .ct-widget input.ct-attribute__value { height: 32px; margin: 0; background: transparent; } .ct-widget .ct-control--styles:before { content: "\e90c"; } .ct-widget .ct-section { height: 32px; } .ct-widget .ct-section__switch { margin-top: 4px; } .ct-widget .ct-section__label { line-height: 32px; } .qea-notification.qea-message *, .qea-notification.qea-success *, .qea-notification.qea-error * { padding: 0; text-align: left; color: #333; font-size: 14px; line-height: 18px; } .qea-notification.qea-message *:after, .qea-notification.qea-success *:after, .qea-notification.qea-error *:after { display: none; } .ct-widget.ct-toolbox { padding: 0px } .ct-widget .ct-toolbox__grip { display: grid; grid-template-columns: min-content min-content min-content; align-items: center; justify-content: center; padding: 12px 0px; } .ct-widget .ct-tool-group { padding: 4px 8px; border-top: 1px solid rgba(0,0,0,0.15); } .ct-widget .ct-tool--insert:before { content: "\ea0a"; } .ct-widget .ct-tool .qea-insert-icon { position: absolute; bottom: 2px; right: 2px; color: #464646; text-align: center; font-family: icon; font-size: 8px; font-style: normal; font-weight: 400; font-variant: normal; speak: none; text-transform: none; line-height: 10px; background: #e8e8e8; color: #464646; box-sizing: content-box; padding: 1px; border-radius: 50%; width: 10px; height: 10px; } .ct-widget .ct-tool--disabled .qea-insert-icon { color: rgba(70,70,70,.33); } .ct-widget .ct-tool .qea-insert-icon:before { content: "\ea0a"; } .ct-widget .ct-tool.qea-is-insert:before { font-size: 14px; } .ct-widget .ct-tool--redo + .ct-tool .qea-insert-icon { padding: 2px; } .ct-widget .ct-tool--redo + .ct-tool .qea-insert-icon:before { content: "\ea2d"; font-size: 11px; } .ct-widget .ct-tool--redo + .ct-tool.qea-is-insert:after { content: "Change Image" } .ce-element--type-image.ce-element--over, .ce-element--type-image.ce-element--focused { filter: none; opacity: 1; } .ce-element--type-image.ce-element--over > img, .ce-element--type-image.ce-element--focused > img { opacity: 0.7; } .ct-widget .ct-image-dialog__file-upload { cursor: pointer; font-size: 18px; line-height: 32px; margin: 0; } /* Floating Inspector */ .ct-widget .ct-inspector__tags { display: flex; flex-direction: row; width: 100%; } .ct-widget .ct-tag { margin-left: 0px; margin-right: 16px; } .ct-widget .ct-tag:last-child, .ct-widget .ct-tag:last-child:first-child { margin-right: 0px; } .ct-widget .ct-tag:before { content: "\e90c"; font-family: icon; margin-right: 4px; vertical-align: bottom; } .ct-widget .ct-tag.qea-inline-element:active, .ct-widget .ct-tag.qea-inline-element { background: #444; margin-left: 0px; margin-right: 2px; } .ct-widget .ct-tag.qea-inline-element:hover { background: #333; } .ct-widget .ct-tag.qea-inline-element, .ct-widget .ct-tag:last-child { border-radius: 2px; } .ct-widget .ct-tag.qea-inline-element:after, .ct-widget .ct-tag:last-child:after { display: none; } .ct-widget .ct-tag { font-size: 15px; font-weight: 400; } .ct-widget .ct-tag.qea-heading { font-weight: bold; } .ct-widget .ct-tag:before { display: none; } .ct-widget .ct-tool--paragraph:before { font-family: helveticaNeue, helvetica, arial; } .ct-widget .ct-tag.qea-styled:after, .ct-widget .ct-tag.qea-underlined:after, .ct-widget .ct-tag.qea-bold:after, .ct-widget .ct-tag.qea-italic:after, .ct-widget .ct-tag.qea-link:after, .ct-widget .ct-tag.qea-img:after{ all: initial; pointer-events: none; color: #fff; content: "\ea62"; font-family: icon; vertical-align: bottom; line-height: 24px; font-size: 14px; } .ct-widget .ct-tag.qea-italic:after { content: "\ea64"; } .ct-widget .ct-tag.qea-link:after { content: "\e9cb"; } .ct-widget .ct-tag.qea-img:after { content: "\e90d"; font-size: 16px; } .ct-widget .ct-tag.qea-underlined:after, .ct-widget .ct-tool--underline:before { content: "\ea63"; } .ct-widget .ct-tag.qea-styled:after, .ct-widget .ct-tool--styled:before { content: "\e90c"; } .ce-element--type-video { height: auto !important; aspect-ratio: 16/9; background-size: 128px 96px; background-color: #000; } img.text-left, .ce-element--type-image.text-left, .ce-element--type-video.text-left, iframe.text-left { margin-left: 0; margin-right: auto; } img.text-center, .ce-element--type-image.text-center, .ce-element--type-video.text-center, iframe.text-center { margin-left: auto; margin-right: auto; } img.text-right, .ce-element--type-image.text-right, .ce-element--type-video.text-right, iframe.text-right { margin-right: 0; margin-left: auto; } .ce-element--type-image:after { position: absolute; display: none; } .ce-element--type-image.ce-element--focused:after { display: block; border: 1px solid #333; padding: 0; } .ce-element--type-image.ce-element--focused > div { position: absolute; top: -4px; left: -4px; width: 9px; height: 9px; background: #fff; border: 1px solid #333; z-index: 3; } .ce-element--type-image.ce-element--focused > div:nth-child(2), .ce-element--type-image.ce-element--focused > div:nth-child(3){ left: auto; right: -6px; } .ce-element--type-image.ce-element--focused > div:nth-child(3) { top: auto; bottom: -6px; } .ce-element--type-image.ce-element--focused > div:nth-child(4) { top: auto; bottom: -6px; } .ct-widget .ct-tool.ct-tool--disabled { cursor: default; } i { font-style: normal; } .qe-login-wrap .hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .qe-login-wrap .icons { display: none; } .qe-login-wrap .icon { display: inline-block; fill: #aaa; font-size: 20px; height: 24px; vertical-align: middle; width: 24px; } .qe-login-wrap * { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; } .qe-login-wrap input { background-image: none; border: 0; color: inherit; font: inherit; height: auto; margin: 0; outline: 0; padding: 0; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .qe-login-wrap input[type='submit'] { cursor: pointer; } .qe-login-wrap .admin-login input[type='password'], .qe-login-wrap .admin-login input[type='text'], .qe-login-wrap .admin-login input[type='submit'] { width: 100%; } .qe-login-wrap .form__field { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 14px; } .qe-login-wrap .form__input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .qe-login-wrap .form__input::-webkit-input-placeholder { color: #aaa; } .qe-login-wrap .form__input:-ms-input-placeholder { color: #aaa; } .qe-login-wrap .form__input::placeholder { color: #aaa; } .qe-login-wrap .admin-login label, .qe-login-wrap .admin-login input[type='text'], .qe-login-wrap .admin-login input[type='password'], .qe-login-wrap .admin-login input[type='submit'] { border-radius: 4px; padding: 15px; } .qe-login-wrap .admin-login label { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9e9e9; border-bottom-right-radius: 0; border-top-right-radius: 0; padding-left: 15px; padding-right: 15px; margin: 0; } .qe-login-wrap .admin-login input[type='password'], .qe-login-wrap .admin-login input[type='text'] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e9e9e9; background-color: #f3f3f3; color: #333; border-bottom-left-radius: 0; border-top-left-radius: 0; } .qe-login-wrap .admin-login input[type='password']:focus, .qe-login-wrap .admin-login input[type='password']:hover, .qe-login-wrap .admin-login input[type='text']:focus, .qe-login-wrap .admin-login input[type='text']:hover { background-color: #fff; } .qe-login-wrap .admin-login input[type='submit'] { background-color: rgba(50, 111, 192, 1.00); color: #fff; font-weight: 700; } .qe-login-wrap .admin-login input[type='submit']:focus, .qe-login-wrap .admin-login input[type='submit']:hover { background-color: rgba(50, 111, 192, 1.00); opacity: .9; } .qea-editing.qe-admin a, .qea-editing .qe-admin a { pointer-events: none; } #stacks_in_1374 { margin: 120px 0px 30px 0px; } #stacks_in_1377 { margin: 30px 0px 0px 0px; } .fine-print { font-size: 12px; line-height: 16px; }.card-example { padding: 20px 20px; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; display: block; background: rgba(0,0,0,0.05); }.gold-text { color: #EBBE48; }/* 1.5.7.2 - fixes a bug wth non-wrapping text and columns (min-width:0 -> auto) - the action attribute is now editable in the PHP mail form. This is so you an add the # link of the contact page in a one page menu website - fixes a bug that would prevent the one page nav from showing a next page arrow when scroling by touch and touching a link - improved mouse wheel scrolling sensitivity for one page nav */ html { background-color: rgba(255, 255, 255, 1.00); color: rgba(0, 0, 0, 0.45); font-size: 20px; line-height: 150%; font-family: "Cabin",helveticaNeue", helvetica, sans-serif; text-align: left; font-weight: 400; letter-spacing: 0.00px; word-spacing: 0.00px; } p, span { line-height: 150%; } body, body * { box-sizing: border-box; } h1,h2,h3,h4,h5,h6,p, [data-deluxe-link], [data-deluxe-text]:not(span):not(div), input, textarea { margin: 12px 0px; } .g-recaptcha { margin: 8px 0px 12px 0px; } input, textarea, button { font-family: inherit; } ::placeholder { opacity: .6; } a { display: inline-block; text-decoration: none; transition: color 150ms ease, background-color 150ms ease, box-shadow 300ms ease, border 150ms ease; } a:focus, button:focus { outline: none; } a [data-width] > i, a [data-width] > svg, a [data-width] > ion-icon { vertical-align: top; } [data-auto-width="True"] a { white-space: nowrap; } svg, [data-deluxe-link] { color: rgba(0, 0, 0, 0.45); stroke: rgba(0, 0, 0, 0.45); fill: rgba(0, 0, 0, 0.45); } a:not([data-deluxe-link]), h1 a:not([data-deluxe-link]), h2 a:not([data-deluxe-link]), h3 a:not([data-deluxe-link]), h4 a:not([data-deluxe-link]), h5 a:not([data-deluxe-link]), p a:not([data-deluxe-link]), span a:not([data-deluxe-link]), [data-edit-p] a:not([data-deluxe-link]), a:not([data-deluxe-link]) i, a:not([data-deluxe-link]) svg { color: rgba(254, 201, 15, 1.00); fill: rgba(254, 201, 15, 1.00); stroke: rgba(254, 201, 15, 1.00); } a:not([data-deluxe-link]):hover, h1 a:not([data-deluxe-link]):hover, h2 a:not([data-deluxe-link]):hover, h3 a:not([data-deluxe-link]):hover, h4 a:not([data-deluxe-link]):hover, h5 a:not([data-deluxe-link]):hover, p a:not([data-deluxe-link]):hover, span a:not([data-deluxe-link]):hover, a:not([data-deluxe-link]):hover i, a:not([data-deluxe-link]):hover svg { color: rgba(140, 140, 140, 1.00); fill: rgba(140, 140, 140, 1.00); stroke: rgba(140, 140, 140, 1.00); } a:not([data-deluxe-link]):active, h1 a:not([data-deluxe-link]):active, h2 a:not([data-deluxe-link]):active, h3 a:not([data-deluxe-link]):active, h4 a:not([data-deluxe-link]):active, h5 a:not([data-deluxe-link]):active, p a:not([data-deluxe-link]):active, span a:not([data-deluxe-link]):active, .current a:not([data-deluxe-link]), .active a:not([data-deluxe-link]), a:not([data-deluxe-link]):active i, a:not([data-deluxe-link]):active svg { color: rgba(140, 140, 140, 1.00); fill: rgba(140, 140, 140, 1.00); stroke: rgba(140, 140, 140, 1.00); } form { margin-block-end: 0; } hr { border-width: 0 0 0 0; clear: both; height: 0 } h1,h2,h3,h4,h5,h6 { color: rgba(0, 0, 0, 0.90); line-height: 120%; font-weight: 700; letter-spacing: 0.00px; word-spacing: 0.00px; } span[data-deluxe-text="span-True"] { line-height: 100%; display: block; white-space: nowrap; } [data-deluxe-link="2"] { display: block; } [data-deluxe-link="0"], [data-deluxe-link="1"] { display: inline-block; } [data-deluxe-link="1"] { margin: 0; } [data-deluxe-text], input[data-deluxe-el], textarea[data-deluxe-el], button[data-deluxe-el] { margin-bottom: 0px; } [data-deluxe-text]:first-child, input[data-deluxe-el]:first-child, textarea[data-deluxe-el]:first-child, button[data-deluxe-el]:first-child { margin-top: 0px; } [data-deluxe-text]:only-child, input[data-deluxe-el]:only-child, textarea[data-deluxe-el]:only-child, button[data-deluxe-el]:only-child { margin-top: 0px; margin-bottom: 0px; } [data-deluxe-text] span:not([data-deluxe-text]):not([class]) { font: inherit !important; color: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; word-spacing: inherit !important; } sup { font-size: 60%; } input { width: 100%; } h1, h1 p { font-size: 54px; } h2, h2 p { font-size: 36px; } h3, h3 p { font-size: 28px; } h4, h4 p { font-size: 22px; } h5, h5 p { font-size: 20px; } h6, h6 p { font-size: 18px; } h1 p { margin: 0px; } h2 p { margin: 0px; } h3 p { margin: 0px; } h4 p { margin: 0px; } h5 p { margin: 0px; } h6 p { margin: 0px; } .deluxe-link-wrap { display: grid; } .deluxe-navbar { position: relative; } .column-sticky { position: sticky; top:0 } .sticky-container { overflow: scroll; max-height: 100vh; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .sticky-container::-webkit-scrollbar { display: none; } .column-overflow-top, .column-overflow, .column-overflow-bottom { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .column-overflow > * { transform: translateY(-50%); } .column-overflow-top > * { transform: translateY(-100%); } .content-overflow { position: relative; z-index: 99; transform: translateY(50%); } .deluxe-lightbox { cursor: pointer; } .deluxe-lightbox-wrap { position: fixed; z-index: 9999; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; text-align: left; } .deluxe-lightbox-wrap > * { align-self: center; box-shadow: 0px 0px 24px rgba(0,0,0,0.6); max-width: 80vw; } .deluxe-lightbox-wrap > div > div > div.slice.empty { width: 80vw; height: 80vh; } @media all and (min-width: 771px) { .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { .hide-tablet { display: none; } } @media all and (max-width: 500px) { .hide-mobile { display: none; } } .stacks_in:not(.site_image_stack):not(.image_stack), .stacks_out, .out { overflow: visible; width: 100%; } /* */ section[data-deluxe-el="1"] { padding: 90px 0px;display: flex; flex-direction: row; justify-content: center; } section[data-deluxe-el="1"] > div { max-width: 1140px; margin: 0; width: 100%; width: calc(100% - 60px); } /* */ section[data-deluxe-el="2"] { background-color : rgba(26, 26, 26, 1.00); padding: 90px 0px;display: flex; flex-direction: row; justify-content: center; color: rgba(255, 255, 255, 0.65); } section[data-deluxe-el="2"] > div { max-width: 1140px; margin: 0; width: 100%; width: calc(100% - 60px); } section[data-deluxe-el="2"] [data-deluxe-link], section[data-deluxe-el="2"] svg { color: rgba(255, 255, 255, 0.65); stroke: rgba(255, 255, 255, 0.65); fill: rgba(255, 255, 255, 0.65); } section[data-deluxe-el="2"] h1, section[data-deluxe-el="2"] h2, section[data-deluxe-el="2"] h3, section[data-deluxe-el="2"] h4, section[data-deluxe-el="2"] h5 { color: rgba(255, 255, 255, 1.00); } section[data-deluxe-el="2"] svg { stroke: rgba(255, 255, 255, 0.65); fill: rgba(255, 255, 255, 0.65); } /* */ section[data-deluxe-el="3"] { background-color : rgba(242, 242, 242, 1.00); padding: 90px 0px;display: flex; flex-direction: row; justify-content: center; } section[data-deluxe-el="3"] > div { max-width: 1140px; margin: 0; width: 100%; width: calc(100% - 60px); } /* */ a[data-deluxe-el="1"] { background-color : rgba(246, 185, 33, 1.00); border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 4px; padding: 16px 24px; color: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="1"] > div { } a[data-deluxe-el="1"] [data-deluxe-link], a[data-deluxe-el="1"] svg { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="1"] * { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="1"] h1, a[data-deluxe-el="1"] h2, a[data-deluxe-el="1"] h3, a[data-deluxe-el="1"] h4, a[data-deluxe-el="1"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="1"] svg { stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } /* */ a[data-deluxe-el="2"] { background-color : rgba(246, 185, 33, 1.00); border: 0px solid rgba(204, 204, 204, 1.00); border-radius: 4px; padding: 12px 24px; color: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="2"] > div { } a[data-deluxe-el="2"] [data-deluxe-link], a[data-deluxe-el="2"] svg { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="2"] * { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="2"] h1, a[data-deluxe-el="2"] h2, a[data-deluxe-el="2"] h3, a[data-deluxe-el="2"] h4, a[data-deluxe-el="2"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="2"] svg { stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } /* */ a[data-deluxe-el="3"] { border: 1px solid rgba(255, 255, 255, 1.00); border-radius: 4px; padding: 12px 24px; color: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="3"] > div { } a[data-deluxe-el="3"] [data-deluxe-link], a[data-deluxe-el="3"] svg { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="3"] * { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="3"] h1, a[data-deluxe-el="3"] h2, a[data-deluxe-el="3"] h3, a[data-deluxe-el="3"] h4, a[data-deluxe-el="3"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="3"] svg { stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } /* */ a[data-deluxe-el="4"] { margin: 0px 0px; display: block; } a[data-deluxe-el="4"] > div { } /* */ hr[data-deluxe-el="1"] { border-color: rgba(0, 0, 0, 0.15) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00); border-width: 1px 0px 0px 0px; border-style: solid; border-radius: 0px 0px 0px 0px; margin: 48px 0px; } hr[data-deluxe-el="1"] > div { } /* */ hr[data-deluxe-el="2"] { margin: 24px 0px; } hr[data-deluxe-el="2"] > div { } /* */ h4[data-deluxe-el="1"] { margin: 0px 0px; color: rgba(0, 0, 0, 0.55); font-size: 18px; font-weight: 400; line-height: 140%; letter-spacing: 2.00px; word-spacing: 0.00px; } h4[data-deluxe-el="1"] > div { } h4[data-deluxe-el="1"] [data-deluxe-link], h4[data-deluxe-el="1"] svg { color: rgba(0, 0, 0, 0.55); stroke: rgba(0, 0, 0, 0.55); fill: rgba(0, 0, 0, 0.55); } h4[data-deluxe-el="1"] h1, h4[data-deluxe-el="1"] h2, h4[data-deluxe-el="1"] h3, h4[data-deluxe-el="1"] h4, h4[data-deluxe-el="1"] h5 { color: rgba(0, 0, 0, 0.90); } h4[data-deluxe-el="1"] svg { stroke: rgba(0, 0, 0, 0.55); fill: rgba(0, 0, 0, 0.55); } :root { --multi_columns_stacks_in_1592:1fr 1fr; } #multi_columns_stacks_in_1592 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1592); grid-gap: 24px; align-items: center; } #multi_columns_stacks_in_1592 > div { min-width: 0; } #multi_columns_stacks_in_1592 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1592 > div img { max-width: 100%; } #multi_columns_stacks_in_1592 > div:not(.nav-column):not(.column-sticky) { position: relative; } .element_stacks_in_1400[data-deluxe-el] { padding: 8px 0px; } .element_stacks_in_1400[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_1401:minmax(175px,min-content) 1fr minmax(160px,min-content); } #multi_columns_stacks_in_1401 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1401); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1401 > div { min-width: 0; } #multi_columns_stacks_in_1401 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1401 > div img { max-width: 100%; } #multi_columns_stacks_in_1401 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 961px) { #multi_columns_stacks_in_1401 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1401 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1401 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1401 .hide-desktop { display: none; } } @media all and (max-width: 960px) and (min-width: 671px) { #multi_columns_stacks_in_1401 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1401 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1401 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1401 .hide-tablet { display: none; } } @media all and (max-width: 670px) { #multi_columns_stacks_in_1401 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1401 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1401 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1401 .hide-mobile { display: none; } } @media all and (max-width: 960px) { #multi_columns_stacks_in_1401 { grid-template-columns: repeat(3, 1fr); } #multi_columns_stacks_in_1401 + .deluxe-columns { } #multi_columns_stacks_in_1401 > div:last-child { grid-column: span 1; } } @media all and (max-width: 670px) { #multi_columns_stacks_in_1401 { grid-template-columns: repeat(2, 1fr); } #multi_columns_stacks_in_1401 > div:last-child { grid-column: span 2; } } nav#deluxe_nav_stacks_in_1412, nav#deluxe_nav_stacks_in_1412 * { box-sizing: border-box; } nav#deluxe_nav_stacks_in_1412 { } nav#deluxe_nav_stacks_in_1412 ul { margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: flex-end; } nav#deluxe_nav_stacks_in_1412 ul ul { margin: 0; padding: 0; display: flex; flex-direction: column; } nav#deluxe_nav_stacks_in_1412 ul li { display: block; list-style-type: none; } @media all and (min-width: 1001px) { nav#deluxe_nav_stacks_in_1412 > ul > li > a { display: flex; text-decoration: none; padding: 6px 12px; margin: 6px 3px; border-radius: 4px; color: rgba(140, 140, 140, 1.00); background-color: rgba(0, 0, 0, 0.00); } nav#deluxe_nav_stacks_in_1412 > ul > li > a:hover { color: rgba(102, 102, 102, 1.00); background-color: rgba(0, 0, 0, 0.00); } nav#deluxe_nav_stacks_in_1412 > ul > li > a:active:not([href="#"]):not([href="#0"]), nav#deluxe_nav_stacks_in_1412 > ul > li.current > a, nav#deluxe_nav_stacks_in_1412 > ul > li.current-parent > a, nav#deluxe_nav_stacks_in_1412 > ul > li.current-ancestor-parent > a { color: rgba(38, 38, 38, 1.00); background-color: rgba(0, 0, 0, 0.00); } nav#deluxe_nav_stacks_in_1412 ul > li:first-child > a { margin-left: 0px; } nav#deluxe_nav_stacks_in_1412 ul > li:last-child > a { margin-right: 0px; } nav#deluxe_nav_stacks_in_1412 > ul > li.parent > a:after, nav#deluxe_nav_stacks_in_1412 > ul > li.current-parent > a:after, nav#deluxe_nav_stacks_in_1412 > ul > li.current-ancestor-parent > a:after { content: "\f078"; font-size: 14px; font-family: Stacks-FontAwesome,"FontAwesome"; margin-left: 4px; align-self: center; } nav#deluxe_nav_stacks_in_1412 > ul > li > ul { display: none; position: absolute; z-index: 9999; padding: 6px 24px; background: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } nav#deluxe_nav_stacks_in_1412 > ul > li > ul li a { padding: 6px 0px; color: #555555; } nav#deluxe_nav_stacks_in_1412 > ul ul li.current a, nav#deluxe_nav_stacks_in_1412 > ul ul li.current-parent a, nav#deluxe_nav_stacks_in_1412 > ul ul li.current-ancestor-parent > a { color: #333333; } nav#deluxe_nav_stacks_in_1412 > ul li:hover > ul { display: block; } nav#deluxe_nav_stacks_in_1412 > ul > li.parent > ul > li, nav#deluxe_nav_stacks_in_1412 > ul > li.current-parent > ul > li, nav#deluxe_nav_stacks_in_1412 > ul > li.current-ancestor-parent > ul > li { /* display: -webkit-box; display: flex; */ } nav#deluxe_nav_stacks_in_1412 ul ul > li > ul > li > a:before { content: "\00a0\f0da"; font-size: 14px; line-height: 14px; font-family: Stacks-FontAwesome,"FontAwesome"; margin: 0px 6px; align-self: center; } nav#deluxe_nav_stacks_in_1412 ul ul ul { display: block; } nav#deluxe_nav_stacks_in_1412 > input, nav#deluxe_nav_stacks_in_1412 > label { display: none; } } @media all and (max-width: 1000px) { nav#deluxe_nav_stacks_in_1412 { display: grid; grid-gap: 0px; grid-template-columns: min-content min-content; align-items: center; grid-auto-flow: dense; justify-content: flex-end; } div[data-width]:first-child nav#deluxe_nav_stacks_in_1412 { justify-content: flex-start; } nav#deluxe_nav_stacks_in_1412 > input, nav#deluxe_nav_stacks_in_1412 > label { display: block; width: 36px; height: 36px; position: relative; margin: 0; } nav#deluxe_nav_stacks_in_1412 > input { opacity: 0; } nav#deluxe_nav_stacks_in_1412 > label { grid-column: 1; grid-row: 1; z-index: 1; pointer-events: none; width: 36px; height: 32px; border-radius: 4px; transform: translateX(100%); } nav#deluxe_nav_stacks_in_1412 ul ul ul > li > a:before { content: "\00a0\00a0\00a0\f0da"; font-size: 14px; line-height: 14px; font-family: Stacks-FontAwesome,"FontAwesome"; margin: 0px 6px; align-self: center; } div[data-width]:first-child nav#deluxe_nav_stacks_in_1412 > label { grid-column: auto; grid-row: auto; transform: translateX(-100%); } nav#deluxe_nav_stacks_in_1412 .hambar { position: absolute; top: 0; left: 4px; display: block; width: 28px; height: 4px; background: rgba(140, 140, 140, 1.00); -webkit-transition: all 150ms; transition: all 150ms; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; border-radius: 4px; } nav#deluxe_nav_stacks_in_1412 .hambar.hamtop { top: 5px; } nav#deluxe_nav_stacks_in_1412 .hambar.hammiddle { top: 14px; opacity: 1; } nav#deluxe_nav_stacks_in_1412 .hambar.hambottom { top: 23px; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } nav#deluxe_nav_stacks_in_1412 > input:checked ~ label .hambar.hamtop { width: 27.5px; -webkit-transform: rotate(45deg) translate(4px, -4px); -ms-transform: rotate(45deg) translate(4px, -4px); transform: rotate(45deg) translate(4px, -4px); } nav#deluxe_nav_stacks_in_1412 > input:checked ~ label .hambar.hammiddle { opacity: 0; } nav#deluxe_nav_stacks_in_1412 > input:checked ~ label .hambar.hambottom { width: 27.5px; -webkit-transform: rotate(-45deg) translate(4px, 4px); -ms-transform: rotate(-45deg) translate(4px, 4px); transform: rotate(-45deg) translate(4px, 4px); } nav#deluxe_nav_stacks_in_1412 > ul { display: none; position: absolute; width: 100%; left: 0; top: 0; margin-top: 48px; z-index: 9999; background: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 12px 0px; } nav#deluxe_nav_stacks_in_1412 > input:checked ~ ul { display: block; } nav#deluxe_nav_stacks_in_1412 > input:checked ~ ul { display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 0px 24px; } nav#deluxe_nav_stacks_in_1412 ul > li > a { display: flex; text-decoration: none; padding: 12px 24px; border-radius: 4px; margin: 0px 0px; color: #555555; } nav#deluxe_nav_stacks_in_1412 ul > li.parent > a:after, nav#deluxe_nav_stacks_in_1412 ul > li.current-parent > a:after, nav#deluxe_nav_stacks_in_1412 ul > li.current-ancestor-parent > a:after { content: "\f078"; font-size: 14px; line-height: 14px; font-family: Stacks-FontAwesome,"FontAwesome"; margin-left: 4px; align-self: center; } nav#deluxe_nav_stacks_in_1412 ul ul > li > a:before { content: "\f0da"; font-size: 14px; line-height: 14px; font-family: Stacks-FontAwesome,"FontAwesome"; margin: 0px 6px; align-self: center; } nav#deluxe_nav_stacks_in_1412 ul > li > a { color: rgba(0, 0, 0, 0.60); } nav#deluxe_nav_stacks_in_1412 ul > li > a:hover { color: rgba(0, 0, 0, 0.80); } nav#deluxe_nav_stacks_in_1412 ul > li > a:active:not([href="#"]):not([href="#0"]), nav#deluxe_nav_stacks_in_1412 ul > li.current > a, nav#deluxe_nav_stacks_in_1412 ul > li.current-parent > a, nav#deluxe_nav_stacks_in_1412 ul > li.current-ancestor-parent > a { color: rgba(254, 201, 15, 1.00); } } nav#deluxe_nav_stacks_in_1412 ul > ul > li > a { display: flex; width: 100%; color: rgba(0, 0, 0, 0.60); } nav#deluxe_nav_stacks_in_1412 ul ul > li > a:hover { color: rgba(0, 0, 0, 0.80); } nav#deluxe_nav_stacks_in_1412 ul ul > li > a:active:not([href="#"]):not([href="#0"]), nav#deluxe_nav_stacks_in_1412 ul ul > li.current > a, nav#deluxe_nav_stacks_in_1412 ul ul > li.current-parent > a, nav#deluxe_nav_stacks_in_1412 ul ul > li.current-ancestor-parent > a { color: rgba(254, 201, 15, 1.00); } /* 1.0.1 */ .opr-page { transition: height 400ms ease-in, padding 400ms ease-in, width 400ms ease-in, opacity 400ms ease-in, transform 400ms ease-in; } .opr-page.opr-no-animation { transition: none; visibility: hidden; } .opr-next-page, .opr-prev-page { pointer-events: none; } .opr-page { top: 0; } .opr-next-page { z-index: 100; top: 0; opacity: 0; } .opr-prev-page { z-index: 98; top: 0; opacity: 0; } .opr-current { z-index: 99; opacity: 1; } .opr-scroll-next:before, .opr-scroll-prev:before { content: ""; position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; } .opr-next, .opr-scroll-next, .opr-scroll-prev { border-color: rgba(255, 255, 255, 1.00); } .element_stacks_in_1403[data-deluxe-el] { display: block; /* Breaks vertical alignment setting */ width: 100%; max-width: 180px; margin-left: auto; margin-right: auto; } .element_stacks_in_1403[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_1405:min-content 1fr; } #multi_columns_stacks_in_1405 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1405); grid-gap: 4px; align-items: center; } #multi_columns_stacks_in_1405 > div { min-width: 0; } #multi_columns_stacks_in_1405 + .deluxe-columns { margin-top: 4px; } #multi_columns_stacks_in_1405 > div img { max-width: 100%; } #multi_columns_stacks_in_1405 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_1410 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1410 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1410 svg */ #stacks_in_1410 svg, #stacks_in_1410 i { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #stacks_in_1410 i, #stacks_in_1410 svg { position: relative; font-size: 24px; line-height: 24px; height: 24px; width: 24px; display: block; text-align: center; } #stacks_in_1410 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_1410 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(254, 201, 15, 1.00); stroke: rgba(254, 201, 15, 1.00); color: rgba(254, 201, 15, 1.00); } #stacks_in_1410 .material-icons-two-tone { color: rgba(255, 255, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(255, 255, 255, 1.00), 0px -.1px 0px rgba(255, 255, 255, 1.00), .1px 0px 0px rgba(255, 255, 255, 1.00), -.1px 0px 0px rgba(255, 255, 255, 1.00); } #stacks_in_1410 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(254, 201, 15, 1.00); font-family: 'Material Icons'; } .element_stacks_in_1419[data-deluxe-el] { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-1419.jpg); background-repeat: repeat; background-position: center center; background-size: cover; min-height: 60vh; min-height: calc(var(--vh, 1vh) * 60); justify-content: center; align-items: center; display: inline-flex; width: 100%; text-align: center; } .element_stacks_in_1419[data-deluxe-el] > div { } .element_stacks_in_1420[data-deluxe-el][data-deluxe-text] { font-size: 26px; margin-top: 0px; margin-bottom: 0px; font-weight: 700; letter-spacing: 3.00px; line-height: 110%; word-spacing: 0.00px; } .element_stacks_in_1423[data-deluxe-el][data-deluxe-text] { margin-top: 0px; margin-bottom: 0px; font-weight: 700; letter-spacing: 1.00px; line-height: 110%; word-spacing: 0.00px; } :root { --multi_columns_stacks_in_1431:min-content 1fr; } #multi_columns_stacks_in_1431 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1431); grid-gap: 4px; align-items: center; } #multi_columns_stacks_in_1431 > div { min-width: 0; } #multi_columns_stacks_in_1431 + .deluxe-columns { margin-top: 4px; } #multi_columns_stacks_in_1431 > div img { max-width: 100%; } #multi_columns_stacks_in_1431 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_1436 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1436 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1436 svg */ #stacks_in_1436 svg, #stacks_in_1436 i { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #stacks_in_1436 i, #stacks_in_1436 svg { position: relative; font-size: 24px; line-height: 24px; height: 24px; width: 24px; display: block; text-align: center; } #stacks_in_1436 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_1436 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(254, 201, 15, 1.00); stroke: rgba(254, 201, 15, 1.00); color: rgba(254, 201, 15, 1.00); } #stacks_in_1436 .material-icons-two-tone { color: rgba(255, 255, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(255, 255, 255, 1.00), 0px -.1px 0px rgba(255, 255, 255, 1.00), .1px 0px 0px rgba(255, 255, 255, 1.00), -.1px 0px 0px rgba(255, 255, 255, 1.00); } #stacks_in_1436 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(254, 201, 15, 1.00); font-family: 'Material Icons'; } .element_stacks_in_1438[data-deluxe-el] { padding: 0px 0px; } .element_stacks_in_1438[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_1439:1fr 1fr; } #multi_columns_stacks_in_1439 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1439); grid-gap: 64px; align-items: center; } #multi_columns_stacks_in_1439 > div { min-width: 0; } #multi_columns_stacks_in_1439 + .deluxe-columns { margin-top: 64px; } #multi_columns_stacks_in_1439 > div img { max-width: 100%; } #multi_columns_stacks_in_1439 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 771px) { #multi_columns_stacks_in_1439 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1439 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1439 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1439 .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #multi_columns_stacks_in_1439 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1439 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1439 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1439 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1439 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1439 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1439 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1439 .hide-mobile { display: none; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1439 { grid-template-columns: repeat(1, 1fr); grid-gap: 24px; } #multi_columns_stacks_in_1439 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1439 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1439 > div > * {position: relative;} #multi_columns_stacks_in_1439 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1439 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1439 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1439 > div > * {position: relative;} #multi_columns_stacks_in_1439 > div > * > * {transform: translate(0,0);} } .element_stacks_in_1444[data-deluxe-el] { padding: 128px 0px; } .element_stacks_in_1444[data-deluxe-el] > div { } .element_stacks_in_1446[data-deluxe-el][data-deluxe-text] { font-size: 22px; } #stacks_in_1441 { -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; margin: 128px 0px 0px 0px; } #stacks_out_1441 { width: 1000px; } :root { --multi_columns_stacks_in_1454:1fr 1fr; } #multi_columns_stacks_in_1454 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1454); grid-gap: 24px; align-items: center; } #multi_columns_stacks_in_1454 > div { min-width: 0; } #multi_columns_stacks_in_1454 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1454 > div img { max-width: 100%; } #multi_columns_stacks_in_1454 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 771px) { #multi_columns_stacks_in_1454 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1454 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1454 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1454 .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #multi_columns_stacks_in_1454 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1454 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1454 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1454 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1454 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1454 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1454 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1454 .hide-mobile { display: none; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1454 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1454 + .deluxe-columns { } #multi_columns_stacks_in_1454 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1454 > div > * {position: relative;} #multi_columns_stacks_in_1454 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1454 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1454 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1454 > div > * {position: relative;} #multi_columns_stacks_in_1454 > div > * > * {transform: translate(0,0);} } :root { --multi_columns_stacks_in_1465:min-content 1fr; } #multi_columns_stacks_in_1465 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1465); grid-gap: 24px; align-items: flex-start; } #multi_columns_stacks_in_1465 > div { min-width: 0; } #multi_columns_stacks_in_1465 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1465 > div img { max-width: 100%; } #multi_columns_stacks_in_1465 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_1472 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1472 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1472 svg */ #stacks_in_1472 svg, #stacks_in_1472 i { color: rgba(246, 185, 33, 1.00); fill: rgba(246, 185, 33, 1.00); stroke: rgba(246, 185, 33, 1.00); } #stacks_in_1472 i, #stacks_in_1472 svg { position: relative; font-size: 48px; line-height: 48px; height: 48px; width: 48px; display: block; text-align: center; } #stacks_in_1472 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_1472 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(254, 201, 15, 1.00); stroke: rgba(254, 201, 15, 1.00); color: rgba(254, 201, 15, 1.00); } #stacks_in_1472 .material-icons-two-tone { color: rgba(246, 185, 33, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(246, 185, 33, 1.00), 0px -.1px 0px rgba(246, 185, 33, 1.00), .1px 0px 0px rgba(246, 185, 33, 1.00), -.1px 0px 0px rgba(246, 185, 33, 1.00); } #stacks_in_1472 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(254, 201, 15, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_1456:min-content 1fr; } #multi_columns_stacks_in_1456 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1456); grid-gap: 24px; align-items: flex-start; } #multi_columns_stacks_in_1456 > div { min-width: 0; } #multi_columns_stacks_in_1456 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1456 > div img { max-width: 100%; } #multi_columns_stacks_in_1456 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_1463 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1463 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1463 svg */ #stacks_in_1463 svg, #stacks_in_1463 i { color: rgba(246, 185, 33, 1.00); fill: rgba(246, 185, 33, 1.00); stroke: rgba(246, 185, 33, 1.00); } #stacks_in_1463 i, #stacks_in_1463 svg { position: relative; font-size: 48px; line-height: 48px; height: 48px; width: 48px; display: block; text-align: center; } #stacks_in_1463 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_1463 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(254, 201, 15, 1.00); stroke: rgba(254, 201, 15, 1.00); color: rgba(254, 201, 15, 1.00); } #stacks_in_1463 .material-icons-two-tone { color: rgba(246, 185, 33, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(246, 185, 33, 1.00), 0px -.1px 0px rgba(246, 185, 33, 1.00), .1px 0px 0px rgba(246, 185, 33, 1.00), -.1px 0px 0px rgba(246, 185, 33, 1.00); } #stacks_in_1463 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(254, 201, 15, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_1474:1fr 1fr; } #multi_columns_stacks_in_1474 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1474); grid-gap: 24px; align-items: center; } #multi_columns_stacks_in_1474 > div { min-width: 0; } #multi_columns_stacks_in_1474 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1474 > div img { max-width: 100%; } #multi_columns_stacks_in_1474 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 771px) { #multi_columns_stacks_in_1474 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1474 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1474 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1474 .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #multi_columns_stacks_in_1474 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1474 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1474 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1474 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1474 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1474 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1474 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1474 .hide-mobile { display: none; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1474 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1474 + .deluxe-columns { } #multi_columns_stacks_in_1474 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1474 > div > * {position: relative;} #multi_columns_stacks_in_1474 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1474 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1474 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1474 > div > * {position: relative;} #multi_columns_stacks_in_1474 > div > * > * {transform: translate(0,0);} } :root { --multi_columns_stacks_in_1484:min-content 1fr; } #multi_columns_stacks_in_1484 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1484); grid-gap: 24px; align-items: flex-start; } #multi_columns_stacks_in_1484 > div { min-width: 0; } #multi_columns_stacks_in_1484 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1484 > div img { max-width: 100%; } #multi_columns_stacks_in_1484 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_1491 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1491 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1491 svg */ #stacks_in_1491 svg, #stacks_in_1491 i { color: rgba(246, 185, 33, 1.00); fill: rgba(246, 185, 33, 1.00); stroke: rgba(246, 185, 33, 1.00); } #stacks_in_1491 i, #stacks_in_1491 svg { position: relative; font-size: 48px; line-height: 48px; height: 48px; width: 48px; display: block; text-align: center; } #stacks_in_1491 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_1491 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(254, 201, 15, 1.00); stroke: rgba(254, 201, 15, 1.00); color: rgba(254, 201, 15, 1.00); } #stacks_in_1491 .material-icons-two-tone { color: rgba(246, 185, 33, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(246, 185, 33, 1.00), 0px -.1px 0px rgba(246, 185, 33, 1.00), .1px 0px 0px rgba(246, 185, 33, 1.00), -.1px 0px 0px rgba(246, 185, 33, 1.00); } #stacks_in_1491 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(254, 201, 15, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_1475:min-content 1fr; } #multi_columns_stacks_in_1475 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1475); grid-gap: 24px; align-items: flex-start; } #multi_columns_stacks_in_1475 > div { min-width: 0; } #multi_columns_stacks_in_1475 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1475 > div img { max-width: 100%; } #multi_columns_stacks_in_1475 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_1482 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1482 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1482 svg */ #stacks_in_1482 svg, #stacks_in_1482 i { color: rgba(246, 185, 33, 1.00); fill: rgba(246, 185, 33, 1.00); stroke: rgba(246, 185, 33, 1.00); } #stacks_in_1482 i, #stacks_in_1482 svg { position: relative; font-size: 48px; line-height: 48px; height: 48px; width: 48px; display: block; text-align: center; } #stacks_in_1482 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_1482 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(254, 201, 15, 1.00); stroke: rgba(254, 201, 15, 1.00); color: rgba(254, 201, 15, 1.00); } #stacks_in_1482 .material-icons-two-tone { color: rgba(246, 185, 33, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(246, 185, 33, 1.00), 0px -.1px 0px rgba(246, 185, 33, 1.00), .1px 0px 0px rgba(246, 185, 33, 1.00), -.1px 0px 0px rgba(246, 185, 33, 1.00); } #stacks_in_1482 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(254, 201, 15, 1.00); font-family: 'Material Icons'; } .element_stacks_in_1493[data-deluxe-el] { padding: 128px 0px 0px 0px;display: flex; flex-direction: row; justify-content: center; } .element_stacks_in_1493[data-deluxe-el] > div { max-width: 9999px; margin: 0; width: 100%; width: calc(100% - 60px); } .background-image-left[data-deluxe-el] { background-color : rgba(255, 255, 255, 1.00); background-image : url(../files/backgroundImage-1494.jpg); background-repeat: no-repeat; background-position: 0; background-position: left top; background-size: 0; background-size: 50% auto; } .background-image-left[data-deluxe-el] > div { } .element_stacks_in_1496[data-deluxe-el] { padding: 0px 0px 128px 0px;display: flex; flex-direction: row; justify-content: center; } .element_stacks_in_1496[data-deluxe-el] > div { max-width: 1140px; margin: 0; width: 100%; width: calc(100% - 60px); } :root { --multi_columns_stacks_in_1498:1fr 1fr; } #multi_columns_stacks_in_1498 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1498); grid-gap: 48px; align-items: center; } #multi_columns_stacks_in_1498 > div { min-width: 0; } #multi_columns_stacks_in_1498 + .deluxe-columns { margin-top: 48px; } #multi_columns_stacks_in_1498 > div img { max-width: 100%; } #multi_columns_stacks_in_1498 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 771px) { #multi_columns_stacks_in_1498 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1498 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1498 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1498 .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #multi_columns_stacks_in_1498 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1498 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1498 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1498 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1498 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1498 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1498 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1498 .hide-mobile { display: none; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1498 { grid-template-columns: repeat(1, 1fr); grid-gap: 24px; } #multi_columns_stacks_in_1498 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1498 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1498 > div > * {position: relative;} #multi_columns_stacks_in_1498 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1498 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1498 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1498 > div > * {position: relative;} #multi_columns_stacks_in_1498 > div > * > * {transform: translate(0,0);} } .element_stacks_in_1528[data-deluxe-el] { min-height: 280px; align-items: center; display: inline-flex; width: 100%; } .element_stacks_in_1528[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_1500:minmax(50px,min-content) 1fr; } #multi_columns_stacks_in_1500 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1500); grid-gap: 24px; align-items: flex-start; } #multi_columns_stacks_in_1500 > div { min-width: 0; } #multi_columns_stacks_in_1500 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1500 > div img { max-width: 100%; } #multi_columns_stacks_in_1500 > div:not(.nav-column):not(.column-sticky) { position: relative; } :root { --multi_columns_stacks_in_1510:minmax(50px,min-content) 1fr; } #multi_columns_stacks_in_1510 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1510); grid-gap: 24px; align-items: flex-start; } #multi_columns_stacks_in_1510 > div { min-width: 0; } #multi_columns_stacks_in_1510 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1510 > div img { max-width: 100%; } #multi_columns_stacks_in_1510 > div:not(.nav-column):not(.column-sticky) { position: relative; } :root { --multi_columns_stacks_in_1519:minmax(50px,min-content) 1fr; } #multi_columns_stacks_in_1519 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1519); grid-gap: 24px; align-items: flex-start; } #multi_columns_stacks_in_1519 > div { min-width: 0; } #multi_columns_stacks_in_1519 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1519 > div img { max-width: 100%; } #multi_columns_stacks_in_1519 > div:not(.nav-column):not(.column-sticky) { position: relative; } :root { --multi_columns_stacks_in_1532:1fr 1fr; } #multi_columns_stacks_in_1532 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1532); grid-gap: 48px; align-items: center; } #multi_columns_stacks_in_1532 > div { min-width: 0; } #multi_columns_stacks_in_1532 + .deluxe-columns { margin-top: 48px; } #multi_columns_stacks_in_1532 > div img { max-width: 100%; } #multi_columns_stacks_in_1532 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 771px) { #multi_columns_stacks_in_1532 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1532 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1532 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1532 .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #multi_columns_stacks_in_1532 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1532 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1532 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1532 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1532 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1532 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1532 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1532 .hide-mobile { display: none; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1532 { grid-template-columns: repeat(1, 1fr); grid-gap: 24px; } #multi_columns_stacks_in_1532 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1532 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1532 > div > * {position: relative;} #multi_columns_stacks_in_1532 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_1532 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1532 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1532 > div > * {position: relative;} #multi_columns_stacks_in_1532 > div > * > * {transform: translate(0,0);} } .element_stacks_in_1553[data-deluxe-el][data-deluxe-text] { color: rgba(208, 59, 85, 1.00); font-weight: 700; letter-spacing: 0.00px; line-height: 140%; word-spacing: 5.00px; } #stacks_in_1534 .vpp-item { position: relative; padding-bottom: 56.25%; /* 16:9 Video Aspect Ratio */ height: 0; background-position: center; background-repeat: no-repeat; background-color: #000; background-size: contain; } #stacks_in_1534 .vpp-item iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #stacks_in_1534 .vpp-item .vpp-play-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-content: center; justify-content: center; } #stacks_in_1534 .vpp-item .vpp-play-icon svg { width: 25%; } #stacks_in_1534 .vpp-item .vpp-play-icon svg path { fill: rgba(255, 255, 255, 1.00);/* checks for a plist customItem with an ID = iconColor and replaces the short code the setting's current value. */ } .deluxe-slider-arrow { position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); left: 16px; cursor: pointer; } .deluxe-slider-right-arrow { left: auto; right: 16px; } .deluxe-slider-arrow > .slice.empty:before { content: "〉"; background: #fff; color: #333; border-radius: 50%; height: 48px; width: 48px; display: block; text-align: center; line-height: 48px; font-size: 28px; font-weight: bold; } .deluxe-slider-left-arrow > .slice.empty:before { content: "〈"; } .deluxe-gallery-wrap { position: fixed; z-index: 9999; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; text-align: left; } .deluxe-gallery-wrap > * { align-self: center; overflow: visible; } .deluxe-gallery-wrap .slick-slide > div, .deluxe-gallery-wrap .slick-slide > div > div { overflow: visible; } .deluxe-gallery-wrap .slick-slide > div { /* box-shadow: 0px 0px 24px rgba(0,0,0,0.6); */ display: flex; flex-direction: column; justify-content: center; } .deluxe-gallery-wrap .slick-slide .image_stack > div > img { width: 85vw; height: 85vh; object-fit: contain; } .deluxe-gallery-wrap .slick-slider { max-width: 100vw; } .deluxe-gallery-wrap .slick-slider .slick-list { height: 100vh; height: calc(var(--vh, 1vh) * 100); } .is12:not(.slick-slider) { columns: 3; column-gap: 8px; padding: 8px; } .is12:not(.slick-slider) > * { margin-bottom: 8px; cursor: pointer; transform: translateZ(0); } .is12:not(.slick-slider) .gallery-caption { display: none; } .deluxe-lightbox-close { position: absolute; top: 16px; right: 16px; background: #fff; color: #333; border-radius: 50%; height: 48px; width: 48px; display: block; line-height: 48px; z-index: 99; cursor: pointer; } .deluxe-gallery-wrap .slick-track { display: flex; } .deluxe-gallery-wrap .slick-track .slick-slide { display: flex; height: 100vh; height: calc(var(--vh, 1vh) * 100); align-items: center; justify-content: center; } .deluxe-lightbox-close svg { height: 48px; width: 48px; padding: 8px; } #stacks_in_1534 .slick-slide { margin: 0px 0px 0px 0px; } @media all and (max-width: 600px) { .deluxe-slider-arrow { top: auto; bottom: 16px; transform: translate(0,0); } .deluxe-lightbox-close { left: 50%; right: auto; bottom: 16px; top: auto; transform: translate(-50%,0); } .deluxe-gallery-wrap .slick-slide .image_stack > div > img { width: 100%; height: auto; } #stacks_in_1534 .slick-slide { margin: 0px 0px 0px 0px; margin: 0px 0px 72px 0px; } .is12:not(.slick-slider) { columns: 2; column-gap: 4.000000px; padding: 4.000000px; } .is12:not(.slick-slider) > * { margin-bottom: 4.000000px; } } .element_stacks_in_1538[data-deluxe-el] { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-1538.png); background-repeat: repeat; background-position: center center; background-size: cover;min-height: 300px; align-items: center; display: inline-flex; width: 100%; } .element_stacks_in_1538[data-deluxe-el] > div { } .element_stacks_in_1541[data-deluxe-el] { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-1541.png); background-repeat: repeat; background-position: center center; background-size: cover;min-height: 300px; align-items: center; display: inline-flex; width: 100%; } .element_stacks_in_1541[data-deluxe-el] > div { } .element_stacks_in_1543[data-deluxe-el] { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-1543.png); background-repeat: repeat; background-position: center center; background-size: cover;min-height: 300px; align-items: center; display: inline-flex; width: 100%; } .element_stacks_in_1543[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_1556:1fr 1fr 1fr; } #multi_columns_stacks_in_1556 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1556); grid-gap: 48px; align-items: center; } #multi_columns_stacks_in_1556 > div { min-width: 0; } #multi_columns_stacks_in_1556 + .deluxe-columns { margin-top: 48px; } #multi_columns_stacks_in_1556 > div img { max-width: 100%; } #multi_columns_stacks_in_1556 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 771px) { #multi_columns_stacks_in_1556 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1556 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1556 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1556 .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { #multi_columns_stacks_in_1556 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1556 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1556 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1556 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1556 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1556 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1556 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1556 .hide-mobile { display: none; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1556 { grid-template-columns: repeat(4, 1fr); grid-gap: 24px; } #multi_columns_stacks_in_1556 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1556 > div:last-child { grid-column: span 1; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_1556 { grid-template-columns: repeat(3, 1fr); } #multi_columns_stacks_in_1556 > div:last-child { grid-column: span 1; } } .element_stacks_in_1566[data-deluxe-el] { background-color : rgba(26, 26, 26, 1.00); padding: 120px 0px; color: rgba(255, 255, 255, 0.65); } .element_stacks_in_1566[data-deluxe-el] > div { } .element_stacks_in_1566[data-deluxe-el] [data-deluxe-link], .element_stacks_in_1566[data-deluxe-el] svg { color: rgba(255, 255, 255, 0.65); stroke: rgba(255, 255, 255, 0.65); fill: rgba(255, 255, 255, 0.65); } .element_stacks_in_1566[data-deluxe-el] h1, .element_stacks_in_1566[data-deluxe-el] h2, .element_stacks_in_1566[data-deluxe-el] h3, .element_stacks_in_1566[data-deluxe-el] h4, .element_stacks_in_1566[data-deluxe-el] h5 { color: rgba(255, 255, 255, 1.00); } :root { --multi_columns_stacks_in_1567:1fr 1fr 1fr; } #multi_columns_stacks_in_1567 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1567); grid-gap: 48px; align-items: flex-start; } #multi_columns_stacks_in_1567 > div { min-width: 0; } #multi_columns_stacks_in_1567 + .deluxe-columns { margin-top: 48px; } #multi_columns_stacks_in_1567 > div img { max-width: 100%; } #multi_columns_stacks_in_1567 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 1141px) { #multi_columns_stacks_in_1567 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1567 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1567 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1567 .hide-desktop { display: none; } } @media all and (max-width: 1140px) and (min-width: 771px) { #multi_columns_stacks_in_1567 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_1567 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1567 .hide-mobile { display: inherit; } #multi_columns_stacks_in_1567 .hide-tablet { display: none; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1567 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_1567 .hide-tablet { display: inherit; } #multi_columns_stacks_in_1567 .hide-desktop { display: inherit; } #multi_columns_stacks_in_1567 .hide-mobile { display: none; } } @media all and (max-width: 1140px) { #multi_columns_stacks_in_1567 { grid-template-columns: repeat(2, 1fr); grid-gap: 24px; } #multi_columns_stacks_in_1567 + .deluxe-columns { margin-top: 24px; } #multi_columns_stacks_in_1567 > div:last-child { grid-column: span 1; } } @media all and (max-width: 770px) { #multi_columns_stacks_in_1567 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_1567 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_1567 > div > * {position: relative;} #multi_columns_stacks_in_1567 > div > * > * {transform: translate(0,0);} } .element_stacks_in_1584[data-deluxe-el] { background-color : rgba(26, 26, 26, 1.00); padding: 0px 0px; } .element_stacks_in_1584[data-deluxe-el] > div { } .element_stacks_in_1584[data-deluxe-el]:not([data-deluxe-link]) a:not([data-deluxe-link]) { color: rgba(255, 255, 255, 0.30); } .element_stacks_in_1584[data-deluxe-el]:not([data-deluxe-link]) a:not([data-deluxe-link]):hover { color: rgba(255, 255, 255, 1.00); } .element_stacks_in_1584[data-deluxe-el]:not([data-deluxe-link]) a:not([data-deluxe-link]):active, .element_stacks_in_1584[data-deluxe-el] .current a, .element_stacks_in_1584[data-deluxe-el] .current-ancestor-parent a { color: rgba(255, 255, 255, 1.00); } .element_stacks_in_1585[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 0.35); font-size: 14px; margin-top: 12px; margin-bottom: 12px; }