@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Raleway:800,700,600,500,400,400italic); @charset "UTF-8"; /* Theme Name: Dezayn Theme URI: http://dezayn.io Description: Dezayn theme Author: Mogola sangare Author URI: http://dezayn.io Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: Dezayn Thmems */ @font-face { font-family: "Futura-medium"; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAFZ4ABMAAAAAnRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABCQVNFAAABqAAAADQAAAA0P2JPCEZGVE0AAAHcAAAAGwAAABxgzmtgR0RFRgAAAfgAAAA4AAAARAQcAuhHUE9TAAACMAAAAnUAAAZG5rUIHEdTVUIAAASoAAAAIAAAACBskXSPT1MvMgAABMgAAABYAAAAYIq6HgpjbWFwAAAFIAAAAYEAAAHSn71CBGN2dCAAAAakAAAANgAAADYMAQ8rZnBnbQAABtwAAAGxAAACZQ+0L6dnYXNwAAAIkAAAAAgAAAAIAAAAEGdseWYAAAiYAABFdAAAg4zIwkNKaGVhZAAATgwAAAAzAAAANv75TmxoaGVhAABOQAAAACAAAAAkEHoHW2htdHgAAE5gAAACPQAAA6jQO0OJbG9jYQAAUKAAAAHOAAAB1nsTW05tYXhwAABScAAAACAAAAAgAg4B3G5hbWUAAFKQAAABPAAAAlQwgUuxcG9zdAAAU8wAAAHmAAAC1o4Ja41wcmVwAABVtAAAAMMAAAFJPnSSjQABAAAACAAAAAQADgACaWRlb3JvbW4AAWxhdG4ACAAGAAAAAAABAAIACAAMAAH+pAABAAB42mNgYGBkAIKTnfmGIPr0ojpRKC0JAEFtBfgAeNody9sNABAAQ9FLJPgxkdUIw3ptobRpcn6KAZKWebF4zF9QLZEiV5rcGfJkyZsju//gAqBsBwV42qWUz09TQRDHv32UtpS2FFAUlZ68kJh4eDEEwtEYSTgo4g/0XTzoRePB+BeoVU+ePHlRm4pKZMFICNEEYsq1ibf26p2Df0HXz24h1EZJgffNvN19uzPzndk3o5iktAo6o9j9248eKKU4X2St3E7s3p2H7puaK/YCxgCNn6xW/dmEhjSrl3qrBS2rD92qSva1ysh7ZJ71B8YFe1efkUXmRnkt2d+cT2iF9RqyjuQ0jcWSNWgbtA3aBm2DtkHboG3QlpaQZZit2iLaBibztsyJMqsytiqwXMPbOquYanaEd92/ExrTuCY0qZrqCrrzLoquV/E43Auwj2zNppHQS6SDP6PgEI8tNqqNakcnK4hxI5zNoTg7a1Fjq7HV4eGZFnERi5yF3G7e1ljN7OGl9u/5fng2pTn3fnf3Qo9f7ga351Hrfrul/eZshzF20zbdzolbiPx9FBkr/7fNfvGAdxT+zdnZaYpj1vwH9vDbcbwuija/23nefTcrZTue0EvUaf527bYsAg342gl0FnQpBHGdA652x5SkfsfVQw1PqJc6nlRWUyCmq6BbcyClmyCtCGT0BmS1ATL6ATLaBFnqv07PCeh+faDX/bc6qX6Q0Qg4QUco6JROg7T3HfO+u7zvbu87qfNgQBfAoC6CI55ND71sWkd1CWR1GeSohxm65RUwQs+cxadjfEzXwHFdB3ndAMM+hsDHENct0O8jSeixXsDExZPUO9Cjkj7i/RMYpAMv4t3oC36/gpxWtIbHb2BI37WOZZeFhM9CQhUw5HOR9LlIEd8wsY6S95B873TKKVjOwSXC/xM9VVHP9BwOG1jZVP0PztQW/QAAAAABAAAACgAcAB4AAWxhdG4ACAAEAAAAAP//AAAAAAAAeNpjYGKOZfzCwMrAwGrMcpaBgWEWhGY6y5DG5ASkuVmZmJhYmJiZGxgY1jswKHgxQIGji5MrA1DgNwvbrH+zGBjYvzH5AoUZQXLM+9g4gJQCAxMAylUOYHjaY2BgYGaAYBkGRgYQOAPkMYL5LAwbgLQGgwKQxcFQx/CfMZixgukY0x0FLgURBSkFOQUlBTUFfQUrhXiFNYpKDxh+s/z/D9ShwLCAMQiqkkFBQEFCQQaq0hKukvH///+P/x/6X/Df5+//v68eHH9w6MH+B/se7H6w48GGB8sfND8wv39I4SnrU6iriAKMbAxw5YxMQIIJXQHQqyysbOwcnFzcPLx8/AKCQsIiomLiEpJS0jKycvIKikrKKqpq6hqaWto6unr6BoZGxiamZuYWllbWNrZ29g6OTs4urm7uHp5e3j6+fv4BgUHBIaFh4RGRUdExsXHxCYkMbe2d3ZNnzFu8aMmypctXrl61Zu36dRs2bt66ZduO7Xt2793HUJSSmnm3YmFB9pOyLIaOWQzFDAzp5WDX5dQwrNjVmJwHYufW3ktqap1+6PDVa7duX7+xk+HgEYbHDx4+e85QefMOQ0tPc29X/4SJfVOnMUyZM3c2w9FjhUBNVUAMAOwvhz4AAAD92wAAA74GCACwAIsAmgCgAKQArAC0AP4BpgGqAfoAuACsALQAuADBAMMAxwDVAP4AnQCyAI0AAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQAu+FNkggri7CyHZjOULajVzkYlzAB1AgUYP2awZoKFOkTYOQCyQ+gU+IlJk1iaI0Ozuzc86ZM0vKkap3ab3nqXMWSOFug2abfiek2kWAB9L1jUZG2sEjLTYzeuW6fb+PwWY05U4aQHnPW8pDRtNOoBbtuX8yP4PhPv/LPAeDlmaanlpnIT2EwHwzbmnwNaNZd/1BX7E6XA0GhhTTVNz1x1TK/5bmXG0ZtjYzmndwISI/mAZoaq2NQNOfOqR6Po5iCXL5bKwNJqasP8lEcGEyXdVULTO+dnCf7Cw62KRKc+ABDrBVnoKH46MJhfQtiTJLQ4SD2CoxQsQkh0JOOXeyPylQPpKEMW+S0s64Ya2BceQ1MKjN0xy+zGZT21uHMH4RR/DdL8aSDj6yoTZGhNiOWApgApGQUVW+ocZzL4sBudT+MxAlYHn67V8nAq07NhEvZW2dY4wVgp7fNt/5ZcXdqlznRaG7d1U1VOmU5kMvZ9/jEU+PheGgseDN531/o0DtDYsbDZoDwZDejd7/0Vp1xFXeCx/ZbzWzsRYAAAAAAQAB//8AD3jaxb0LeBTnlSD6/1XV1e9WVz/Var1ajdQWsmjUjZDbGLAxxlgmDGH4tAxWCCtjTLBlomCiEC0fw7CMTAgmBIfYmGBCGJZlWL6qVhsLxyZgzBKWYbi6XGB8CSGMx3YU24RwfT1g1MU95/+rpZZo/LjJ7tq0uvpVdc75z/s/5xQxEfhPIqatRCQysRIHKSJrSJpQUpcxm4hHqlOtcc1u61dt8Qxlb1DVHVfJuYzkJgp8LLk1E63LON2kFF453ZoLXonsM02hdZpJUjya2ZZKqU5Fs9rh2eXRHJZUimhWM3wkueAtu6KZnPBs82hyUSo1tqFBiSjVVuqNWE2KRAYW0W/ov5gk9Oq79F20lbbql+k3TFs/W3RUsAm2mxsFu/BW9lPBlt2a/VTyIUoCOXPrEj0iWwAnJ3mUpC2AkSba+9N2kQAKLkRBMwX78dHjNBFLnWYrQiw1Z1G/VgSAO22Kp0c0W4RRQYDVLioe1QaQNY0bnwj4fXJVjVdJKmemtU2Df+Helvj06fGGadPoZGnXzVa4fq+4WDgJ1xeJmdwPFIXLqlIyI7qIGegkJ6hqiaviuYzACSe4NTMQTmavNCtc3ywAdagEhBrb4E2KUQqP3hPVq2g1/JEt2QXCjuwCjmsS1rDddIiESQX9OkmXAK5pfyCUTCZVEu/xBYvDo4JJjVr6ewSltGxUMKFK8R7RXV6Bb5vgbdlqc8LbaZNkq+u532S21qUtdkciAVBWxtWSc5mQm8QAyhCDUrO4+9NmC37VLFnregIWM5DPD2/6A/im32utUy1uzQ5fdbj7tQitU8eXvD7Z8YlO/HW21yfd+OQFPFBL3D1Cidlb1yOyvzL+hWv0WEMWOAi4e2wBOxz43T1OvwO+4GZ/FfbXh3/xO0H2HfhVMfsVnDOcO09p7jxl+J2e8tw3K/B98X63ICLibgUpVFpWXjFmxH/q/SVI/MakNwqPpMge/ih7RL34aIKPkh81nf/kke3N+vSd09/8TdPpq1/bNmNg9tYZhwbuGaD7d9EJu+gGfRk+dunHdumz6X58wPuwdiJZdKtMSsmXSSWpIXeTvyFUrY+r1nNaROnvoRErEJYAX5K4RuEp4tbKaF1ackRhbTKlTMrSLl8MXqmlbm00ELwY2HcMPI8uBYb1pNRiRVUYCzWV06ASG0Mbx41vakz6A0FzTUwpp36fYPZHG2tGUV9QcVE6Cb4QW3Qw3L2meeOL57cu6l++c8Lq3vMf7lqU1v9EhV/NbqfV81ecpxti3esU4cnq5l/8YOvHjt7e4PnWjpheMes3+/bovwu+9ZbwmXhi0wyqOjpv7vPtaNvVQUwkeuuSaZ1cCxKhED8pIzHyS5IuA25V/clMxES+DtiIKCjeZMbNX9oFrongOBOqKbM74Ym9oupdcZWey1i4/AC7OUF+TOxVT9DktNRlyvlHJrcWhY/CXLRqUbQtiudVUTDLHj8ItxYth5fe4lBpmY/JeqSMk65G6QmUhIP4FbcdlAGRTBReqKKi+kATeNzjKwNuuVL0BRLjG8fVVMleGqSjbns3epbGzp7XL7ZuOLIB/j0kdn9joIt+N/fu84c3bDj8vNREo6dP6xdP0W+2Pvdc6/zu7s8+lIONNz48lXt/fmt3d+v8554DnmkHOu4FOpaSMeQB8hRJB1HiUey1Smt/2gok1CbL/VSdwtRcmdKvlrk1GTCPw2Hcrd2Hkqn0aw/iWzJgK6XU+5RXrSWV1XcpiKLDo44CSkyuVDwHiOzwF1ePg7eBi8aNn0xrgIWSqARdgpk2Bc00GpMjVaTJF0gmJtEmanaZvb5yWkGbJpmAAtEquX3d2gV7T2zb3BefP3MSnZLpeoP6ruw5pd86pn+UUZ+Zur5lkr7XK8z0TS1p8HrejoQjyWLL/aF4wPvErOkL6e61mQXT0ju2Hdj/wsSOhVPq9a6+VRf1vX3XqHB86f5pzRPpTocw3tUYbqxtEuuqZ8RqH3DL8WA82lgya+5jqCMp6mO6munjKq6NDVVMQRcO6WG0ZYa+7TXULPx2ub6cXpZXgC3xgnzakO/ATvWjgiPIB56moOD2mmuWL3nqp6r60yV0iRASqvs69I03f6Vv/PYZUugcwjnNPHgOr8ctNgU8bsG8HE/w1JKn9PdohzSFfrujL3sh+0H2t2fgHKvFDcIngINCGkjahILiiKtKkqqeuFp0TpUSGRdneTmheeG8mskBNsTpRovqbYo1BUHuYb2C5hhIvHn1/n33H9iwe/r+/dN3b0hLC59YtPyJE2+1rVj05HcXHTu+EK43FexKqxQidjKDpG0opySumsGSSP2qKZGmBLU9Fa1ARADEdk4VEprV3Q+ApK02/MyKlsRmxUMbsdahiDKFGgHTGfFHlKgylWZUmtFnqPj8qv6oqs+gGaTXUn0TvUo+gZWqJKoIzsfQaoHzIQSJfXC1wiB2Sy/v0P+oHxGS92cvsvVeLkwVGoWLbL2Z+pT78YEn0Ai6KEFiG1rvxoh/OT0sTH3pJfxtGnyHHeQUrFVtnueQO2CrN+Q9GCs45BekuU+Q8wjgfFN0XaqVrwEsJAiwThHnbB7Ye8TcM+X6TGa/G29dkpaAPHtJlDxM0kV4oRAIMi6xFrHAFUexK/rBBPiZCdCswDrV8FzmB8VkkopcXHOFYL2thK33OM8kWllOPSCmYtUYcbyvXEhMEsaNEapctPG+7/6GllzonFA1e8Xr77++Ynb0YNWMH7/940ej0UfhaYYoraaWgR07BvTrqxeeeWdPe/ued84czpzo6+7uO5E52bduXR/SaQCARx/LRCIkLaEOoggxkQBiOa5K5zQRwDRzEjfhcg8soY8dNM1Vb1w3zeVy2Qo8NgVw95PZ3O/UvFJ/2onnkeFAdiLzyDbksQDymGb19qtWtyYC8j6ghzuhBeFQtCKne9GtlL1wKDKmT9LxXAGZo+NHJRPE7zPTiL9V2LXuwIrl+yyHg1Q8fYJWLNMlYak4cU/7iv27l/d9pl8/rm7IblYZfKBrpQaAr4psI+lKhE+y9KelSgRLAp5OBxFUN7znDuJ7bp+1LmO3VQaddZrdDISIsqVD6+2rPKdoXgCfcjeqrAj1shrCt8HrVJ1xLQT0GoWYEVDKVSnACEyTZAsEw5VsgW3Mmy7jLrM1DM9ujxrC5U6W0yQzOObGyhzOwAASoBxQfFK0alT76669y1btOfAjGv/p8sXPuQ+FP6QrKTl2Qf/92Tf0j+nKpd3qqk3/YN9xffnmFQsPHX/3zSvPLNb7zwy8jzzqgnXqkJuJBWKE+0janFvtDLGaqRMc2KRGLCj6FPBQzedUWwJ1pEoTGBEQjcICqXZ0oKkC/hMooGpgCJfYo6oH9WZ6QLps+tbNyXsuX94jrES6TwS6zwLeKiXf5x6tJgE7FCGxPVJ/xmsrKQIKe5HCZXg9LQikK+ee5sQHPl7GHMyiMap3jFrk1jyhGy7VC8FJ6AZRXWNoj6vI4zVcPKoFMRBxKymDwD2EOoPM3E2mOaoyenpBZ4lNyEYE6DnxR9H/8a1t7/zmJ7O3N1RfEZbo4QVPv0OD+oFrm/SBK90L/v53L295p3myWKzqR2X98MVr+qkfc399NuA2G3jKDR77YyTtQux8IO/o+6Qt4PFoJVbAq5RxjgJEVNyMye2AIgp/UFE8GVGSXSbGFCU+AN8OUq9aII6S4VlEi446oAnUTXB80ACZm2julczeI7jW609IzV97nZr0s2dO6id6j65dc+yEfoKeOnBZODY/e0aqpvpvfnVGP0+rT6098uaq9YffZjKxAODvZXJfAnYIOQEh1wQu94bAN9FIY4QuECsGLktzByZNMJWpN84T5vOiTCWZvkMfEOJND1IgCBSw4HlqLP2ZSKnH4jSU312MDijsPrdajtJiAjfGFNfKFXxLCwFJiuDTKH5kA7cGfTx06u63mS0Qt4H0lDoYpUqDQKkipFRE0RwiPNfwqA78mqaapnGjmLygUyxVjmoa8usGj9pXPXuSUkKfpeTk8lX67/Ul+u97e9/vzVzJVO8+vHt738/o/tUnapd98Ponn7z+wbLaE6v7dL1vmaouW7F3rzCnde/e1qUvv4w8sMTQ+WCwyTdI2jpIRVj6jMtnFQF7l4Vz93AukDmjcy6wijaXneHmsrIIVfUpmt0BmJV4NCJzS0AM1RejMTmfC4Cpl9C7/8+TtOm/ZP+0nm6TUt94Q7958OR/2njw0Mr1J6T6M7RWv3DiwOXshAVCnamMVvx67aHDa1YeP8L5mNlJ8QLzaeJ5ltKJLOxBS+lD4FEVgKFUi9iT5h9hL5WRlnO4/RQns4OHHuLXnK9vEghcU4S4vgb0EF7KgZdyMYNjDfLo3YqKkgosekb/wDt4kfngKVx9kF/DcBikM7lLoM9TJrWKA0RmfpqZEV+Ck1oMR4H6rdQ/VSoeuCJ66LGNdM8RvU/vO8xgm0ol+K2Pxfwl3OsATwkcDhNKhiWOcb3hbVB4wFlu/l4qppKq0gWqyu3hbdcHP1EevH5To5UCCFNFz8AVqbjsMI3T+BF97kZOG+ApsRl4Kk5SpJuk78H1SNq5XtFqQWsGiu5BvgqApBWxUL3Ii4b13rgaOqc5gMUcbm0sUK8RVqvRrdVwblM9zHAB203AuAF9jLvHpFJa41iIDmxioCJSW4RBg0cBk0W02iJQoXJoTJxHDDU8VjDLZjnIGC+WDAAXYhDRNMnCudDvC0aHVmiJ5V9/su3s0sm/2kJnT5zydeGX8qm16450d9kmhRp9tYrPsmT29MWOw3/iayid2nSyb+uObzTdV/+tiS2tU9YcP/SDNSvrpYAl6AoXR6qDc9q+9bBvzM1TOX9MIM23LskVQKcEmQQmLD0W6TTaYtBpFGgf9/ixSCe3GSiSSI93I6nGh6x1akkiE7iPfRZAyzOZsUcMXN6YGz1uLQmHSbeWAgezjOfHIPCKYDbH3a/dz63TpCf+dAStk6SmxpjU0GGXFi65YVJLDr8+6ej/0wWf2NWUu6c4FfLWpeFv5Q8qfxCVXYonRdLF4RTYLNpTHCoJD1qvVFLxvOYS3aNGjw3ch8Eqi1/vTqlmRa2H9RgNywQHqlvBN8d7NFd5CsO9Hm8kRvgauUmkMhjwus0uGquJ8dXxJBPBpqQoc11BopVEwa81BV0UjilbyqbxuHrN9G3aTMvefo+umrZn5jzfqhfXnf5D745vl21a5BHqmzfrx6/qur6dfp86qWX5S2s+fk1P6+PoxY7WVWvcru+0d/5UlGgLPZ0+rl/VP9nd+pgkda363ctHafWPV2WvJVd+ulmnDfo6/VP9I31zW9e0h+hJGp7/w50ru9Yxubt1lRBTGnwTzGDezb1I8Ee4e2IygzWv4xJoizNnXaNg71UrIB610qgYEWmEuoXLwuXTavY+jRKhWr8iN984QNfoK4Wk0MFs1hrwfyQWe4XJKLKYpBXkGg9IksC4BrR2aVgR4FKlGGVUM87wgLNXmlA9bq0SeUDp7/GbKy2g2L39TLj8lWi5beh4hD0AkyulloIJwyzpKI9qRg9WSSbKBRALs5+ZpWgsWamAE19HG7kOr6Nr3uh8c3frvBlrVf3E5T2bafv0rlXTv9uwY9/e7Y2ypXru/pVz90al0Lvr3zm/j7pntjcGX3rqp1sWGz7WdeZ7TyRpL+LjkgwpsCC9AgwJOwAbRLK5wBlVFfQy0kQG/5r5GSaDfxJBf43BI4kmvwyHE+nvaMuFvXuv3CKw+PMp6e/p/a2e0WPCAKz2+cW/e1HfoA/Ahxt2vNtOT4NcAo1N1UBjC0B0j2FPrJJBYf8QREYIgHrelAPOj+bPxCgW4WDEkhDvNDJaraH30076oV6sr/reg9v0088+2zew7UHZoi/XN+pr9aXqpO6Pd+66snYi18GbYcH7AA47RmMkBwWLbcAJzZgsQyzlGAQIg14WEFvtoCiEBI9+jZCXh7v8sVmclF0jLMluEVbKFlWfpWZ7Dd2/Ca67kuWs7+fXLXxNW4FrQhBuXNA+4oKbhI+yZ4Xi7O/xYjPVrI1fqw50oAfWPoz5I+Zfu3Nrb4Pr+fwlqOV80qAf6oTrObmWCwb6014W7Xgh2mEuqdcJSt8shkrQEAQVVQaW9qNf6kRvy6ZosjmV4xQpaK4ZhbziQ8ekCdxEvxui/Dp6ls44QGd2PDdH/2w9aIyttO3TXjpB1juEhfqT2ZV6o0joTHph+4bVy9bp4GRf11dTb686UT+kz6EXOV4op++ytZtsaAIz1wSqKZkRbYyKom1w5YC5Ya1UuxsNLNBTMwND5dYMiAiPKPxdc0S4dPhwNiJbsj8WnrlxXXgvG+bX2wB/ZrK8UiRvzYw8hSbC2fBhGjzjBgiYb1xnv731zq1LQjv8lnlPTP4AsrSD/d7Hgl1UFOgvwUmAvUlKdSgqBTrGmgLBxCRpIsRSis8lVMYWTG2pn14fcVmOVMzZr+vRXUkaqZ2deirQLJ4dqFt56MDjnK+ljxhtxo6gjZQcThBGAlCFGElbU1wPKTRpBU1pVjYfETYOZJuFo/rN7C8B92ybsD3bPLBfON2c7crJTy2LDwxtrImG/LC8AKdLWmScK5qAg8xDBPdvPkLPypbP9hgyEQY+PQC6fUgWJUvSgFocgtrfj2sIZNYkP1tAzWRHD1BE3Yp49Aiy2cqsXdIqRkWm+cN0guARvHTCf39V0hv0hPSq3HxzsnTkxgFx4Oa7UtmAxGFYfeuI6YQ8G7y6RmONWZaaJtkmDlwemEY1uzXBUEhWtmJIPEHmxMN1ospqqfvIzRXy7JsPSMtvHJQO3VzN/bYY4LgCZBH96IcNvee0GdLoseX8aM0Gl7EN6T0/xj3Ddqk8IIWaiRiSxtRgJRk6itGLwov0ol6bbdVrD9N2ep0+re/MfqT/HAzwDPqOHgP1vFdvoKdpi/6Z/hP6FJWpRNv1zRxOXNdLsK42EiRTDEow3QyhW8ZqJ2j9rBi5Fg+Ca08gxGwjEAKzEBImaB/U1EmMt6Q6GqJDunrzb8E6FOtn/rh04pzVq6Y1d6+ak5Qtly6999vsCjHpb+qc27Is6RlGtyJSQVpI2okcbU1q3hzpypF0lQwWN8DidmthTjrVmmBeWdiNgbRgc1oY+VCJqfaUWq6kQd+mhsjoE8zBaAyNGrxOJppoMjiJNuaRdNWyq39Ye/xP+n5G14E96/Xtf/ykZf5I4u7Szz/90bp1Ofr+DZ13bcYflxskZvSV5hg+xmOGhDqTnMRhILHbw0jsNg8lBwAXTwIjw2IMehSeHyhWMMzFINCqgE8BfAF4qo6UGlaY28OcChpEh0I20yiNGvR3R6Kb/zC3/aXU/PZT/0A/+IN+7yy2BnorrIAMvt+Jjj2f+LILhA3ZZWI9LgX1oXxMAT/CAeswirSTdBWTUVgCBcEO2Lgz5DqnhQDWkFulGEwQL9/TYm+xZFiF4RKFKAfVrLwq2RVfWRUalAqP6gU0AhDUvUqoy+ur4H5rk+Gd1sQpbmyNSlbirhbGExUUscM0zZS3hP2runY+/5+e2p6mRb3Utuallp1tO84/03tc/7e+1/VP6cbalXt6ujr+Nlk/VX0hc+EPrZto14L1f103/f/K9Ol//ITrAFAF4k5YGzO5l6Tl/FynKvLNXPkcslbaJLM9VDDIadnEkpeY+R6K/DANKonb9U2HTXNV9bM9LBFKyQqgIdotsJck7UAammxcZ4KSzm1Yg9pURb6TA+afKQJZRBfSwbeJQcu4JVhMJu0rDgt/OKyfzl7XTwtNYt9Ahx6m9H1x40AceG8/nc1t0LVb+01xpqt9xi41atXBLI4IOj9JXWfoP9GTZ7JtsuXmOqnzxm7+2w9uHbXMZnorwH+riaZkctDPZr+Gf0Koj6r0VZqhal92lT5DfxROs19adnODNPvGL6Wnb74A+GMdwhZmm2oMzrdwzge7jVqeWyQBlapkYyUCVrRH8A9UOX1Pb/kNnUBnXdCn0rP/or+grxVrhUvZU0IyGxk4L6zIdiO8sJTSLuZfjjUymIMIW1kOUQai2pCoGCAIwHGEH+ToAEvnuEi7aNdF3XIYDF+7sHngRdyJ5zwCWkmax3ik3LBVppxPJQzLACRZbizi94hF2QXiOwPXRBcww6DNW6kvFwR5BbM3KCYmK8siUGu/YXAyZrb/gYbaVNSfeyUmcmwGZjSqJP0r6doTJ/TlFmnfjTn74LyTAb4Y24dQSFqk3E0Z3PKi0cn/TZywT752wwXf7QIYCINhElHNcY0ADGJckwwYzOfgchmZX1h2s/w2BRlw54Ax53ANggfVCK5o14kTdK3edUnet+/fB4xch9AptQK9ZISHuwfwMyPTAuSGlZ1KX3qfvnQY7FJa6BQ3DSzlnhfwyy0QyVuLAJcytj9EWHGK8ZSHlx8kTiIDZOsifs1t0hxhmulS7ncadfTnbSrlbQk1UfO2vZTMM62dp+9rGtynEcQLLGc3j++IGclbSz/LRKVFlry9LW3HeCqYSLBtG8zd2RQ02w5fyWACN0Nku8NkbLJi7J1sRMJFZXOVkJ+wa/zs5OmVUm+v1HXyzPWDv/jhpt17Nq7bTd87RWvfeGVgypYDlNaf2XjqxOZNx08izB0A80RYcwXwXWDYbKZe/ACzjOCG8SDMNBXFbFB5DnJN8CSGbAu8rjBsS4/s8IcZ5GE/QC5Zi9wid61AASXHJxMev0+IVtXEon4xD/SOXmll34kb/+/Ztn9MSbZd6zno8rWB+jf086fe0c88PmcLvTQIO0V6i5OB3nnxKWbJEWiLdSg+LfrC+BQzoBifomUAeCA+NVeRRlr/u01Pd/x87euvb9ry7c5NZ/Uz9PxFGpt8ZfWJ7s1HVn04mdLo0LoP0ZCte1GOhmKOhiKjoWgeoqEHc2fG6hcbq480tHlw9YvyaXjb6its9V00OnL5T/Sx5U/9Y9vZT0esv3jmhmvLnMfzGIDBLp4AGvrAp3jUyLTbc2CHzP0Zv8WDkZ7fNOhUWIr60xbmnFvMPLwjmgW9aVcR0NSvQBxigOkpoxG2Q8KyQlXEGxlDEchrly+8n60WXlm18O9S26Z++Pz5W+SoUOxe375kCz3/Hq3Q371cuvrN1vlzu9bTCjpz6d92M9mcBcSeZ0bvci5JB5iNBShVJcm0jzeBisfG1CFzMQNsw9nPNgHzS4/MiXTAj68CaHmZz2kCN5nlU7wgVW6erKhyiX7cigKlPmsObZw6cW60urG4SND1XtGzj56hK4p/GYs1zInX6gv3YbqX11plL0iYfy4jtWQZSYcp36JNOwhuXcKB18EC4yKw/0MqIYYqYTSjbjnAW4Q+kBsOyt1aALljlMEddfAiwJxSRzgSY+wRizD2CBaPVA5uIVI1KpZkzDGR3s4qyc9OnOmSek/pn53UdeHgz1ZvX16Iaw7/YmCOflV/5w+/XrWxd89rw9gH1mQV+D0q8H4x+Zphl+1JnnXHPU8zS42amd4IMfSKi1hAXezWHMaOVQkmjYsZ/YlmRk9UzKmKSRRzw7AACLBL8iureqXa7fPeeLF31ppUS6LcCVI38OiM2RePZo8J1RvWlk6Z0D7xPn06rMNaAG6N6VNW3zfNkEksFkIjKxr7AV+pxI9tAuWV9q1tXtIM/6K9puWNM2Y0JpubPzskHhqYgtfOXhi89lTCL2uL/0+88vWXTO9+VsZkZD2sxwlYDzupH4rhJYHUDYbCRUMBvHR7AB+FAH79Qbr4E30RPXpV3ztZvnZzIV2sL8ueppnJ+nq8BjpLk5mfUMqvMZjOAPDxMZTO6O41/IUVhJj2gVyMJs8Yvk9RKcbpKALILqojial11Q/Och072WjOKaN5QUMpvCp1a26+l6fdjfvjoxnTqKUYteBGtwMYaBRhuVuVKpooGYj5GSNBSJasDNGowmocRMZWY0TgK8GvrAC+Wjcj/Xj9K4/Rib32qhnLZtUVywclT3Raw7TWmEM89L0pf713Zqvelj0qVDTNaW2IP/jk7Ea9lg40TGlL1U9evmiaXjsoD4BnMXlkSB4GsUSh+JKSQN24NsNR+HxZEA+tLiAKwI+1YJ9qASasq2vmnq1mlwwd70bP08NqlkCxG4Vy6DayVB6WwvWIspnnD1iZG5VMfFvAg1EEPMCGV6JOqZRraS3dT2v18/rsjiPUdeSIfu0IleGtmP6OPlt/h+rdx493rzt2jOcLOkBXTgS40G7OJUNuByNXzvcAB/fP8jm8SLx8n0P5Yp8je8H07iuDTkf2IUka1HjM3gPcwhDcg6Z+SJ8j3Lb4X8LOo5enfEU7/8pnZcIvhylqpheEDwBmD5mQy0MOMqUDWcA7CCpoBx9qBweIUlrEaArFKZcZMITJXMMlZ/1BObpu3sxH5tQ/OH1+nUs89HJLW3xPbEL74qkgEJRMv3VJuAjXrSGtJD2K5fqAUi6BW0OqxuKq/RzYtH41wAPXCBDnLjRz6FFYKVxbVl4VLS6lbBSG+hGP6sZUjMhCfbtbiRiVGEibcTzOH2/AB95cuYmnMWDlp/9s6pIJ/2FqZv683c9m/npL7ezYRFtFIFk21bGo863n2g8emN41o7N+QXLhY8t/vmfWnKaYpyLsC7vK5HjXou7XlqO/CTSUTfWgW2caFoX5Hybuf5jvVPFW9CUq3pi5Y75G4xO9mQzzMJbqm3J+BSWd4KftFA+RIoz/WVAhW7mkqNakUXOPuhfjf4uhTzCthgUOmtM1GP+zUgV8litrOnsXfLbg4Al90a/pi0JN9srabdvWCp7s/33qo49Y/P4eXHMvXJPVb7E6DiIMTwBoxDQsAA6fpl7qO62XiYeye4WWgQg7z6Vbl0yXxU/AHo7mlQxok/BUw/MBQEVgOEGysMyakRuI9NEgLaEhGujTQ/oH+vtw5u3Ci9nFQttARFidXQXnfxfiVhngHJ4bEO6cG4DAMRk2cgNldJ++551/u35Jf4VuO68f008LFnpAP0kb9ebsdQxJOS2yF8QBuIaZVJAcGYAKg0G7RuRhlIjS8HmITutPD1zvoysA6B3CAhDLE7lc0SfsXIN5gFzcIlgL5QEkYV32fXF19rvCUmCMgSv7eKzapi8TmiEGryYPE7UyrpVZmRNhxnPUxNUoxuBYMqa6EulQFHkuVIGl9wkthpm0qMLTZrYyJEyUpTMbgTnGjZ9A/SDd1K/4XNRcDqbSV07ZezXwadvWFY07ZleUSY/cU+KunRCTyipm72hcIdRtmfon+mzH9n21tfV695K993pstbN+8HW9u762dt/POujyPwHM9KreLOyQm7nvMGwrxN3PHtx3YAnxq6rebCHXb8e1mucb/HEsVWC4ms5h+QjoDrUkkTZFWIqtGnD1c1wjJpa5JZofmaAkgrgGsRoZ8JkkNI0R4HkMZZumYGN9Qb8Mf+U62oZ4xibUusNNjxh4bkX0LwOOdMXsdbPusnvu/a9P0RWI4/YO/YfXHgQq6Os7fsbyF3SG1CqcAiuZIAisU+qHuJ9v0kXiWhWyjRO0fpqUVALPayZYiLTF4+WZ5UkiqLFyiW2jNwVBg8XGSFhmNrW+6rHWZMc6RzJcXV7UMDlhk9at2z97qytVVlvhaGhppH1T7n6i9lu2mC9km/Z1t3XRZ4ttMX+xfXYL9r1kr9Ijkpv5pveRv5hPOtjoIm6NP/ww1lF81i3tvjmP2ctTpE08Y9oJPlEF+XuCliaQ1JxW3PtOe1kBp9dvZS4yKM2yJGo24Ny0zCIlWUJtyrP0IYXlg3FjQyxNJDI+3kdkciQSaR8L6XxuzuARRlsM+N24vZgmRSGksOyAdyzcuvIuB3+0JqaMh4i/iGKbAxpZ7HM49fGbbS+2SQu2bFm4qCPa9vrVTPfSxc+L0hFaWbZjm6Xpo5VSdoHvqT82WIX9r5VRz9vLDgeEDY5/ZrwaBH9rt1wL9uJ5ko6jPmpMajFbf08yFrfwTTxWwOq39Wdkc9zprAOsM7KJPCjVqRXgAI9nm3vgIKaLmdUorkCrUcyshgxWowmdHliOtMnSmMIdrGQc2Jo0AIZiDI6q7mZmU61LaX4zfM2GxYtYWzmJNo2PRRqTNY2s6CtoztXXlAvBiD8aMAfLBVakz+L1WI25yhycvGHpxK/p/36qk45/+zy12Q/uXb3ynyqjUxw0rjc2vuiYe39pbHq0eGt859K2vTsfXTW+YemzplN/13n5R0dpQL9+flpq9WtHlzUsmfJ0sHNfplGq9jQl6+e3r506ha7l/tQ0skiaJy2CuD4C/nO6EhWh2chBpG2oa71xdKmoWsX8VDEATlQxuAzFPDZwgtqwFcF7UaQLxc08yY8VmmqZ8qpF8ZkqsDpWdXp6rHaXmztbwBo9RT5/AD+oVHrsrqBgOLVYCD++MtgUNAfcWAsvSzFzrMlbTiuxnqVSntYyp2v+atq6en7XnBZ2rO/C469Jp2msTxD+Sf/1KXqSNnXP65rX1gZ/uvUT3Y99f14bfXze9x+jVRtPndr4IrjA9BZoNmmPbAG5+B73InP55nSQG69MgPOEOZHxKEVBJ0ZJGQ9/z5ZggUTROdWbwH1g1ZpIu4qQRVwOK5b4p4tcrIRLgVeBBAsuXEVG3joYGGasIv6I2c+3HsDgNAKHRCxGHvsNWOXnO+i7etlhvZT+21J9PY3zzHb2dOdhf2f2I8HX6T/cCetIr94C3W5qZvVtZcTIReOmOeh17DlA9c4NmwlUhshVvKoeEIgONhH/5upfw9JMiC+b2J5u2oWyYjaD12hm6GH9RFWcVWSNrsJ3RtegipjOVMQ9oLSqMX0SK+rvke5BPYZJ1nvcWj3uIsGh3SgDVSvcagkePwBvPhDXSkDPPQLfid2DG7PjQIIURU2mVLvngNlXNTox6SHklXpF9afUBzxaoIwVLoBbTDTXaOS5MvYNVlZbE2MtMMEoy3f5QaeYwIz6ZHPAzGqtJ9KksTU1RohVjxGbUABN2FtVE6t20dnH5tGPtu3qt6WldXNbVrTOpu7JzY/Hn/h6O9X19El94IC0bdXCrdHmhqR+adrDLdUHwpNr6+iTTVNnzdC7m6aKc3tfWLRya9/BV+a0dbY0z4+ti9TNWJBaeHDiohfUCx+frFilrllYNy1VVvx8dPTMtr+pvi9e4k9HOydO+Vr1r6K4lmSDtEVsNG0AO+Ehcczwq+4kmgrVkeAWw5uzGNhAhaFNERgPH3dn0TQwn7uaH1XVbGheNH16snE6VZuffPjhJ5tNnuT0h5985OFG/sTrfh23LsnzWP9XEbmLHMxFqiZjj6TI1J+pqTRjNrIG3quswbWvrLLWZbwl7F0vvFvixXdLgsgRtawDzMp7XqwseYBld6W87A7MbybKXwUSajS/QYx1ypVhAG4WYJWrlAN2EK2gtwY5IOrRZFY2UFlj7KarJcoBiVodTot7WGCce4gYyuUxQzLRlGQRnYOeFXbRs3pdtlXfT58X6rELMHvmB9dObTodXul5btG2n/2XLX11Kz3/svHEdZoRdrDvLtDrpPuz/0NfQbuF8bQ7u/AUlXZtmDPvrec2v/nahv9Gbbh+IfGYsJntfZeQp0laFo2qhEwx2wFhNbgZLz+2wnGP1em1AM3CbKvDzYsT3W7Wamryg621cFtbinG3G9nd7i1mqrTYi3GryWaXci1glYObE7GqGh61MjMT+gU1twjf+540a826nd97at789vb5c9ulga50xzezb81tp5lVLV0r1M4ugH8iyYj7pS6IPeyEeGnQSs3870S6fJl+mjYs89Nn+YGwkX40R1+sr5hDL+SOjFrZj1i9rYmMzVXbgruN/EGYU2H0oLj705KY69fItaM0su4jqVgVFqrZf6Hf+/N6hqRhvF1K7iZHC3F3WRj5WA0mtTJ4O1yGQIXRoylOZJS7GY8rmIevL8DYpQZjs07PGnjDx9/wDWNsbP10W3OMXapoRTZW5a6FgimsDc/IdpfI1zWMyR6TlWBpvHY3uqZOiy/F1KIm0VQhPlcilajksPUVSwYCkyRes3EHPo/QlbRp/ZPvb/lgz3rXrOqp0Vp3xeRJDZfvxOk3N4s/uNq1QtLn0536fKFaECRnIBaqbQzIbL03mgRxGegsETwJtj6mfnzk72LComwU/s0krF8PPLZIPCqcgjWxEB+ZQ7h4eLhIYF4k4zA2C/1MJqxcJnhhIdITxQGz80VWTMjLZsHDi2ywqc7EEnfeGkP95aduFgmv6ZmM/uqTy+e2fPe7c1s6pU9XwetMZtXc5fBWZyevFWe9dasAlyLyH40okVeLq/YkhhBo7yVWQCC5wDscas1myQDXOTS44BiBM5x2MkfAKaKPDU4C87hdwOtomhUeaPKS86G2Oyw9z7XeqarQrtI2fbuq/4xinViFsETYI5cRP+Z00JM1fNe8biwgP2qXB6VcX1Yet4pDzPm53Vneoe4snvxk3VkVtHdm59QZC6V1rj3dq9+cqh+lq4Ul9Nq8GVMXtExbuWVHZ8fX9Jc6kR9iQhvEmrXgVf6UpAMIZxGHc6i4Xa2IZ0T+pljB9ueQLtZ4xmYAX8XWnnJwveAuZDz8mLJ0VU7snPhJMZcx9EKdHmwhtvoDJRWMKayYhpFLuctQklKLPGoxa8sK5LqyDB3pB1wZqgGetYqt8e2asbRz7tzFi6ZO+Q/rPC/e2Ne95c31K9Ji65p5zTPnS50PdTen7u1Ysa5j3fQpv1j14rqvuI9Ng3QbJXt1VVpP58zTT2OuKXuB5ZoU8tDtuSaWj/UM7l4LLBubyzhhytiisEplWEoXC79G5p0grlCMzNOpZUsw1ZqfeZqX3cngn6Mfl7BusggrfXnZqZV1ldqYqrY52EYe43XHOc3u7jdqNFklPWdqbw1JRlhODf+vqpnjotJbwpSV+1btU38vfnaUPrrvxlPyT248Ja7sZ9dM0y10h7AGfJ6qXGR854ZO78i2FMEx1IhCiapvoJ/c4rYiTXFehmgnzmEdqs78DlVRTf/4vH6MFk/QP8TfrwWe5j1U9cRopONsepsBw2kayHa5PkpMGK+d9vEa06bOgTYxBrqEgC+w1agf/Ovheg67yTJOQ8+xKsKMjes52zA9N1hLKJgt4shaQgVMPpKismaoJ+oIDRw9qv/hyIoudeVKtUv6dI2qrlmtqqtndXbOmvPss6jjVoONvzZo4620yUqr2d/VtEE/vYw+q/+QBvjhcog7LLSbvjhH9+nVcwaP2HiS2WBbtwN+JuatBsgPefU9MOsdKJc2i8Z2YMbmtdp5XMUlXnUBUwXz6IoJVeAn1ZdArwjfsCfY7gMEMJ4e2WLz8s5L5Ho5pdkx5+BPsZpSnmlgC4JiVp3f2TgbVmituPZbA11gG5994ok1uk4F2Vizz56T3Y03PtwjTsk2dnZ3d9JZzD/Ox7OC9BhdYZiIzpRxFD8H3Yw7KJmddTg4AT8d6kZlyZVh6IIXn/EaGo97D8aohBJeFili85RsZQ4DtpR52TacU0lbgmUsHVFmY8RQ3YrmLEndgRiFlDtSJSyuXTzQBU7dwdv0/HDyRJjS/2bLQyt/suO7HTP1rZ15vBAh1WQMSdAikq5HXqhOMgugRpO3G4F0LLcVkqmJV8eAHe5KZmo4O4xOZMQKfO92M5Gx2mIB+MBqmIrkVzYV6KpBWKqOTWTu5m/EEto4w3wc4OYDCxy1YkwuV6e0+lJww6I1cXTD7lbYDIaaet4KXBGH54aUFstZGlCY8A7aGgVsjRrAkQ1fxuJYb2PVO5kgupMtFX18iIHvaJWyYwqwNOiAFrA1jZKb9aSthrXCMokoejdx8FP701ZWQGB1gra/J47NaqwbDZRxJTZEY/SObWmVw9rScBcp1402FhN+pSm1ESI0dygcrccab80L5NRq7mJDhqLY0Ou9q5YFL8FxTeObxscYXYJRozVNNrssfsOBiyWDrDttSPu35BrRZguvYyPa4e4u28RQo78WZOsp1ogmWS7/ZNvZgWltDz3UNu31HfObJrBOtAfW/PdD67ATLTi8E23qppN90hUji4pyz/uXzJ8SmdiI8/YOJvtQ64crjkqbaBRrqJ1DHUxYrTasi+kjLF3T385vZTJvm6fvu+fmCWxoyr+mtdA1zQWueXvXlAisNLJzag1zNvL7p6iOjsc/kxG44qyp267rHLquO87svEaxKrsoD1cIEmNmMR/bk3QabV7Rd3pKPr7yKdypnv/22zff5j1cxrV3wbVLQb9+feS1y3LXVkNxzSH397gdIRxsJLMqcp5ypthbV5HSQn6MsVAKHZhGwJx+3mJMEpKJYCCY4Gl9pgW9+fD+UI42tCTntC0aM33Cgtk7JixdOjZ6v8c3DHrd1nBvQ2MTfXzWnsZkqvpmNyIh5eHgAv+tJBc7DGFRlIeF6kxqfjuGEizwt5zTHEHW5Mm6eMDVwWjfYWH0Vb2KRhXQO0G+A0uLWDXdIFYeI9UDhPfk8j9DGP0K8z+LrIhBK08FDSLyKX7SjPALs9khGcLjMuM/D6zHsjtyIDijmCfFWWTh+KAvU4b7ysYGgdEEbmQ1WIFlCEsqrcA5lFlvg3e1cAC0ga3IbWfaYIiRBZbOQ3EfzGaM5Ovep2fMfPrpba6m6lhTU6w6n8GFxm3wyZJLMxsbZzahP0aIpY75th7sQnKwySnJ4U1kLrcD8XOx3i7HINN743xvXjKxGURjGxpoJBjxGg8D2PeEXTOz3b8UFs/O/uS6sHLmwJG92QdUKgCYnw62lBnA4Z7QRH2D0ecXwr4NNi2oQLtfyWC7X5iVUwa/Ursf9QbFO7b80ePg/Rbu+8sGDZ+Y95f0gW6wA+X+6os679xf1HmHu+NWwroJRnTg4YyivC687HRQlo8NEo7ryZHwPPyXgGcEHGiJ8+F4C1WnNgiIvHNQb+bDonwxbTxfBIv3jrSxCqBc84EKGLp1CKycXmU+K4drF8DlAynu+nzIMKkcTmpFoJKCiVyN9J3BVImb+wBKkDV8YjKmJMgrqFG2sV9WUbQib2okFiSnoUYZWisfIxtXUHQx01lDeHFF1ZzTUcKtCxCorQWa435HtTHhxsS2tC0ss2jmvV6aWWJFjdjwAJyF+x7VaH63H+GsdGMLa/kDXwgX8iudDz1pPF8LM6rRIwZLGGdEGHfDn0Y4J8YMMaMzxczOaWMtKdgngoP4rOgSYVoPoWQWFKP2ebC4j6z4P05/+8jgqt7YZJxbvLUVzj0F1tbMVveveGcaGy+GCynzhRQSLIFmYZqjx2S3gMmkQewG4FvN7A1YQLZ6Cisj5uslGEuDcAi59Vr0CG4f7D0iPfIkMyJ8TW7MQZiMF1weiNEr7CBl5ElerYP772kJuS4EXEeJTQJPv5QNPoTIhhVr2VnFDrayhhJpp52lzUohQLCzxJYdc0NGjyuuRcVgE6SZ2XelMddcXEsV71DLGjJdXouxfvzIUJMx9ehXhPd2CatyvcbCe9mTuXZjvWEXi5Oxv5DRuYwsHN5hCEpZc4IrojhLgIwBdEXKC7UcYrmZgGNsMIWb13yolQTwTQjbNCd2hXl9+Q2JBT0V3qXYWtBFye9dHOmh8D0e1pNn/pTlIoJYI1mgm7G4UDdjyMhAvIolCL7Al+lnRD1+555G2oJC+EWdjeILXNv/r4Yddf/nwN7HBP6LgBe2GhZiOOyhO8BeUgj28P8P2NFGfA7wEcNkfCH4x3KWJAf/LgZ/LdYQ3wa/WhPXQiAKZaEaEIUqebCifgRCdcMQqhyOkFZTBUe+WjgKYVlUReWdkCwoG3dG+l8LyssXUuDT22VIGkYLnDbRWYga0bhaktQqQAMHErl5EwYlMJkXCrJSGiyfiATZ5NAcfViXJY6NswgeR25eSA+YLeeXWHsLNbT2qJzG/hw+8DNbShdxe/uFtLgy3P7mzx/0kbSdGqWQRr3f2IYmlkvEPUPsE9uod3yf/phu6tI76MYufan+zEq6kf5opf5t9kfvWIlfYXLuunVI3sTmT4VJlHybpN2UdwuzbVRsIQ7Z+NA98Zzm87IhU5gXA7vBhu75MAVDvWyM1KsWt0cOlvL6EzbgmGjlGBISD3weUg5Q0e60BKL4BZkPm5pMa9goFVaCwo7AGPuCtCYGhIbwgyjjYq6zb9CLQK+6d48982tVr9X365cunl3y9+K3d/Xrn+o/v7a7b4A+/Z26vou0Dsl67Gj72xf1D5Gyap847cJusW0j1TdnHauRwH07mM1kPaagI5zgQ95XqMvUU6jL1Gt0mfbYHby4ZmSjKarhvGZTGkW9W7DlVH7KULb/02BBtZoPy3amRwsCY+rgyjMfFm9hWHyFYPF/ESw8UZEHzceGXiwMzrYhtxp4lMO0C2AKkHLSdjtU6HSVJcGjQl+GqhX5IKKoe0HqvbyOvjTIeitygFey/Blz/rXSYl44ORJ2z0gHOg+Ny8P858LIHBvpS7PeW6AxemyNI7tv+cRAa4I14LqMBlxNwK7mAi246BTnteHyfFNeM64kjIibLjE/MYT9b4MTOjJ2nmqyW/szYoiPBbEO2kgHwCE4E4lcrsSsGEFxyKkMDuYpPL7gSFmh+QX6ZZxgoL8o+AYnGFCSgjVeZ7aBvdtK0nchZEwRKcZmHNbA9kCwbsFiwH7w+3jnGxi9u5gbGytic6dIEHso8MiHOqqov8fi9MFvwvBxOM66+cJsWHc4aGU7smggwzE2LQ7Ii16h05diU1sCKVZehzn/ckWzhFO5jjkTTyB7/D4Sa2Tp5VhjgCf4XVIZLkpqNj1+SH978z5998c7/nhJXf7Ktmea/qap2mM7KAb30bgQop8dfndZXP9g51X9Vdu+91/Zd9SREXZ3dmyujs+fvKrksZvdYpDzPuu3NF1ifbaVuAf9uZ22kTt22lYZnbavYqdtWcVX7rXFrGrhftu5qOIKN92KIaNfeCQej//ZeBxgeJSzYkerolZ8VXRAbgqj82smQ4XxESr4tvEIfKq+EJ/oHfEZ9RfCh+nXwhhJ9CGmau+AUzPTtbxPKYfXBsCrhiTIpny8Rg/Da6wF/S4Mw3pKAlGQsQr0QpN8ChyXRoZovYEobvXECE+j2ZTXREegpKJm9FiGr0crLUP9NnZ0HsZatALEUakB9zRQovCvFKBCzjdN5vum4p26xFeiazoOXNP66RP+I3NNG6KTvaMK946LF+wNKfBI22btGZ+8d1T2kcHOKCmPTiFSTeLkhXxKlQ2jVBQoVR/HSqdaO7buUnUso1IJqCelBFVaANRWiUGvSk6vnjqrDT6pCTJfvy7YrzVgoxASwluMZUxKWiyLptiNInpMjtp6JtHRss9nGW+uRtGbRyA6WMI4jFRG9aJ1kDZ7MB8xrvHh4USSZF7WmBVyDLV7qM5RGiYnNWQs2fm5kgK+e2Y0z2/H45lKI7/dkC894MVn7uKp7rvYjiIWNuKr6AjJSsCL+rtQ45X4RlWjYGm2KPrzzJQOEy4tDoyXroqWpVJfKGiD2fHxg+nxwmK3uf3Rme3tLz/V2lQdu+eeWPUdxO8gZtKXPL2MJ8xzMii3iBfIXSRJ7kXOqkF/P5LU7mbZG1bPqHqSmsXcr96TyIiJGiyrDyQ1Ue5XxwF/TeBNpe5+7CiN4/6Grz8djKPhC/qtdWzm/WhMi7DxenFFE2vYZkeP7DZFGSMl7satwrLyqDHk35RSLcwWOhVe5sIazxrHmavMjeODiUBw/G0d8DH8Y1CJ0a7a6Ijv29r71MDuBd0vtf2ybtWVC+9lq4Udqxauxu74Dee3po4v3da/74WWuT95ee4coVgIuX/49JKf0tCWf5w75Tot3xWms2Zuz2uaT7e07ux/ecasWTO/9jxrnhdIo77BmJUwMsc/bGRCyeDIhC/I8RccmYB1LAXGJlxJbzp/++iE7FGe2Bf5DAKQB5xBUPHFUwgqC00hiHzlKQSYi/28SQQWZsMLjyMQ+rgR/98FOzPVnwP7t7jBLgw8PW9Y7OHwl5AIVgcNh78C4A9z+MOmfqMcbiT8WPBmIazuJR+P8OfhYWzS3nEeRCdmnr/Xd7rujnMhxF7DSGc/YTwuGbhsAFzKyCgyhrw8EpsqwKacY1Nu6lfvZrsNdxm7DfG46j+H+wc9lhL/0H1VhuOKJglD/NFgfLDkwIL7vMFSVgOeLg6Xo4hUQ8jnEdlgqtGK5qpIDaNK+edRZdAUccLkWaECJHoKc+BPPjI3R6HpuRr720gl+Qx7tBR5d/6QLRJuXSOEbmN1gnl7DkLenkPRnfYwXCgfW3v5/Jub+4zZB+1w0uBXOl9uD6Od8WxFr1GHaJwRYXwD/syAcw7bwxDy9jCKPm8PY6oRVS/vlQ4YHHNzj3Fu8ZYK557L+hwwkr4/f1KEOa76eM+Dm9eE5fU72Ov4SH635rKzWBoDabzs4IrBpUO5ZFjNLGNprvfykDfX/nAzioDkXg326psliAdGowddgfw7KterX4ubd3WsByrCb/dTw0cjsHkIEQjN0kVubB8EV+g10eXwBZWKEPJhKZabEq12FHyDklKmyBWI71kNdzJRLgdrYqZYdQ3OjawOmlggF60a1th/3heriPgqbBVC5279zDxau/TZ5avW0doW/dLrV/WLF8+P6PiXZJvVLbuFT/5539K9Xa2L527c27H7gm67oN82B4DNTIA1KAaZ/c93mJoAaGvl4FdXldeBbMbQr47fYYwCymUxWvLQmBROxMyYy6tidUgGu0cbVZ3KH66g1cWML2rlmPnFj+80cEEs5FXfNoVht9lI9NZPv29Bzpv2FJzNIH0wzJdm+pitP/A6vwfSjILTGgKFpjUEB29chJXovi81rwED2EIzGyLM9BUa3CBWMMP3vxpOUBGF4DzGzVwhQIXqnJEbDmsQ63oKwFpcCFbct7FQfrcnp8Jq/L8cwArTPgXHYXBlVBjmWbmwMwfzBrbnF8OuSAZzJAdzjdRfYOuP3fKKTRAqZze1Ykjg3Q7KKSvAVKOgFgAJpzdQhvJg8qg+LCGMDGFTeENwEMM7BJa3z/9Qh+13vMLE4H5PpNBUEJNleEj58JBykPLo4AYPZRTeDYJRwpejRAgoAV6JK6mVg6a28b0OykKjHotCgTTOIAuSApwePZWmAGa/giz7VRnkGx6I66tmm1DkRX2pBcLwUvaJxeVVbL2xXKjAeudFjgYFhix2Hi1WcqXvGER+V85S51MhadhokuOGffm9cbm9DryvQRDnE7J8r9nen7uNQCCOuV7GyNI51ZXAWx1ga2ho6J4CBW6pMFUqzi7n84T4P5pRVf2EMVdInGkccBjct9LSFPGKsS+yLLcvAithHZzYEpKGdkaKhnZGir76zsir1O4UcxsjmoUNbmA3F8PIA7dGmI0ytkbQJw4EWYWm+wcdYK3S61d+c9Ui/fz5/Wue77yP/rplUfeRF2e2dR8Z5/lB9+vnaWzJyrl/162e1995/EdC3aIWemriMf2bjfR498IZaJPYvA3QGUWA7YOFJm74Ck3cYJ3phHedW5SM06V4vEOp//zZG6h6h+ZvPMMU7sghHNLrRqrwz4IHJ4AAJG7Fy0ygAsqsADy4MZI3D8TDNetIiMTDXKvmw+PH3eTb4QkUgid4G328fm6YC0PFw4QhuGbm0na3AfbhYMZONGDbALAVkyrytwV6WCrZCIJSO07HzWUiEVQ3VhP5g/kwq3bjpjJsxxSckCBPUIqsrjPI4rUek8uLO+OaJYQ9AU52Nyb09EsLIpVTG9WDymIIwwe4ruB9suNARdzGFA+P6JwV+GwSZt/sI6eT5Iaf3DadBEtz8yeUgFP9X3VtaE6J+EHOfhpzmoz5hvPJ546H/AtMa1K++rQmazBvRmT+uCbRoE3OfrTkUwdVJZgNn2E2eAEsGgsnn0gdMApg0VtJU5OZ9z4CFbGWXkwVIurtK5tP448G15ar/yFqS88MX1Q2u9rygVzLbN5GY7olTuAvzm1Fs1sh2XMFmlFbf8ZRVIyRLZvmxPf7w14wcnzfx4w5VDe2SSXSbh/r/fBgp1sCDlwQw6MR9IWxdcCPirgIudvnZ/5zmoRxPAl6z2Y5N6U/IAXzC+oiSlSWYiOGidMZvXRWmyTWZv9eWJx9Ufj+wHlpsf76G8YY7JHjxeVtG6grV50qrN8qFJ4zznwjs0u8QMrJXSSOEQNms3Cz0204BaolqcVyDkI9BP21ziCSphZTGGOZe4CTACrcTJKd3v60cxSr9XIAJTCn7ByFlChBSrjxnlCRKnaD4h7iZSNZ1VqPVjEK3oopGpUNBylZToPjq0fE9HJNzEVjeZGUiUf2GFB1Xp6yhloGc333vjz1ww1d70yYenHFUCwlzssl+3hQtWzBaUteaC90LFzYIQw6kCWYCBGNvdRdBCeFhzCKzN9NxULU4iTeE0n1JVjCjw827nHJeJteW5ANfXHBkzxUB45FQGYbEMLhxikqrjuOPxZG7gsPbcT+hms0+i1WwjdsQ7YlfzeYkq3SXLGWxft3EdUEvkSSty/Kuc45s9HuplGTYtzKjBmKrYZ5GAz0jXs+SOvFzaAD/KSBqJ64ZgKv2Wry4I1WZBam8PmwHhc6H34cxGM1hmZjx1IBj3cNd24fxx2TnHM72Xt7OPdn3mfyf9dviTBVIuy3wdt+y3+gwA/gK/z71CZMlT/93O/j7ayozfQR/wVeo0s8TnXQb7w/csT9VkfewRPiP7GLupddlmQhGs+ewr1x+P0bX/b3eIev1L/+XL8qfoo39Prtn33/UAHhF2ez67MpXoN3EOH37zYn8u/nBdA35TBI56ExmSPDztcA57N8ufMhPE3eIG24vFO/ehn/GGjFOXLsfIv0TeIEhp+ZlCKGqjlpIKmaCp1t0b++ol99F/8YaI41kKXkNF0jnpG6iZWMx75YA6hBgrPu2IyJiaXxxNJxJsLVBOuDNxpETwuX6dTL7+qHL4vSToB9x+XLXKdfBJ0eZfdUxbv+PWRUtCnhJMvAaY5AIpF3h9XyAsNH8D6OPl7Zxipz8+8hV13g6KLRtrtv+HPuvnINI56BDvUkI/hYv2olyWkjKUisXBvxaaqCmDKSmqCR6uny7+CIiu8MjahgvdlwnjXsPJHceVQhMfJUKmUnYkVs27AL9jsjumCZHDXduixNkWOkDu/TU8uyhWZjvJTHwgMz1Z/ULCZMcmcoqbU669TKJM5FUMuBD+5mWdmw0s/m44Sxs9NWh3ZvVC2AEEupRFFrUprHyp12p8JarbxNOEJqfGO0KenhG0FmUIsRc8SH20F+OEATyBo/xKb445Lwo3h7lFquXVq2/PjeQ16hNZ49IgiCHNcnBN/adbRz8R/0+HQhtqG2znWPDbwAOm5+up1efnOD7V6H+z7LhtNn21+bK+C92aYJe82T2Qz9AFnB5USzOoBLCA7ScPsSwCdG56uMt6l3edht6oOYKDaGYBS+BQNyErj8mYAxEoa3P/MbJjP/tQgTIzbjTgrGjRqokvRSNqETb5OhTBN69ffWCPed/3dKzq6R9Hf+Sr8smdauWQMm/kK2WpyP/t7ATjzGB+H3NRAPi4fx3r8KOFLi4YH78cFkYhb82czmXWM36/N85rVaxTOjmhJNDg6+roxrYTDoefOva77k/Gu8YTDWj1QX9feEqopddVoZyA/OzCv2s/uwaNVV4K+HKyr5LPovmJRNh02FGzk3m1575KlH4F/VwcITtIXHh49ShvVGGixjNAiT7xgUKE5+zuDv0q+AOC5r2LhpqoEuxzBtDpWkUnfGsgBuQuAOSA1cYSOQb91CXEz9Zps7RmZIiwiB50eEJDzLEEHnPv8H9vlf3f75/wdKQtxXeNpjYGRgYGBkz3myR+p/PL/NVwZ5DgYQOL2oThJG/5/19zbHc/ZvQC4HAxNIFACKiQ5kAHjaY2BkYGD/9nczAwOnyv9Z/2dyPGcAiqCAVwCwQQfneNptk19Ik1EYxp/vnPN9WxESImQEBRWMkCExxvBiBBLanws3iREREV2MEJYmRsiKkDFGiAyRCETYhVgUXQyvvIgIiS6i7KKrGCERQ6KLRBIKi9Pznm0wrMGP99vznT/veZ7vGDR+6ikZIrP4oAtYMRXESNZ/gmP+feRUAisqg1uCnsAU353m+FH1mNoQls119FOLk9/kMsmRDpIkw+RqUxuR8eSKrNFCUw+yOOdX7KYZRME/i6SfRsH0YE6/wWyQRI+fRcGrYUbV7UfzlnoX5oI1HAoGMRVUENHb/M9qLmLOnEe/XoLxL2HSP2y3wgm7YR4C5oH9YUbQqe7gLns+xZp3PYgHn7FgxnmGcdzUJVfjegNxFUPKjNGPXtxTYRQFvYxp7zVKwVFMim7SOCHzZI5aw7TuxBnvG9foxm1dtnX/hV3XX+0XvW7r7NOoZ7hmyt6mqw0vnfd8fkcOkAFTsT9ljPinVzFDf/Zx/EHul3Rz6L1o7L2sY8g67RWOkIg7C/emdsH5vYgq9aISD3rp13cMt6D3GfH9f4R+AZKF5NCOV7M1ZpFhfUTmmRVaOexG+mLtcFm0IVlIZmYRfU3f/yGYYAalRg7tqLDdYg451uek6vxv5bAbyTeN/c6PNiQLlzXrnuOIhKIcKz2tYt50oaB59tA20KpqCfB2SLoB/rDST4zxndyDJvItheHt5Z3Jkz4yyjuVJyeJ5PQ+DHySuaqKKFmQdaknQkUM6Jd87kaK+6aCGySK1F/Hhu3uAAAAeNpjYGDIgcI1DI8YDzCZMd1iLmGexLyF+RoLH4sPSw5LF8smlkOscqwOrBPYRNh82HaxS7Fbse/hkOOI4OjgWMZxguMZZxVXEtcUrn/cbtxd3Me4//Bk8Czg2cfzjVeLN4B3Eu8hPjG+OL5j/Er8U/iPCDAIyAm4CJQJLBM4JfBNkEfQTjBGsEJwmuAHIT+hSUIfhN2EZ4gIiMSIzBK5IcolqiI6Q/SRmJ5Yl9gTcQXxNvEj4v8klCSCJFokVkmck9SQdJGcJ/lC8oWUktQsaSPpdTJiMlYyf2TNZO/I2cjFybXJLZEPk8+T36PApRCncEfhl6KNYpniHMU9io+U9JSClI4pR6gYqBxS+aNqoVqmekPNRm2V2id1N/U+9SsaChp9Gts0HmjyacZoHtLS0GrTeqLton1Kx0+nSuebro1uk+4ZPRO9Ar19+l766wzEDJoMxQxXGbkYPTE2Mp5g/MEkzOSDqYSpk2mB6Q4zI7Md5jzmSeZ7LBwsjliyWdZYHrHisYqyumTNZJ1gvcfGy+aWrZVtku0CHHCf7R3bX3ZCdjp2PnY5dj12W+zu2DPZm9i3AeEq+wv2Fxw8HDY47HN0cFzmuM3xGAAdOJWyAAAAAQAAAOoASAAFAD4ABAACAAEAAgAWAAABAAFRAAMAAXjabZBPTsJAGMV/FTSaGFceYOJaGwGJElbGBOPCaIQDSKVgIy0KRcPO4+gdPAAn8CwufTMdME1MMzOv73vfn/cB2wypEFR3gA+dAgfs66/AG+zy5XGFPZYeVzng2+NNHvnxeAsT3Hu8JAveuWDCMwumJIykzDF86tRoccYphx63dP/hhsN1jvXVhc4ZqE5ELNxVtZnqxKR6DVdkPCg6VR97911sQKiYzRzrM9yt+8/cX6w3lvrVazvMFZu7fNsjF3vtYonYlDfhSPuaqFv+r9qU9Df0pLJ+QuehRZtbKY3zVLCWb7sNTZ2zgg3lviE+Ve0n8RNVH4odq3LkNCc6NZraX7M0STHHUWmOnjwnzvNqdiMvfceMpMvcFlY7M+qw0J0ry07UWed0eVG9RFo7q93oZSnbegh/Abs6WlV42m3QR0yTcRjH8e9TCoWy9xb3Hu/7tmW4W2jde+BWFCh1gBbrnhEVcERj4k3juqhxgSsa9aAG94gj6sGzOx7Uqxbfvzef5Mknz3N48uSHhb/12081/6tP4RYsRGAlkihsRBODnVjiiCeBRJJIJoVU0kgng0yyyCaHXPLIpwMFdKQTnelCV7rRnR70pBe96UNf+tGfAWjoGDhw4qKQIoopYSCDGMwQhjKM4bjxUEoZXnyMYCSjGM0YxjKO8UxgIpOYzBSmMo3plDODmcxiNnOYyzzms4AKsXCcBrZzg4N8YAd72cUhTnJCImjmHds4IFaJZI9E0cht3ouNw5ziJz/4xTHOcJ82zrKQReyjkodUcY8HPOURj3nCx3B6L3jGc87h5zv7ec1LXlHDZ77SxGICLGEZS6nlCHWsYDlB6gmxklWsDqe8hnWsZT0b2cBVjrKZTWxhK1/4xjXOc4HrvOGtREuM2CVW4iReEiRRkiRZUiRV0iSdFlq5zBXucJFL3GUnpyWDm9ySTMlit2RLjuRKnuTbQrUBTXNryjJTj6F0KF3KknYNTdOUutJQOpROpUtZqCxSFiv/3XOb6uqurturA/5QsKqyor7GXBk+U5fP6g0F69oHr/rD5zH/CGsoHUrnHzUimgoAAHjaRc69DoIwEMDxVrB8K9/GgQTnLi7uDkJMWIwTJCYOTr6Aqy4uJvosh5Px5fCAUrf+7v659EObO9AnKUDflTWlr6rOGS8X4FYFhHt83KoEGD+UBNQ0A4VvwEizL1EpIyPeWU+zt3ES0BD6WoAhtJXAGMESAbO/4Q03LFyanoCNsEwBpy1t6g/lBJeO0YPCVPzJa6tpd69W8gtOXOy8o6TfBdfmHwQY+A/JEBmcJSNkuJWMkdFScoaM5wMrCPkPjxJYkAA=) format("woff"); font-weight: normal; font-style: normal; } /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid silver; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url(5be1347c682810f199c7f486f40c5974.eot); src: url(5be1347c682810f199c7f486f40c5974.eot?#iefix) format("embedded-opentype"), url(be810be3a3e14c682a257d6eff341fe4.woff2) format("woff2"), url(82b1212e45a2bc35dd731913b27ad813.woff) format("woff"), url(4692b9ec53fd5972caa2f2372ae20d16.ttf) format("truetype"), url(9a17786234899efcc9639fcc31fcecf3.svg#glyphicons_halflingsregular) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-eur:before, .glyphicon-euro:before { content: "€"; } .glyphicon-minus:before { content: "−"; } .glyphicon-cloud:before { content: "☁"; } .glyphicon-envelope:before { content: "✉"; } .glyphicon-pencil:before { content: "✏"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "⛺"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "⌛"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "¥"; } .glyphicon-jpy:before { content: "¥"; } .glyphicon-ruble:before { content: "₽"; } .glyphicon-rub:before { content: "₽"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ""; } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: " —"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; display: table-column; float: none; } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date], input[type=time], input[type=datetime-local], input[type=month] { line-height: 34px; } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 30px; } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 4px \9 ; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed; } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.form-group-sm .form-control { height: 30px; line-height: 30px; } select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.form-group-lg .form-control { height: 46px; line-height: 46px; } select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.33px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding: 48px 0; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail a > img, .thumbnail > img { margin-right: auto; margin-left: auto; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: "‹"; } .carousel-control .icon-next:before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9 ; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " "; } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* CharityClub Nonprofit HTML5 Template */ /************ TABLE OF CONTENTS *************** 1 -> Basic margin padding 1.1 -> Basic Margin 1.2 -> Basic Padding 1.3 -> Margin top 1.4 -> Margin right 1.5 -> Margin bottom 1.6 -> Margin left 1.7 -> Padding top 1.8 -> Padding right 1.9 -> Padding bottom 1.10 -> Padding left 2 -> lg: min-width:1200px 3 -> md: max-width:1199px 4 -> sm: max-width:991px 5 -> xs: max-width 767px 6 -> xxs: max-width 479px **********************************************/ /*** ==================================================================== 1.1 -> Basic Margin ==================================================================== ***/ .m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-30 { margin: 30px !important; } .m-40 { margin: 40px !important; } .m-50 { margin: 50px !important; } .m-60 { margin: 60px !important; } .m-70 { margin: 70px !important; } .m-80 { margin: 80px !important; } .m-90 { margin: 90px !important; } .m-100 { margin: 100px !important; } .m-110 { margin: 110px !important; } .m-120 { margin: 120px !important; } .m-130 { margin: 130px !important; } .m-140 { margin: 140px !important; } .m-150 { margin: 150px !important; } .m-160 { margin: 160px !important; } .m-170 { margin: 170px !important; } .m-180 { margin: 180px !important; } .m-190 { margin: 190px !important; } .m-200 { margin: 200px !important; } /*** ==================================================================== 1.2 -> Basic Padding ==================================================================== ***/ .p-0 { padding: 0 !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-50 { padding: 50px !important; } .p-60 { padding: 60px !important; } .p-70 { padding: 70px !important; } .p-80 { padding: 80px !important; } .p-90 { padding: 90px !important; } .p-100 { padding: 100px !important; } .p-110 { padding: 110px !important; } .p-120 { padding: 120px !important; } .p-130 { padding: 130px !important; } .p-140 { padding: 140px !important; } .p-150 { padding: 150px !important; } .p-160 { padding: 160px !important; } .p-170 { padding: 170px !important; } .p-180 { padding: 180px !important; } .p-190 { padding: 190px !important; } .p-200 { padding: 200px !important; } /*** ==================================================================== 1.3 -> Margin top ==================================================================== ***/ .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important; } .mt-160 { margin-top: 160px !important; } .mt-170 { margin-top: 170px !important; } .mt-180 { margin-top: 180px !important; } .mt-190 { margin-top: 190px !important; } .mt-200 { margin-top: 200px !important; } /*** ==================================================================== 1.4 -> Margin right ==================================================================== ***/ .mr-0 { margin-right: 0 !important; } .mr-5 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } .mr-160 { margin-right: 160px !important; } .mr-170 { margin-right: 170px !important; } .mr-180 { margin-right: 180px !important; } .mr-190 { margin-right: 190px !important; } .mr-200 { margin-right: 200px !important; } /*** ==================================================================== 1.5 -> Margin bottom ==================================================================== ***/ .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } .mb-160 { margin-bottom: 160px !important; } .mb-170 { margin-bottom: 170px !important; } .mb-180 { margin-bottom: 180px !important; } .mb-190 { margin-bottom: 190px !important; } .mb-200 { margin-bottom: 200px !important; } /*** ==================================================================== 1.6 -> Margin left ==================================================================== ***/ .ml-0 { margin-left: 0 !important; } .ml-5 { margin-left: 5px !important; } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } .ml-160 { margin-left: 160px !important; } .ml-170 { margin-left: 170px !important; } .ml-180 { margin-left: 180px !important; } .ml-190 { margin-left: 190px !important; } .ml-200 { margin-left: 200px !important; } /*** ==================================================================== 1.7 -> Padding top ==================================================================== ***/ .pt-0 { padding-top: 0 !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } .pt-160 { padding-top: 160px !important; } .pt-170 { padding-top: 170px !important; } .pt-180 { padding-top: 180px !important; } .pt-190 { padding-top: 190px !important; } .pt-200 { padding-top: 200px !important; } /*** ==================================================================== 1.8 -> Padding right ==================================================================== ***/ .pr-0 { padding-right: 0 !important; } .pr-5 { padding-right: 5px !important; } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } .pr-150 { padding-right: 150px !important; } .pr-160 { padding-right: 160px !important; } .pr-170 { padding-right: 170px !important; } .pr-180 { padding-right: 180px !important; } .pr-190 { padding-right: 190px !important; } .pr-200 { padding-right: 200px !important; } /*** ==================================================================== 1.9 -> Padding bottom ==================================================================== ***/ .pb-0 { padding-bottom: 0 !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } .pb-160 { padding-bottom: 160px !important; } .pb-170 { padding-bottom: 170px !important; } .pb-180 { padding-bottom: 180px !important; } .pb-190 { padding-bottom: 190px !important; } .pb-200 { padding-bottom: 200px !important; } /*** ==================================================================== 1.10 -> Padding left ==================================================================== ***/ .pl-0 { padding-left: 0 !important; } .pl-5 { padding-left: 5px !important; } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; } .pl-160 { padding-left: 160px !important; } .pl-170 { padding-left: 170px !important; } .pl-180 { padding-left: 180px !important; } .pl-190 { padding-left: 190px !important; } .pl-200 { padding-left: 200px !important; } /*** ==================================================================== 2 -> lg: min-width:1200px ==================================================================== ***/ @media (min-width: 1200px) { /*** ==================================================================== 2.1 -> Basic Margin ==================================================================== ***/ .m-lg-0 { margin: 0px !important; } .m-lg-5 { margin: 5px !important; } .m-lg-10 { margin: 10px !important; } .m-lg-15 { margin: 15px !important; } .m-lg-20 { margin: 20px !important; } .m-lg-30 { margin: 30px !important; } .m-lg-40 { margin: 40px !important; } .m-lg-50 { margin: 50px !important; } .m-lg-60 { margin: 60px !important; } .m-lg-70 { margin: 70px !important; } .m-lg-80 { margin: 80px !important; } .m-lg-90 { margin: 90px !important; } .m-lg-100 { margin: 100px !important; } .m-lg-110 { margin: 110px !important; } .m-lg-120 { margin: 120px !important; } .m-lg-130 { margin: 130px !important; } .m-lg-140 { margin: 140px !important; } .m-lg-150 { margin: 150px !important; } .m-lg-160 { margin: 160px !important; } .m-lg-170 { margin: 170px !important; } .m-lg-180 { margin: 180px !important; } .m-lg-190 { margin: 190px !important; } .m-lg-200 { margin: 200px !important; } /*** ==================================================================== 2.2 -> Basic Padding ==================================================================== ***/ .p-lg-0 { padding: 0 !important; } .p-lg-5 { padding: 5px !important; } .p-lg-10 { padding: 10px !important; } .p-lg-15 { padding: 15px !important; } .p-lg-20 { padding: 20px !important; } .p-lg-30 { padding: 30px !important; } .p-lg-40 { padding: 40px !important; } .p-lg-50 { padding: 50px !important; } .p-lg-60 { padding: 60px !important; } .p-lg-70 { padding: 70px !important; } .p-lg-80 { padding: 80px !important; } .p-lg-90 { padding: 90px !important; } .p-lg-100 { padding: 100px !important; } .p-lg-110 { padding: 110px !important; } .p-lg-120 { padding: 120px !important; } .p-lg-130 { padding: 130px !important; } .p-lg-140 { padding: 140px !important; } .p-lg-150 { padding: 150px !important; } .p-lg-160 { padding: 160px !important; } .p-lg-170 { padding: 170px !important; } .p-lg-180 { padding: 180px !important; } .p-lg-190 { padding: 190px !important; } .p-lg-200 { padding: 200px !important; } /*** ==================================================================== 2.3 -> Margin top ==================================================================== ***/ .mt-lg-0 { margin-top: 0 !important; } .mt-lg-5 { margin-top: 5px !important; } .mt-lg-10 { margin-top: 10px !important; } .mt-lg-15 { margin-top: 15px !important; } .mt-lg-20 { margin-top: 20px !important; } .mt-lg-30 { margin-top: 30px !important; } .mt-lg-40 { margin-top: 40px !important; } .mt-lg-50 { margin-top: 50px !important; } .mt-lg-60 { margin-top: 60px !important; } .mt-lg-70 { margin-top: 70px !important; } .mt-lg-80 { margin-top: 80px !important; } .mt-lg-90 { margin-top: 90px !important; } .mt-lg-100 { margin-top: 100px !important; } .mt-lg-110 { margin-top: 110px !important; } .mt-lg-120 { margin-top: 120px !important; } .mt-lg-130 { margin-top: 130px !important; } .mt-lg-140 { margin-top: 140px !important; } .mt-lg-150 { margin-top: 150px !important; } .mt-lg-160 { margin-top: 160px !important; } .mt-lg-170 { margin-top: 170px !important; } .mt-lg-180 { margin-top: 180px !important; } .mt-lg-190 { margin-top: 190px !important; } .mt-lg-200 { margin-top: 200px !important; } /*** ==================================================================== 2.4 -> Margin right ==================================================================== ***/ .mr-lg-0 { margin-right: 0 !important; } .mr-lg-5 { margin-right: 5px !important; } .mr-lg-10 { margin-right: 10px !important; } .mr-lg-15 { margin-right: 15px !important; } .mr-lg-20 { margin-right: 20px !important; } .mr-lg-30 { margin-right: 30px !important; } .mr-lg-40 { margin-right: 40px !important; } .mr-lg-50 { margin-right: 50px !important; } .mr-lg-60 { margin-right: 60px !important; } .mr-lg-70 { margin-right: 70px !important; } .mr-lg-80 { margin-right: 80px !important; } .mr-lg-90 { margin-right: 90px !important; } .mr-lg-100 { margin-right: 100px !important; } .mr-lg-110 { margin-right: 110px !important; } .mr-lg-120 { margin-right: 120px !important; } .mr-lg-130 { margin-right: 130px !important; } .mr-lg-140 { margin-right: 140px !important; } .mr-lg-150 { margin-right: 150px !important; } .mr-lg-160 { margin-right: 160px !important; } .mr-lg-170 { margin-right: 170px !important; } .mr-lg-180 { margin-right: 180px !important; } .mr-lg-190 { margin-right: 190px !important; } .mr-lg-200 { margin-right: 200px !important; } /*** ==================================================================== 2.5 -> Margin bottom ==================================================================== ***/ .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-5 { margin-bottom: 5px !important; } .mb-lg-10 { margin-bottom: 10px !important; } .mb-lg-15 { margin-bottom: 15px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .mb-lg-30 { margin-bottom: 30px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .mb-lg-50 { margin-bottom: 50px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .mb-lg-70 { margin-bottom: 70px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .mb-lg-90 { margin-bottom: 90px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .mb-lg-110 { margin-bottom: 110px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .mb-lg-130 { margin-bottom: 130px !important; } .mb-lg-140 { margin-bottom: 140px !important; } .mb-lg-150 { margin-bottom: 150px !important; } .mb-lg-160 { margin-bottom: 160px !important; } .mb-lg-170 { margin-bottom: 170px !important; } .mb-lg-180 { margin-bottom: 180px !important; } .mb-lg-190 { margin-bottom: 190px !important; } .mb-lg-200 { margin-bottom: 200px !important; } /*** ==================================================================== 2.6 -> Margin left ==================================================================== ***/ .ml-lg-0 { margin-left: 0 !important; } .ml-lg-5 { margin-left: 5px !important; } .ml-lg-10 { margin-left: 10px !important; } .ml-lg-15 { margin-left: 15px !important; } .ml-lg-20 { margin-left: 20px !important; } .ml-lg-30 { margin-left: 30px !important; } .ml-lg-40 { margin-left: 40px !important; } .ml-lg-50 { margin-left: 50px !important; } .ml-lg-60 { margin-left: 60px !important; } .ml-lg-70 { margin-left: 70px !important; } .ml-lg-80 { margin-left: 80px !important; } .ml-lg-90 { margin-left: 90px !important; } .ml-lg-100 { margin-left: 100px !important; } .ml-lg-110 { margin-left: 110px !important; } .ml-lg-120 { margin-left: 120px !important; } .ml-lg-130 { margin-left: 130px !important; } .ml-lg-140 { margin-left: 140px !important; } .ml-lg-150 { margin-left: 150px !important; } .ml-lg-160 { margin-left: 160px !important; } .ml-lg-170 { margin-left: 170px !important; } .ml-lg-180 { margin-left: 180px !important; } .ml-lg-190 { margin-left: 190px !important; } .ml-lg-200 { margin-left: 200px !important; } /*** ==================================================================== 2.7 -> Padding top ==================================================================== ***/ .pt-lg-0 { padding-top: 0 !important; } .pt-lg-5 { padding-top: 5px !important; } .pt-lg-10 { padding-top: 10px !important; } .pt-lg-15 { padding-top: 15px !important; } .pt-lg-20 { padding-top: 20px !important; } .pt-lg-30 { padding-top: 30px !important; } .pt-lg-40 { padding-top: 40px !important; } .pt-lg-50 { padding-top: 50px !important; } .pt-lg-60 { padding-top: 60px !important; } .pt-lg-70 { padding-top: 70px !important; } .pt-lg-80 { padding-top: 80px !important; } .pt-lg-90 { padding-top: 90px !important; } .pt-lg-100 { padding-top: 100px !important; } .pt-lg-110 { padding-top: 110px !important; } .pt-lg-120 { padding-top: 120px !important; } .pt-lg-130 { padding-top: 130px !important; } .pt-lg-140 { padding-top: 140px !important; } .pt-lg-150 { padding-top: 150px !important; } .pt-lg-160 { padding-top: 160px !important; } .pt-lg-170 { padding-top: 170px !important; } .pt-lg-180 { padding-top: 180px !important; } .pt-lg-190 { padding-top: 190px !important; } .pt-lg-200 { padding-top: 200px !important; } /*** ==================================================================== 2.8 -> Padding right ==================================================================== ***/ .pr-lg-0 { padding-right: 0 !important; } .pr-lg-5 { padding-right: 5px !important; } .pr-lg-10 { padding-right: 10px !important; } .pr-lg-15 { padding-right: 15px !important; } .pr-lg-20 { padding-right: 20px !important; } .pr-lg-30 { padding-right: 30px !important; } .pr-lg-40 { padding-right: 40px !important; } .pr-lg-50 { padding-right: 50px !important; } .pr-lg-60 { padding-right: 60px !important; } .pr-lg-70 { padding-right: 70px !important; } .pr-lg-80 { padding-right: 80px !important; } .pr-lg-90 { padding-right: 90px !important; } .pr-lg-100 { padding-right: 100px !important; } .pr-lg-110 { padding-right: 110px !important; } .pr-lg-120 { padding-right: 120px !important; } .pr-lg-130 { padding-right: 130px !important; } .pr-lg-140 { padding-right: 140px !important; } .pr-lg-150 { padding-right: 150px !important; } .pr-lg-160 { padding-right: 160px !important; } .pr-lg-170 { padding-right: 170px !important; } .pr-lg-180 { padding-right: 180px !important; } .pr-lg-190 { padding-right: 190px !important; } .pr-lg-200 { padding-right: 200px !important; } /*** ==================================================================== 2.9 -> Padding bottom ==================================================================== ***/ .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-5 { padding-bottom: 5px !important; } .pb-lg-10 { padding-bottom: 10px !important; } .pb-lg-15 { padding-bottom: 15px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pb-lg-30 { padding-bottom: 30px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pb-lg-50 { padding-bottom: 50px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pb-lg-70 { padding-bottom: 70px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pb-lg-90 { padding-bottom: 90px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pb-lg-110 { padding-bottom: 110px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .pb-lg-130 { padding-bottom: 130px !important; } .pb-lg-140 { padding-bottom: 140px !important; } .pb-lg-150 { padding-bottom: 150px !important; } .pb-lg-160 { padding-bottom: 160px !important; } .pb-lg-170 { padding-bottom: 170px !important; } .pb-lg-180 { padding-bottom: 180px !important; } .pb-lg-190 { padding-bottom: 190px !important; } .pb-lg-200 { padding-bottom: 200px !important; } /*** ==================================================================== 2.10 -> Padding left ==================================================================== ***/ .pl-lg-0 { padding-left: 0 !important; } .pl-lg-5 { padding-left: 5px !important; } .pl-lg-10 { padding-left: 10px !important; } .pl-lg-15 { padding-left: 15px !important; } .pl-lg-20 { padding-left: 20px !important; } .pl-lg-30 { padding-left: 30px !important; } .pl-lg-40 { padding-left: 40px !important; } .pl-lg-50 { padding-left: 50px !important; } .pl-lg-60 { padding-left: 60px !important; } .pl-lg-70 { padding-left: 70px !important; } .pl-lg-80 { padding-left: 80px !important; } .pl-lg-90 { padding-left: 90px !important; } .pl-lg-100 { padding-left: 100px !important; } .pl-lg-110 { padding-left: 110px !important; } .pl-lg-120 { padding-left: 120px !important; } .pl-lg-130 { padding-left: 130px !important; } .pl-lg-140 { padding-left: 140px !important; } .pl-lg-150 { padding-left: 150px !important; } .pl-lg-160 { padding-left: 160px !important; } .pl-lg-170 { padding-left: 170px !important; } .pl-lg-180 { padding-left: 180px !important; } .pl-lg-190 { padding-left: 190px !important; } .pl-lg-200 { padding-left: 200px !important; } } /*** ==================================================================== 3 -> md: max-width:1199px ==================================================================== ***/ @media (max-width: 1199px) { /*** ==================================================================== 3.1 -> Basic Margin ==================================================================== ***/ .m-md-0 { margin: 0px !important; } .m-md-5 { margin: 5px !important; } .m-md-10 { margin: 10px !important; } .m-md-15 { margin: 15px !important; } .m-md-20 { margin: 20px !important; } .m-md-30 { margin: 30px !important; } .m-md-40 { margin: 40px !important; } .m-md-50 { margin: 50px !important; } .m-md-60 { margin: 60px !important; } .m-md-70 { margin: 70px !important; } .m-md-80 { margin: 80px !important; } .m-md-90 { margin: 90px !important; } .m-md-100 { margin: 100px !important; } .m-md-110 { margin: 110px !important; } .m-md-120 { margin: 120px !important; } .m-md-130 { margin: 130px !important; } .m-md-140 { margin: 140px !important; } .m-md-150 { margin: 150px !important; } .m-md-160 { margin: 160px !important; } .m-md-170 { margin: 170px !important; } .m-md-180 { margin: 180px !important; } .m-md-190 { margin: 190px !important; } .m-md-200 { margin: 200px !important; } /*** ==================================================================== 3.2 -> Basic Padding ==================================================================== ***/ .p-md-0 { padding: 0 !important; } .p-md-5 { padding: 5px !important; } .p-md-10 { padding: 10px !important; } .p-md-15 { padding: 15px !important; } .p-md-20 { padding: 20px !important; } .p-md-30 { padding: 30px !important; } .p-md-40 { padding: 40px !important; } .p-md-50 { padding: 50px !important; } .p-md-60 { padding: 60px !important; } .p-md-70 { padding: 70px !important; } .p-md-80 { padding: 80px !important; } .p-md-90 { padding: 90px !important; } .p-md-100 { padding: 100px !important; } .p-md-110 { padding: 110px !important; } .p-md-120 { padding: 120px !important; } .p-md-130 { padding: 130px !important; } .p-md-140 { padding: 140px !important; } .p-md-150 { padding: 150px !important; } .p-md-160 { padding: 160px !important; } .p-md-170 { padding: 170px !important; } .p-md-180 { padding: 180px !important; } .p-md-190 { padding: 190px !important; } .p-md-200 { padding: 200px !important; } /*** ==================================================================== 3.3 -> Margin top ==================================================================== ***/ .mt-md-0 { margin-top: 0 !important; } .mt-md-5 { margin-top: 5px !important; } .mt-md-10 { margin-top: 10px !important; } .mt-md-15 { margin-top: 15px !important; } .mt-md-20 { margin-top: 20px !important; } .mt-md-30 { margin-top: 30px !important; } .mt-md-40 { margin-top: 40px !important; } .mt-md-50 { margin-top: 50px !important; } .mt-md-60 { margin-top: 60px !important; } .mt-md-70 { margin-top: 70px !important; } .mt-md-80 { margin-top: 80px !important; } .mt-md-90 { margin-top: 90px !important; } .mt-md-100 { margin-top: 100px !important; } .mt-md-110 { margin-top: 110px !important; } .mt-md-120 { margin-top: 120px !important; } .mt-md-130 { margin-top: 130px !important; } .mt-md-140 { margin-top: 140px !important; } .mt-md-150 { margin-top: 150px !important; } .mt-md-160 { margin-top: 160px !important; } .mt-md-170 { margin-top: 170px !important; } .mt-md-180 { margin-top: 180px !important; } .mt-md-190 { margin-top: 190px !important; } .mt-md-200 { margin-top: 200px !important; } /*** ==================================================================== 3.4 -> Margin right ==================================================================== ***/ .mr-md-0 { margin-right: 0 !important; } .mr-md-5 { margin-right: 5px !important; } .mr-md-10 { margin-right: 10px !important; } .mr-md-15 { margin-right: 15px !important; } .mr-md-20 { margin-right: 20px !important; } .mr-md-30 { margin-right: 30px !important; } .mr-md-40 { margin-right: 40px !important; } .mr-md-50 { margin-right: 50px !important; } .mr-md-60 { margin-right: 60px !important; } .mr-md-70 { margin-right: 70px !important; } .mr-md-80 { margin-right: 80px !important; } .mr-md-90 { margin-right: 90px !important; } .mr-md-100 { margin-right: 100px !important; } .mr-md-110 { margin-right: 110px !important; } .mr-md-120 { margin-right: 120px !important; } .mr-md-130 { margin-right: 130px !important; } .mr-md-140 { margin-right: 140px !important; } .mr-md-150 { margin-right: 150px !important; } .mr-md-160 { margin-right: 160px !important; } .mr-md-170 { margin-right: 170px !important; } .mr-md-180 { margin-right: 180px !important; } .mr-md-190 { margin-right: 190px !important; } .mr-md-200 { margin-right: 200px !important; } /*** ==================================================================== 3.5 -> Margin bottom ==================================================================== ***/ .mb-md-0 { margin-bottom: 0 !important; } .mb-md-5 { margin-bottom: 5px !important; } .mb-md-10 { margin-bottom: 10px !important; } .mb-md-15 { margin-bottom: 15px !important; } .mb-md-20 { margin-bottom: 20px !important; } .mb-md-30 { margin-bottom: 30px !important; } .mb-md-40 { margin-bottom: 40px !important; } .mb-md-50 { margin-bottom: 50px !important; } .mb-md-60 { margin-bottom: 60px !important; } .mb-md-70 { margin-bottom: 70px !important; } .mb-md-80 { margin-bottom: 80px !important; } .mb-md-90 { margin-bottom: 90px !important; } .mb-md-100 { margin-bottom: 100px !important; } .mb-md-110 { margin-bottom: 110px !important; } .mb-md-120 { margin-bottom: 120px !important; } .mb-md-130 { margin-bottom: 130px !important; } .mb-md-140 { margin-bottom: 140px !important; } .mb-md-150 { margin-bottom: 150px !important; } .mb-md-160 { margin-bottom: 160px !important; } .mb-md-170 { margin-bottom: 170px !important; } .mb-md-180 { margin-bottom: 180px !important; } .mb-md-190 { margin-bottom: 190px !important; } .mb-md-200 { margin-bottom: 200px !important; } /*** ==================================================================== 3.6 -> Margin left ==================================================================== ***/ .ml-md-0 { margin-left: 0 !important; } .ml-md-5 { margin-left: 5px !important; } .ml-md-10 { margin-left: 10px !important; } .ml-md-15 { margin-left: 15px !important; } .ml-md-20 { margin-left: 20px !important; } .ml-md-30 { margin-left: 30px !important; } .ml-md-40 { margin-left: 40px !important; } .ml-md-50 { margin-left: 50px !important; } .ml-md-60 { margin-left: 60px !important; } .ml-md-70 { margin-left: 70px !important; } .ml-md-80 { margin-left: 80px !important; } .ml-md-90 { margin-left: 90px !important; } .ml-md-100 { margin-left: 100px !important; } .ml-md-110 { margin-left: 110px !important; } .ml-md-120 { margin-left: 120px !important; } .ml-md-130 { margin-left: 130px !important; } .ml-md-140 { margin-left: 140px !important; } .ml-md-150 { margin-left: 150px !important; } .ml-md-160 { margin-left: 160px !important; } .ml-md-170 { margin-left: 170px !important; } .ml-md-180 { margin-left: 180px !important; } .ml-md-190 { margin-left: 190px !important; } .ml-md-200 { margin-left: 200px !important; } /*** ==================================================================== 3.7 -> Padding top ==================================================================== ***/ .pt-md-0 { padding-top: 0 !important; } .pt-md-5 { padding-top: 5px !important; } .pt-md-10 { padding-top: 10px !important; } .pt-md-15 { padding-top: 15px !important; } .pt-md-20 { padding-top: 20px !important; } .pt-md-30 { padding-top: 30px !important; } .pt-md-40 { padding-top: 40px !important; } .pt-md-50 { padding-top: 50px !important; } .pt-md-60 { padding-top: 60px !important; } .pt-md-70 { padding-top: 70px !important; } .pt-md-80 { padding-top: 80px !important; } .pt-md-90 { padding-top: 90px !important; } .pt-md-100 { padding-top: 100px !important; } .pt-md-110 { padding-top: 110px !important; } .pt-md-120 { padding-top: 120px !important; } .pt-md-130 { padding-top: 130px !important; } .pt-md-140 { padding-top: 140px !important; } .pt-md-150 { padding-top: 150px !important; } .pt-md-160 { padding-top: 160px !important; } .pt-md-170 { padding-top: 170px !important; } .pt-md-180 { padding-top: 180px !important; } .pt-md-190 { padding-top: 190px !important; } .pt-md-200 { padding-top: 200px !important; } /*** ==================================================================== 3.8 -> Padding right ==================================================================== ***/ .pr-md-0 { padding-right: 0 !important; } .pr-md-5 { padding-right: 5px !important; } .pr-md-10 { padding-right: 10px !important; } .pr-md-15 { padding-right: 15px !important; } .pr-md-20 { padding-right: 20px !important; } .pr-md-30 { padding-right: 30px !important; } .pr-md-40 { padding-right: 40px !important; } .pr-md-50 { padding-right: 50px !important; } .pr-md-60 { padding-right: 60px !important; } .pr-md-70 { padding-right: 70px !important; } .pr-md-80 { padding-right: 80px !important; } .pr-md-90 { padding-right: 90px !important; } .pr-md-100 { padding-right: 100px !important; } .pr-md-110 { padding-right: 110px !important; } .pr-md-120 { padding-right: 120px !important; } .pr-md-130 { padding-right: 130px !important; } .pr-md-140 { padding-right: 140px !important; } .pr-md-150 { padding-right: 150px !important; } .pr-md-160 { padding-right: 160px !important; } .pr-md-170 { padding-right: 170px !important; } .pr-md-180 { padding-right: 180px !important; } .pr-md-190 { padding-right: 190px !important; } .pr-md-200 { padding-right: 200px !important; } /*** ==================================================================== 3.9 -> Padding bottom ==================================================================== ***/ .pb-md-0 { padding-bottom: 0 !important; } .pb-md-5 { padding-bottom: 5px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pb-md-15 { padding-bottom: 15px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pb-md-50 { padding-bottom: 50px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pb-md-70 { padding-bottom: 70px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pb-md-90 { padding-bottom: 90px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pb-md-110 { padding-bottom: 110px !important; } .pb-md-120 { padding-bottom: 120px !important; } .pb-md-130 { padding-bottom: 130px !important; } .pb-md-140 { padding-bottom: 140px !important; } .pb-md-150 { padding-bottom: 150px !important; } .pb-md-160 { padding-bottom: 160px !important; } .pb-md-170 { padding-bottom: 170px !important; } .pb-md-180 { padding-bottom: 180px !important; } .pb-md-190 { padding-bottom: 190px !important; } .pb-md-200 { padding-bottom: 200px !important; } /*** ==================================================================== 3.10 -> Padding left ==================================================================== ***/ .pl-md-0 { padding-left: 0 !important; } .pl-md-5 { padding-left: 5px !important; } .pl-md-10 { padding-left: 10px !important; } .pl-md-15 { padding-left: 15px !important; } .pl-md-20 { padding-left: 20px !important; } .pl-md-30 { padding-left: 30px !important; } .pl-md-40 { padding-left: 40px !important; } .pl-md-50 { padding-left: 50px !important; } .pl-md-60 { padding-left: 60px !important; } .pl-md-70 { padding-left: 70px !important; } .pl-md-80 { padding-left: 80px !important; } .pl-md-90 { padding-left: 90px !important; } .pl-md-100 { padding-left: 100px !important; } .pl-md-110 { padding-left: 110px !important; } .pl-md-120 { padding-left: 120px !important; } .pl-md-130 { padding-left: 130px !important; } .pl-md-140 { padding-left: 140px !important; } .pl-md-150 { padding-left: 150px !important; } .pl-md-160 { padding-left: 160px !important; } .pl-md-170 { padding-left: 170px !important; } .pl-md-180 { padding-left: 180px !important; } .pl-md-190 { padding-left: 190px !important; } .pl-md-200 { padding-left: 200px !important; } } /*** ==================================================================== 4 -> sm: max-width:991px ==================================================================== ***/ @media (max-width: 991px) { /*** ==================================================================== 4.1 -> Basic Margin ==================================================================== ***/ .m-sm-0 { margin: 0px !important; } .m-sm-5 { margin: 5px !important; } .m-sm-10 { margin: 10px !important; } .m-sm-15 { margin: 15px !important; } .m-sm-20 { margin: 20px !important; } .m-sm-30 { margin: 30px !important; } .m-sm-40 { margin: 40px !important; } .m-sm-50 { margin: 50px !important; } .m-sm-60 { margin: 60px !important; } .m-sm-70 { margin: 70px !important; } .m-sm-80 { margin: 80px !important; } .m-sm-90 { margin: 90px !important; } .m-sm-100 { margin: 100px !important; } .m-sm-110 { margin: 110px !important; } .m-sm-120 { margin: 120px !important; } .m-sm-130 { margin: 130px !important; } .m-sm-140 { margin: 140px !important; } .m-sm-150 { margin: 150px !important; } .m-sm-160 { margin: 160px !important; } .m-sm-170 { margin: 170px !important; } .m-sm-180 { margin: 180px !important; } .m-sm-190 { margin: 190px !important; } .m-sm-200 { margin: 200px !important; } /*** ==================================================================== 4.2 -> Basic Padding ==================================================================== ***/ .p-sm-0 { padding: 0 !important; } .p-sm-5 { padding: 5px !important; } .p-sm-10 { padding: 10px !important; } .p-sm-15 { padding: 15px !important; } .p-sm-20 { padding: 20px !important; } .p-sm-30 { padding: 30px !important; } .p-sm-40 { padding: 40px !important; } .p-sm-50 { padding: 50px !important; } .p-sm-60 { padding: 60px !important; } .p-sm-70 { padding: 70px !important; } .p-sm-80 { padding: 80px !important; } .p-sm-90 { padding: 90px !important; } .p-sm-100 { padding: 100px !important; } .p-sm-110 { padding: 110px !important; } .p-sm-120 { padding: 120px !important; } .p-sm-130 { padding: 130px !important; } .p-sm-140 { padding: 140px !important; } .p-sm-150 { padding: 150px !important; } .p-sm-160 { padding: 160px !important; } .p-sm-170 { padding: 170px !important; } .p-sm-180 { padding: 180px !important; } .p-sm-190 { padding: 190px !important; } .p-sm-200 { padding: 200px !important; } /*** ==================================================================== 4.3 -> Margin top ==================================================================== ***/ .mt-sm-0 { margin-top: 0 !important; } .mt-sm-5 { margin-top: 5px !important; } .mt-sm-10 { margin-top: 10px !important; } .mt-sm-15 { margin-top: 15px !important; } .mt-sm-20 { margin-top: 20px !important; } .mt-sm-30 { margin-top: 30px !important; } .mt-sm-40 { margin-top: 40px !important; } .mt-sm-50 { margin-top: 50px !important; } .mt-sm-60 { margin-top: 60px !important; } .mt-sm-70 { margin-top: 70px !important; } .mt-sm-80 { margin-top: 80px !important; } .mt-sm-90 { margin-top: 90px !important; } .mt-sm-100 { margin-top: 100px !important; } .mt-sm-110 { margin-top: 110px !important; } .mt-sm-120 { margin-top: 120px !important; } .mt-sm-130 { margin-top: 130px !important; } .mt-sm-140 { margin-top: 140px !important; } .mt-sm-150 { margin-top: 150px !important; } .mt-sm-160 { margin-top: 160px !important; } .mt-sm-170 { margin-top: 170px !important; } .mt-sm-180 { margin-top: 180px !important; } .mt-sm-190 { margin-top: 190px !important; } .mt-sm-200 { margin-top: 200px !important; } /*** ==================================================================== 4.4 -> Margin right ==================================================================== ***/ .mr-sm-0 { margin-right: 0 !important; } .mr-sm-5 { margin-right: 5px !important; } .mr-sm-10 { margin-right: 10px !important; } .mr-sm-15 { margin-right: 15px !important; } .mr-sm-20 { margin-right: 20px !important; } .mr-sm-30 { margin-right: 30px !important; } .mr-sm-40 { margin-right: 40px !important; } .mr-sm-50 { margin-right: 50px !important; } .mr-sm-60 { margin-right: 60px !important; } .mr-sm-70 { margin-right: 70px !important; } .mr-sm-80 { margin-right: 80px !important; } .mr-sm-90 { margin-right: 90px !important; } .mr-sm-100 { margin-right: 100px !important; } .mr-sm-110 { margin-right: 110px !important; } .mr-sm-120 { margin-right: 120px !important; } .mr-sm-130 { margin-right: 130px !important; } .mr-sm-140 { margin-right: 140px !important; } .mr-sm-150 { margin-right: 150px !important; } .mr-sm-160 { margin-right: 160px !important; } .mr-sm-170 { margin-right: 170px !important; } .mr-sm-180 { margin-right: 180px !important; } .mr-sm-190 { margin-right: 190px !important; } .mr-sm-200 { margin-right: 200px !important; } /*** ==================================================================== 4.5 -> Margin bottom ==================================================================== ***/ .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-5 { margin-bottom: 5px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .mb-sm-15 { margin-bottom: 15px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .mb-sm-50 { margin-bottom: 50px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .mb-sm-70 { margin-bottom: 70px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .mb-sm-90 { margin-bottom: 90px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .mb-sm-110 { margin-bottom: 110px !important; } .mb-sm-120 { margin-bottom: 120px !important; } .mb-sm-130 { margin-bottom: 130px !important; } .mb-sm-140 { margin-bottom: 140px !important; } .mb-sm-150 { margin-bottom: 150px !important; } .mb-sm-160 { margin-bottom: 160px !important; } .mb-sm-170 { margin-bottom: 170px !important; } .mb-sm-180 { margin-bottom: 180px !important; } .mb-sm-190 { margin-bottom: 190px !important; } .mb-sm-200 { margin-bottom: 200px !important; } /*** ==================================================================== 4.6 -> Margin left ==================================================================== ***/ .ml-sm-0 { margin-left: 0 !important; } .ml-sm-5 { margin-left: 5px !important; } .ml-sm-10 { margin-left: 10px !important; } .ml-sm-15 { margin-left: 15px !important; } .ml-sm-20 { margin-left: 20px !important; } .ml-sm-30 { margin-left: 30px !important; } .ml-sm-40 { margin-left: 40px !important; } .ml-sm-50 { margin-left: 50px !important; } .ml-sm-60 { margin-left: 60px !important; } .ml-sm-70 { margin-left: 70px !important; } .ml-sm-80 { margin-left: 80px !important; } .ml-sm-90 { margin-left: 90px !important; } .ml-sm-100 { margin-left: 100px !important; } .ml-sm-110 { margin-left: 110px !important; } .ml-sm-120 { margin-left: 120px !important; } .ml-sm-130 { margin-left: 130px !important; } .ml-sm-140 { margin-left: 140px !important; } .ml-sm-150 { margin-left: 150px !important; } .ml-sm-160 { margin-left: 160px !important; } .ml-sm-170 { margin-left: 170px !important; } .ml-sm-180 { margin-left: 180px !important; } .ml-sm-190 { margin-left: 190px !important; } .ml-sm-200 { margin-left: 200px !important; } /*** ==================================================================== 4.7 -> Padding top ==================================================================== ***/ .pt-sm-0 { padding-top: 0 !important; } .pt-sm-5 { padding-top: 5px !important; } .pt-sm-10 { padding-top: 10px !important; } .pt-sm-15 { padding-top: 15px !important; } .pt-sm-20 { padding-top: 20px !important; } .pt-sm-30 { padding-top: 30px !important; } .pt-sm-40 { padding-top: 40px !important; } .pt-sm-50 { padding-top: 50px !important; } .pt-sm-60 { padding-top: 60px !important; } .pt-sm-70 { padding-top: 70px !important; } .pt-sm-80 { padding-top: 80px !important; } .pt-sm-90 { padding-top: 90px !important; } .pt-sm-100 { padding-top: 100px !important; } .pt-sm-110 { padding-top: 110px !important; } .pt-sm-120 { padding-top: 120px !important; } .pt-sm-130 { padding-top: 130px !important; } .pt-sm-140 { padding-top: 140px !important; } .pt-sm-150 { padding-top: 150px !important; } .pt-sm-160 { padding-top: 160px !important; } .pt-sm-170 { padding-top: 170px !important; } .pt-sm-180 { padding-top: 180px !important; } .pt-sm-190 { padding-top: 190px !important; } .pt-sm-200 { padding-top: 200px !important; } /*** ==================================================================== 4.8 -> Padding right ==================================================================== ***/ .pr-sm-0 { padding-right: 0 !important; } .pr-sm-5 { padding-right: 5px !important; } .pr-sm-10 { padding-right: 10px !important; } .pr-sm-15 { padding-right: 15px !important; } .pr-sm-20 { padding-right: 20px !important; } .pr-sm-30 { padding-right: 30px !important; } .pr-sm-40 { padding-right: 40px !important; } .pr-sm-50 { padding-right: 50px !important; } .pr-sm-60 { padding-right: 60px !important; } .pr-sm-70 { padding-right: 70px !important; } .pr-sm-80 { padding-right: 80px !important; } .pr-sm-90 { padding-right: 90px !important; } .pr-sm-100 { padding-right: 100px !important; } .pr-sm-110 { padding-right: 110px !important; } .pr-sm-120 { padding-right: 120px !important; } .pr-sm-130 { padding-right: 130px !important; } .pr-sm-140 { padding-right: 140px !important; } .pr-sm-150 { padding-right: 150px !important; } .pr-sm-160 { padding-right: 160px !important; } .pr-sm-170 { padding-right: 170px !important; } .pr-sm-180 { padding-right: 180px !important; } .pr-sm-190 { padding-right: 190px !important; } .pr-sm-200 { padding-right: 200px !important; } /*** ==================================================================== 4.9 -> Padding bottom ==================================================================== ***/ .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-5 { padding-bottom: 5px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pb-sm-15 { padding-bottom: 15px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pb-sm-50 { padding-bottom: 50px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pb-sm-70 { padding-bottom: 70px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pb-sm-90 { padding-bottom: 90px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pb-sm-110 { padding-bottom: 110px !important; } .pb-sm-120 { padding-bottom: 120px !important; } .pb-sm-130 { padding-bottom: 130px !important; } .pb-sm-140 { padding-bottom: 140px !important; } .pb-sm-150 { padding-bottom: 150px !important; } .pb-sm-160 { padding-bottom: 160px !important; } .pb-sm-170 { padding-bottom: 170px !important; } .pb-sm-180 { padding-bottom: 180px !important; } .pb-sm-190 { padding-bottom: 190px !important; } .pb-sm-200 { padding-bottom: 200px !important; } /*** ==================================================================== 4.10 -> Padding left ==================================================================== ***/ .pl-sm-0 { padding-left: 0 !important; } .pl-sm-5 { padding-left: 5px !important; } .pl-sm-10 { padding-left: 10px !important; } .pl-sm-15 { padding-left: 15px !important; } .pl-sm-20 { padding-left: 20px !important; } .pl-sm-30 { padding-left: 30px !important; } .pl-sm-40 { padding-left: 40px !important; } .pl-sm-50 { padding-left: 50px !important; } .pl-sm-60 { padding-left: 60px !important; } .pl-sm-70 { padding-left: 70px !important; } .pl-sm-80 { padding-left: 80px !important; } .pl-sm-90 { padding-left: 90px !important; } .pl-sm-100 { padding-left: 100px !important; } .pl-sm-110 { padding-left: 110px !important; } .pl-sm-120 { padding-left: 120px !important; } .pl-sm-130 { padding-left: 130px !important; } .pl-sm-140 { padding-left: 140px !important; } .pl-sm-150 { padding-left: 150px !important; } .pl-sm-160 { padding-left: 160px !important; } .pl-sm-170 { padding-left: 170px !important; } .pl-sm-180 { padding-left: 180px !important; } .pl-sm-190 { padding-left: 190px !important; } .pl-sm-200 { padding-left: 200px !important; } } /*** ==================================================================== 5 -> xs: max-width 767px ==================================================================== ***/ @media (max-width: 767px) { /*** ==================================================================== 5.1 -> Basic Margin ==================================================================== ***/ .m-xs-0 { margin: 0px !important; } .m-xs-5 { margin: 5px !important; } .m-xs-10 { margin: 10px !important; } .m-xs-15 { margin: 15px !important; } .m-xs-20 { margin: 20px !important; } .m-xs-30 { margin: 30px !important; } .m-xs-40 { margin: 40px !important; } .m-xs-50 { margin: 50px !important; } .m-xs-60 { margin: 60px !important; } .m-xs-70 { margin: 70px !important; } .m-xs-80 { margin: 80px !important; } .m-xs-90 { margin: 90px !important; } .m-xs-100 { margin: 100px !important; } .m-xs-110 { margin: 110px !important; } .m-xs-120 { margin: 120px !important; } .m-xs-130 { margin: 130px !important; } .m-xs-140 { margin: 140px !important; } .m-xs-150 { margin: 150px !important; } .m-xs-160 { margin: 160px !important; } .m-xs-170 { margin: 170px !important; } .m-xs-180 { margin: 180px !important; } .m-xs-190 { margin: 190px !important; } .m-xs-200 { margin: 200px !important; } /*** ==================================================================== 5.2 -> Basic Padding ==================================================================== ***/ .p-xs-0 { padding: 0 !important; } .p-xs-5 { padding: 5px !important; } .p-xs-10 { padding: 10px !important; } .p-xs-15 { padding: 15px !important; } .p-xs-20 { padding: 20px !important; } .p-xs-30 { padding: 30px !important; } .p-xs-40 { padding: 40px !important; } .p-xs-50 { padding: 50px !important; } .p-xs-60 { padding: 60px !important; } .p-xs-70 { padding: 70px !important; } .p-xs-80 { padding: 80px !important; } .p-xs-90 { padding: 90px !important; } .p-xs-100 { padding: 100px !important; } .p-xs-110 { padding: 110px !important; } .p-xs-120 { padding: 120px !important; } .p-xs-130 { padding: 130px !important; } .p-xs-140 { padding: 140px !important; } .p-xs-150 { padding: 150px !important; } .p-xs-160 { padding: 160px !important; } .p-xs-170 { padding: 170px !important; } .p-xs-180 { padding: 180px !important; } .p-xs-190 { padding: 190px !important; } .p-xs-200 { padding: 200px !important; } /*** ==================================================================== 5.3 -> Margin top ==================================================================== ***/ .mt-xs-0 { margin-top: 0 !important; } .mt-xs-5 { margin-top: 5px !important; } .mt-xs-10 { margin-top: 10px !important; } .mt-xs-15 { margin-top: 15px !important; } .mt-xs-20 { margin-top: 20px !important; } .mt-xs-30 { margin-top: 30px !important; } .mt-xs-40 { margin-top: 40px !important; } .mt-xs-50 { margin-top: 50px !important; } .mt-xs-60 { margin-top: 60px !important; } .mt-xs-70 { margin-top: 70px !important; } .mt-xs-80 { margin-top: 80px !important; } .mt-xs-90 { margin-top: 90px !important; } .mt-xs-100 { margin-top: 100px !important; } .mt-xs-110 { margin-top: 110px !important; } .mt-xs-120 { margin-top: 120px !important; } .mt-xs-130 { margin-top: 130px !important; } .mt-xs-140 { margin-top: 140px !important; } .mt-xs-150 { margin-top: 150px !important; } .mt-xs-160 { margin-top: 160px !important; } .mt-xs-170 { margin-top: 170px !important; } .mt-xs-180 { margin-top: 180px !important; } .mt-xs-190 { margin-top: 190px !important; } .mt-xs-200 { margin-top: 200px !important; } /*** ==================================================================== 5.4 -> Margin right ==================================================================== ***/ .mr-xs-0 { margin-right: 0 !important; } .mr-xs-5 { margin-right: 5px !important; } .mr-xs-10 { margin-right: 10px !important; } .mr-xs-15 { margin-right: 15px !important; } .mr-xs-20 { margin-right: 20px !important; } .mr-xs-30 { margin-right: 30px !important; } .mr-xs-40 { margin-right: 40px !important; } .mr-xs-50 { margin-right: 50px !important; } .mr-xs-60 { margin-right: 60px !important; } .mr-xs-70 { margin-right: 70px !important; } .mr-xs-80 { margin-right: 80px !important; } .mr-xs-90 { margin-right: 90px !important; } .mr-xs-100 { margin-right: 100px !important; } .mr-xs-110 { margin-right: 110px !important; } .mr-xs-120 { margin-right: 120px !important; } .mr-xs-130 { margin-right: 130px !important; } .mr-xs-140 { margin-right: 140px !important; } .mr-xs-150 { margin-right: 150px !important; } .mr-xs-160 { margin-right: 160px !important; } .mr-xs-170 { margin-right: 170px !important; } .mr-xs-180 { margin-right: 180px !important; } .mr-xs-190 { margin-right: 190px !important; } .mr-xs-200 { margin-right: 200px !important; } /*** ==================================================================== 5.5 -> Margin bottom ==================================================================== ***/ .mb-xs-0 { margin-bottom: 0 !important; } .mb-xs-5 { margin-bottom: 5px !important; } .mb-xs-10 { margin-bottom: 10px !important; } .mb-xs-15 { margin-bottom: 15px !important; } .mb-xs-20 { margin-bottom: 20px !important; } .mb-xs-30 { margin-bottom: 30px !important; } .mb-xs-40 { margin-bottom: 40px !important; } .mb-xs-50 { margin-bottom: 50px !important; } .mb-xs-60 { margin-bottom: 60px !important; } .mb-xs-70 { margin-bottom: 70px !important; } .mb-xs-80 { margin-bottom: 80px !important; } .mb-xs-90 { margin-bottom: 90px !important; } .mb-xs-100 { margin-bottom: 100px !important; } .mb-xs-110 { margin-bottom: 110px !important; } .mb-xs-120 { margin-bottom: 120px !important; } .mb-xs-130 { margin-bottom: 130px !important; } .mb-xs-140 { margin-bottom: 140px !important; } .mb-xs-150 { margin-bottom: 150px !important; } .mb-xs-160 { margin-bottom: 160px !important; } .mb-xs-170 { margin-bottom: 170px !important; } .mb-xs-180 { margin-bottom: 180px !important; } .mb-xs-190 { margin-bottom: 190px !important; } .mb-xs-200 { margin-bottom: 200px !important; } /*** ==================================================================== 5.6 -> Margin left ==================================================================== ***/ .ml-xs-0 { margin-left: 0 !important; } .ml-xs-5 { margin-left: 5px !important; } .ml-xs-10 { margin-left: 10px !important; } .ml-xs-15 { margin-left: 15px !important; } .ml-xs-20 { margin-left: 20px !important; } .ml-xs-30 { margin-left: 30px !important; } .ml-xs-40 { margin-left: 40px !important; } .ml-xs-50 { margin-left: 50px !important; } .ml-xs-60 { margin-left: 60px !important; } .ml-xs-70 { margin-left: 70px !important; } .ml-xs-80 { margin-left: 80px !important; } .ml-xs-90 { margin-left: 90px !important; } .ml-xs-100 { margin-left: 100px !important; } .ml-xs-110 { margin-left: 110px !important; } .ml-xs-120 { margin-left: 120px !important; } .ml-xs-130 { margin-left: 130px !important; } .ml-xs-140 { margin-left: 140px !important; } .ml-xs-150 { margin-left: 150px !important; } .ml-xs-160 { margin-left: 160px !important; } .ml-xs-170 { margin-left: 170px !important; } .ml-xs-180 { margin-left: 180px !important; } .ml-xs-190 { margin-left: 190px !important; } .ml-xs-200 { margin-left: 200px !important; } /*** ==================================================================== 5.7 -> Padding top ==================================================================== ***/ .pt-xs-0 { padding-top: 0 !important; } .pt-xs-5 { padding-top: 5px !important; } .pt-xs-10 { padding-top: 10px !important; } .pt-xs-15 { padding-top: 15px !important; } .pt-xs-20 { padding-top: 20px !important; } .pt-xs-30 { padding-top: 30px !important; } .pt-xs-40 { padding-top: 40px !important; } .pt-xs-50 { padding-top: 50px !important; } .pt-xs-60 { padding-top: 60px !important; } .pt-xs-70 { padding-top: 70px !important; } .pt-xs-80 { padding-top: 80px !important; } .pt-xs-90 { padding-top: 90px !important; } .pt-xs-100 { padding-top: 100px !important; } .pt-xs-110 { padding-top: 110px !important; } .pt-xs-120 { padding-top: 120px !important; } .pt-xs-130 { padding-top: 130px !important; } .pt-xs-140 { padding-top: 140px !important; } .pt-xs-150 { padding-top: 150px !important; } .pt-xs-160 { padding-top: 160px !important; } .pt-xs-170 { padding-top: 170px !important; } .pt-xs-180 { padding-top: 180px !important; } .pt-xs-190 { padding-top: 190px !important; } .pt-xs-200 { padding-top: 200px !important; } /*** ==================================================================== 5.8 -> Padding right ==================================================================== ***/ .pr-xs-0 { padding-right: 0 !important; } .pr-xs-5 { padding-right: 5px !important; } .pr-xs-10 { padding-right: 10px !important; } .pr-xs-15 { padding-right: 15px !important; } .pr-xs-20 { padding-right: 20px !important; } .pr-xs-30 { padding-right: 30px !important; } .pr-xs-40 { padding-right: 40px !important; } .pr-xs-50 { padding-right: 50px !important; } .pr-xs-60 { padding-right: 60px !important; } .pr-xs-70 { padding-right: 70px !important; } .pr-xs-80 { padding-right: 80px !important; } .pr-xs-90 { padding-right: 90px !important; } .pr-xs-100 { padding-right: 100px !important; } .pr-xs-110 { padding-right: 110px !important; } .pr-xs-120 { padding-right: 120px !important; } .pr-xs-130 { padding-right: 130px !important; } .pr-xs-140 { padding-right: 140px !important; } .pr-xs-150 { padding-right: 150px !important; } .pr-xs-160 { padding-right: 160px !important; } .pr-xs-170 { padding-right: 170px !important; } .pr-xs-180 { padding-right: 180px !important; } .pr-xs-190 { padding-right: 190px !important; } .pr-xs-200 { padding-right: 200px !important; } /*** ==================================================================== 5.9 -> Padding bottom ==================================================================== ***/ .pb-xs-0 { padding-bottom: 0 !important; } .pb-xs-5 { padding-bottom: 5px !important; } .pb-xs-10 { padding-bottom: 10px !important; } .pb-xs-15 { padding-bottom: 15px !important; } .pb-xs-20 { padding-bottom: 20px !important; } .pb-xs-30 { padding-bottom: 30px !important; } .pb-xs-40 { padding-bottom: 40px !important; } .pb-xs-50 { padding-bottom: 50px !important; } .pb-xs-60 { padding-bottom: 60px !important; } .pb-xs-70 { padding-bottom: 70px !important; } .pb-xs-80 { padding-bottom: 80px !important; } .pb-xs-90 { padding-bottom: 90px !important; } .pb-xs-100 { padding-bottom: 100px !important; } .pb-xs-110 { padding-bottom: 110px !important; } .pb-xs-120 { padding-bottom: 120px !important; } .pb-xs-130 { padding-bottom: 130px !important; } .pb-xs-140 { padding-bottom: 140px !important; } .pb-xs-150 { padding-bottom: 150px !important; } .pb-xs-160 { padding-bottom: 160px !important; } .pb-xs-170 { padding-bottom: 170px !important; } .pb-xs-180 { padding-bottom: 180px !important; } .pb-xs-190 { padding-bottom: 190px !important; } .pb-xs-200 { padding-bottom: 200px !important; } /*** ==================================================================== 5.10 -> Padding left ==================================================================== ***/ .pl-xs-0 { padding-left: 0 !important; } .pl-xs-5 { padding-left: 5px !important; } .pl-xs-10 { padding-left: 10px !important; } .pl-xs-15 { padding-left: 15px !important; } .pl-xs-20 { padding-left: 20px !important; } .pl-xs-30 { padding-left: 30px !important; } .pl-xs-40 { padding-left: 40px !important; } .pl-xs-50 { padding-left: 50px !important; } .pl-xs-60 { padding-left: 60px !important; } .pl-xs-70 { padding-left: 70px !important; } .pl-xs-80 { padding-left: 80px !important; } .pl-xs-90 { padding-left: 90px !important; } .pl-xs-100 { padding-left: 100px !important; } .pl-xs-110 { padding-left: 110px !important; } .pl-xs-120 { padding-left: 120px !important; } .pl-xs-130 { padding-left: 130px !important; } .pl-xs-140 { padding-left: 140px !important; } .pl-xs-150 { padding-left: 150px !important; } .pl-xs-160 { padding-left: 160px !important; } .pl-xs-170 { padding-left: 170px !important; } .pl-xs-180 { padding-left: 180px !important; } .pl-xs-190 { padding-left: 190px !important; } .pl-xs-200 { padding-left: 200px !important; } } /*** ==================================================================== 6 -> xxs: max-width 479px ==================================================================== ***/ @media (max-width: 479px) { /*** ==================================================================== 6.1 -> Basic Margin ==================================================================== ***/ .m-xxs-0 { margin: 0px !important; } .m-xxs-5 { margin: 5px !important; } .m-xxs-10 { margin: 10px !important; } .m-xxs-15 { margin: 15px !important; } .m-xxs-20 { margin: 20px !important; } .m-xxs-30 { margin: 30px !important; } .m-xxs-40 { margin: 40px !important; } .m-xxs-50 { margin: 50px !important; } .m-xxs-60 { margin: 60px !important; } .m-xxs-70 { margin: 70px !important; } .m-xxs-80 { margin: 80px !important; } .m-xxs-90 { margin: 90px !important; } .m-xxs-100 { margin: 100px !important; } .m-xxs-110 { margin: 110px !important; } .m-xxs-120 { margin: 120px !important; } .m-xxs-130 { margin: 130px !important; } .m-xxs-140 { margin: 140px !important; } .m-xxs-150 { margin: 150px !important; } .m-xxs-160 { margin: 160px !important; } .m-xxs-170 { margin: 170px !important; } .m-xxs-180 { margin: 180px !important; } .m-xxs-190 { margin: 190px !important; } .m-xxs-200 { margin: 200px !important; } /*** ==================================================================== 6.2 -> Basic Padding ==================================================================== ***/ .p-xxs-0 { padding: 0 !important; } .p-xxs-5 { padding: 5px !important; } .p-xxs-10 { padding: 10px !important; } .p-xxs-15 { padding: 15px !important; } .p-xxs-20 { padding: 20px !important; } .p-xxs-30 { padding: 30px !important; } .p-xxs-40 { padding: 40px !important; } .p-xxs-50 { padding: 50px !important; } .p-xxs-60 { padding: 60px !important; } .p-xxs-70 { padding: 70px !important; } .p-xxs-80 { padding: 80px !important; } .p-xxs-90 { padding: 90px !important; } .p-xxs-100 { padding: 100px !important; } .p-xxs-110 { padding: 110px !important; } .p-xxs-120 { padding: 120px !important; } .p-xxs-130 { padding: 130px !important; } .p-xxs-140 { padding: 140px !important; } .p-xxs-150 { padding: 150px !important; } .p-xxs-160 { padding: 160px !important; } .p-xxs-170 { padding: 170px !important; } .p-xxs-180 { padding: 180px !important; } .p-xxs-190 { padding: 190px !important; } .p-xxs-200 { padding: 200px !important; } /*** ==================================================================== 6.3 -> Margin top ==================================================================== ***/ .mt-xxs-0 { margin-top: 0 !important; } .mt-xxs-5 { margin-top: 5px !important; } .mt-xxs-10 { margin-top: 10px !important; } .mt-xxs-15 { margin-top: 15px !important; } .mt-xxs-20 { margin-top: 20px !important; } .mt-xxs-30 { margin-top: 30px !important; } .mt-xxs-40 { margin-top: 40px !important; } .mt-xxs-50 { margin-top: 50px !important; } .mt-xxs-60 { margin-top: 60px !important; } .mt-xxs-70 { margin-top: 70px !important; } .mt-xxs-80 { margin-top: 80px !important; } .mt-xxs-90 { margin-top: 90px !important; } .mt-xxs-100 { margin-top: 100px !important; } .mt-xxs-110 { margin-top: 110px !important; } .mt-xxs-120 { margin-top: 120px !important; } .mt-xxs-130 { margin-top: 130px !important; } .mt-xxs-140 { margin-top: 140px !important; } .mt-xxs-150 { margin-top: 150px !important; } .mt-xxs-160 { margin-top: 160px !important; } .mt-xxs-170 { margin-top: 170px !important; } .mt-xxs-180 { margin-top: 180px !important; } .mt-xxs-190 { margin-top: 190px !important; } .mt-xxs-200 { margin-top: 200px !important; } /*** ==================================================================== 6.4 -> Margin right ==================================================================== ***/ .mr-xxs-0 { margin-right: 0 !important; } .mr-xxs-5 { margin-right: 5px !important; } .mr-xxs-10 { margin-right: 10px !important; } .mr-xxs-15 { margin-right: 15px !important; } .mr-xxs-20 { margin-right: 20px !important; } .mr-xxs-30 { margin-right: 30px !important; } .mr-xxs-40 { margin-right: 40px !important; } .mr-xxs-50 { margin-right: 50px !important; } .mr-xxs-60 { margin-right: 60px !important; } .mr-xxs-70 { margin-right: 70px !important; } .mr-xxs-80 { margin-right: 80px !important; } .mr-xxs-90 { margin-right: 90px !important; } .mr-xxs-100 { margin-right: 100px !important; } .mr-xxs-110 { margin-right: 110px !important; } .mr-xxs-120 { margin-right: 120px !important; } .mr-xxs-130 { margin-right: 130px !important; } .mr-xxs-140 { margin-right: 140px !important; } .mr-xxs-150 { margin-right: 150px !important; } .mr-xxs-160 { margin-right: 160px !important; } .mr-xxs-170 { margin-right: 170px !important; } .mr-xxs-180 { margin-right: 180px !important; } .mr-xxs-190 { margin-right: 190px !important; } .mr-xxs-200 { margin-right: 200px !important; } /*** ==================================================================== 6.5 -> Margin bottom ==================================================================== ***/ .mb-xxs-0 { margin-bottom: 0 !important; } .mb-xxs-5 { margin-bottom: 5px !important; } .mb-xxs-10 { margin-bottom: 10px !important; } .mb-xxs-15 { margin-bottom: 15px !important; } .mb-xxs-20 { margin-bottom: 20px !important; } .mb-xxs-30 { margin-bottom: 30px !important; } .mb-xxs-40 { margin-bottom: 40px !important; } .mb-xxs-50 { margin-bottom: 50px !important; } .mb-xxs-60 { margin-bottom: 60px !important; } .mb-xxs-70 { margin-bottom: 70px !important; } .mb-xxs-80 { margin-bottom: 80px !important; } .mb-xxs-90 { margin-bottom: 90px !important; } .mb-xxs-100 { margin-bottom: 100px !important; } .mb-xxs-110 { margin-bottom: 110px !important; } .mb-xxs-120 { margin-bottom: 120px !important; } .mb-xxs-130 { margin-bottom: 130px !important; } .mb-xxs-140 { margin-bottom: 140px !important; } .mb-xxs-150 { margin-bottom: 150px !important; } .mb-xxs-160 { margin-bottom: 160px !important; } .mb-xxs-170 { margin-bottom: 170px !important; } .mb-xxs-180 { margin-bottom: 180px !important; } .mb-xxs-190 { margin-bottom: 190px !important; } .mb-xxs-200 { margin-bottom: 200px !important; } /*** ==================================================================== 6.6 -> Margin left ==================================================================== ***/ .ml-xxs-0 { margin-left: 0 !important; } .ml-xxs-5 { margin-left: 5px !important; } .ml-xxs-10 { margin-left: 10px !important; } .ml-xxs-15 { margin-left: 15px !important; } .ml-xxs-20 { margin-left: 20px !important; } .ml-xxs-30 { margin-left: 30px !important; } .ml-xxs-40 { margin-left: 40px !important; } .ml-xxs-50 { margin-left: 50px !important; } .ml-xxs-60 { margin-left: 60px !important; } .ml-xxs-70 { margin-left: 70px !important; } .ml-xxs-80 { margin-left: 80px !important; } .ml-xxs-90 { margin-left: 90px !important; } .ml-xxs-100 { margin-left: 100px !important; } .ml-xxs-110 { margin-left: 110px !important; } .ml-xxs-120 { margin-left: 120px !important; } .ml-xxs-130 { margin-left: 130px !important; } .ml-xxs-140 { margin-left: 140px !important; } .ml-xxs-150 { margin-left: 150px !important; } .ml-xxs-160 { margin-left: 160px !important; } .ml-xxs-170 { margin-left: 170px !important; } .ml-xxs-180 { margin-left: 180px !important; } .ml-xxs-190 { margin-left: 190px !important; } .ml-xxs-200 { margin-left: 200px !important; } /*** ==================================================================== 6.7 -> Padding top ==================================================================== ***/ .pt-xxs-0 { padding-top: 0 !important; } .pt-xxs-5 { padding-top: 5px !important; } .pt-xxs-10 { padding-top: 10px !important; } .pt-xxs-15 { padding-top: 15px !important; } .pt-xxs-20 { padding-top: 20px !important; } .pt-xxs-30 { padding-top: 30px !important; } .pt-xxs-40 { padding-top: 40px !important; } .pt-xxs-50 { padding-top: 50px !important; } .pt-xxs-60 { padding-top: 60px !important; } .pt-xxs-70 { padding-top: 70px !important; } .pt-xxs-80 { padding-top: 80px !important; } .pt-xxs-90 { padding-top: 90px !important; } .pt-xxs-100 { padding-top: 100px !important; } .pt-xxs-110 { padding-top: 110px !important; } .pt-xxs-120 { padding-top: 120px !important; } .pt-xxs-130 { padding-top: 130px !important; } .pt-xxs-140 { padding-top: 140px !important; } .pt-xxs-150 { padding-top: 150px !important; } .pt-xxs-160 { padding-top: 160px !important; } .pt-xxs-170 { padding-top: 170px !important; } .pt-xxs-180 { padding-top: 180px !important; } .pt-xxs-190 { padding-top: 190px !important; } .pt-xxs-200 { padding-top: 200px !important; } /*** ==================================================================== 6.8 -> Padding right ==================================================================== ***/ .pr-xxs-0 { padding-right: 0 !important; } .pr-xxs-5 { padding-right: 5px !important; } .pr-xxs-10 { padding-right: 10px !important; } .pr-xxs-15 { padding-right: 15px !important; } .pr-xxs-20 { padding-right: 20px !important; } .pr-xxs-30 { padding-right: 30px !important; } .pr-xxs-40 { padding-right: 40px !important; } .pr-xxs-50 { padding-right: 50px !important; } .pr-xxs-60 { padding-right: 60px !important; } .pr-xxs-70 { padding-right: 70px !important; } .pr-xxs-80 { padding-right: 80px !important; } .pr-xxs-90 { padding-right: 90px !important; } .pr-xxs-100 { padding-right: 100px !important; } .pr-xxs-110 { padding-right: 110px !important; } .pr-xxs-120 { padding-right: 120px !important; } .pr-xxs-130 { padding-right: 130px !important; } .pr-xxs-140 { padding-right: 140px !important; } .pr-xxs-150 { padding-right: 150px !important; } .pr-xxs-160 { padding-right: 160px !important; } .pr-xxs-170 { padding-right: 170px !important; } .pr-xxs-180 { padding-right: 180px !important; } .pr-xxs-190 { padding-right: 190px !important; } .pr-xxs-200 { padding-right: 200px !important; } /*** ==================================================================== 6.9 -> Padding bottom ==================================================================== ***/ .pb-xxs-0 { padding-bottom: 0 !important; } .pb-xxs-5 { padding-bottom: 5px !important; } .pb-xxs-10 { padding-bottom: 10px !important; } .pb-xxs-15 { padding-bottom: 15px !important; } .pb-xxs-20 { padding-bottom: 20px !important; } .pb-xxs-30 { padding-bottom: 30px !important; } .pb-xxs-40 { padding-bottom: 40px !important; } .pb-xxs-50 { padding-bottom: 50px !important; } .pb-xxs-60 { padding-bottom: 60px !important; } .pb-xxs-70 { padding-bottom: 70px !important; } .pb-xxs-80 { padding-bottom: 80px !important; } .pb-xxs-90 { padding-bottom: 90px !important; } .pb-xxs-100 { padding-bottom: 100px !important; } .pb-xxs-110 { padding-bottom: 110px !important; } .pb-xxs-120 { padding-bottom: 120px !important; } .pb-xxs-130 { padding-bottom: 130px !important; } .pb-xxs-140 { padding-bottom: 140px !important; } .pb-xxs-150 { padding-bottom: 150px !important; } .pb-xxs-160 { padding-bottom: 160px !important; } .pb-xxs-170 { padding-bottom: 170px !important; } .pb-xxs-180 { padding-bottom: 180px !important; } .pb-xxs-190 { padding-bottom: 190px !important; } .pb-xxs-200 { padding-bottom: 200px !important; } /*** ==================================================================== 6.10 -> Padding left ==================================================================== ***/ .pl-xxs-0 { padding-left: 0 !important; } .pl-xxs-5 { padding-left: 5px !important; } .pl-xxs-10 { padding-left: 10px !important; } .pl-xxs-15 { padding-left: 15px !important; } .pl-xxs-20 { padding-left: 20px !important; } .pl-xxs-30 { padding-left: 30px !important; } .pl-xxs-40 { padding-left: 40px !important; } .pl-xxs-50 { padding-left: 50px !important; } .pl-xxs-60 { padding-left: 60px !important; } .pl-xxs-70 { padding-left: 70px !important; } .pl-xxs-80 { padding-left: 80px !important; } .pl-xxs-90 { padding-left: 90px !important; } .pl-xxs-100 { padding-left: 100px !important; } .pl-xxs-110 { padding-left: 110px !important; } .pl-xxs-120 { padding-left: 120px !important; } .pl-xxs-130 { padding-left: 130px !important; } .pl-xxs-140 { padding-left: 140px !important; } .pl-xxs-150 { padding-left: 150px !important; } .pl-xxs-160 { padding-left: 160px !important; } .pl-xxs-170 { padding-left: 170px !important; } .pl-xxs-180 { padding-left: 180px !important; } .pl-xxs-190 { padding-left: 190px !important; } .pl-xxs-200 { padding-left: 200px !important; } } .tp-static-layers { position: absolute; z-index: 505; top: 0; left: 0; } .tp-hide-revslider { visibility: hidden !important; display: none !important; } .tp-caption { z-index: 1; white-space: nowrap; } .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .tp-caption-demo .tp-caption { position: relative !important; display: inline-block; margin-bottom: 10px; margin-right: 20px !important; } .tp-caption.whitedivider3px { color: #000; text-shadow: none; background-color: #fff; background-color: rgb(255, 255, 255); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #000; border-style: none; } .tp-caption.finewide_large_white { color: #fff; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.whitedivider3px { color: #000; text-shadow: none; background-color: #fff; background-color: rgb(255, 255, 255); text-decoration: none; font-size: 0; line-height: 0; min-width: 468px; min-height: 3px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #fff; text-shadow: none; font-size: 37px; line-height: 37px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.boldwide_small_white { font-size: 25px; line-height: 25px; font-weight: 800; font-family: "Open Sans", sans-serif; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.whitedivider3px_vertical { color: #000; text-shadow: none; background-color: #fff; background-color: rgb(255, 255, 255); text-decoration: none; font-size: 0; line-height: 0; min-width: 3px; min-height: 130px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.finewide_small_white { color: #fff; text-shadow: none; font-size: 25px; line-height: 25px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.finewide_verysmall_white_mw { font-size: 13px; line-height: 25px; font-weight: 400; font-family: "Open Sans", sans-serif; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; max-width: 470px; white-space: normal !important; border-width: 0; border-color: #000; border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: #ebebeb; background-color: rgb(235, 235, 235); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #222; border-style: none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.huge_red { position: absolute; color: #df4b6b; font-weight: 400; font-size: 150px; line-height: 130px; font-family: "Oswald", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; background-color: #2d3136; padding: 0; } .tp-caption.middle_yellow { position: absolute; color: #fbd572; font-weight: 600; font-size: 50px; line-height: 50px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.huge_thin_yellow { position: absolute; color: #fbd572; font-weight: 300; font-size: 90px; line-height: 90px; font-family: "Open Sans", sans-serif; margin: 0; letter-spacing: 20px; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.big_dark { position: absolute; color: #333; font-weight: 700; font-size: 70px; line-height: 70px; font-family: "Open Sans"; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.medium_dark { position: absolute; color: #333; font-weight: 300; font-size: 40px; line-height: 40px; font-family: "Open Sans"; margin: 0; letter-spacing: 5px; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0; border-width: 0; border-style: none; background-color: #888; white-space: nowrap; } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.medium_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.large_bold_white_25 { font-size: 55px; line-height: 65px; font-weight: 700; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none; } .tp-caption.medium_text_shadow { font-size: 25px; line-height: 25px; font-weight: 600; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none; } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.medium_bold_grey { font-size: 30px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; text-shadow: none; margin: 0; padding: 1px 4px 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; letter-spacing: -2px; } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 0 4px; padding-top: 1px; background-color: #000; } .tp-caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 0 4px; padding-top: 1px; background-color: #fff; } .tp-caption.modern_medium_fat { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_fat_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_light { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.modern_big_bluebg { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; margin: 0; border-width: 0; border-style: none; background-color: #4e5b6c; letter-spacing: 0; } .tp-caption.modern_big_redbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; padding-top: 1px; margin: 0; border-width: 0; border-style: none; background-color: #de543e; letter-spacing: 0; } .tp-caption.modern_small_text_dark { position: absolute; color: #555; text-shadow: none; font-size: 14px; line-height: 22px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.boxshadow { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } .tp-caption.thinheadline_dark { position: absolute; color: rgba(0, 0, 0, 0.85); text-shadow: none; font-weight: 300; font-size: 30px; line-height: 30px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.thintext_dark { position: absolute; color: rgba(0, 0, 0, 0.85); text-shadow: none; font-weight: 300; font-size: 16px; line-height: 26px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size: 30px; line-height: 75px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; background-color: rgba(0, 0, 0, 0.49804); padding: 50px 25px; text-align: center; border-radius: 500px 500px 500px 500px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.largeblackbg { font-size: 50px; line-height: 70px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; padding: 0 20px 5px; text-shadow: none; border-width: 0; border-color: #fff; border-style: none; } .tp-caption.largepinkbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #db4360; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tp-caption.largewhitebg { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #fff; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tp-caption.largegreenbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #67ae73; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tp-caption.excerpt { font-size: 36px; line-height: 36px; font-weight: 700; font-family: Arial; color: #fff; text-decoration: none; background-color: rgb(0, 0, 0); text-shadow: none; margin: 0; letter-spacing: -1.5px; padding: 1px 4px 0 4px; width: 150px; white-space: normal !important; height: auto; border-width: 0; border-color: #fff; border-style: none; } .tp-caption.large_bold_grey { font-size: 60px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; text-shadow: none; margin: 0; padding: 1px 4px 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_thin_grey { font-size: 34px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.small_thin_grey { font-size: 18px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: #757575; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: rgb(235, 235, 235); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #222; border-style: none; } .tp-caption.large_bold_darkblue { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #34495e; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_darkblue { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #34495e; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bold_red { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_light_red { font-size: 21px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_red { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #e33a0c; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bold_orange { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #f39c12; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_orange { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #f39c12; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.grassfloor { text-decoration: none; background-color: rgb(160, 179, 151); width: 4000px; height: 150px; border-width: 0; border-color: #222; border-style: none; } .tp-caption.large_bold_white { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_light_white { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumlarge_light_white { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumlarge_light_white_center { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; text-align: center; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_asbestos { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #7f8c8d; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_light_black { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.large_bold_black { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumlarge_light_darkblue { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #34495e; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.small_light_white { font-size: 17px; line-height: 28px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.roundedimage { border-width: 0; border-color: #222; border-style: none; } .tp-caption.large_bg_black { font-size: 40px; line-height: 40px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; padding: 10px 20px 15px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumwhitebg { font-size: 30px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: #fff; padding: 5px 15px 10px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.medium_bg_orange_new1 { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #f39c12; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.boxshadow { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: "Open Sans", sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-top: 40px solid #00a8ff; position: absolute; left: -40px; top: 0; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00a8ff; position: absolute; right: 0; top: 0; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-bottom: 40px solid #00a8ff; position: absolute; left: -40px; top: 0; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00a8ff; position: absolute; right: 0; top: 0; } img.tp-slider-alternative-image { width: 100%; height: auto; } .tp-simpleresponsive .button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; } .tp-simpleresponsive .purchase:hover { background-position: bottom, 15px 11px; } .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position: bottom, 15px 11px; } .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green { background-color: #21a117; -webkit-box-shadow: 0 3px 0 0 #104d0b; -moz-box-shadow: 0 3px 0 0 #104d0b; box-shadow: 0 3px 0 0 #104d0b; } .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0 3px 0 0 #104d0b; -moz-box-shadow: 0 3px 0 0 #104d0b; box-shadow: 0 3px 0 0 #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0 3px 0 0 #0f3e68; -moz-box-shadow: 0 3px 0 0 #0f3e68; box-shadow: 0 3px 0 0 #0f3e68; } .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0 3px 0 0 #0f3e68; -moz-box-shadow: 0 3px 0 0 #0f3e68; box-shadow: 0 3px 0 0 #0f3e68; } .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0 3px 0 0 #7c1212; -moz-box-shadow: 0 3px 0 0 #7c1212; box-shadow: 0 3px 0 0 #7c1212; } .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0 3px 0 0 #7c1212; -moz-box-shadow: 0 3px 0 0 #7c1212; box-shadow: 0 3px 0 0 #7c1212; } .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange { background-color: #f70; -webkit-box-shadow: 0 3px 0 0 #a34c00; -moz-box-shadow: 0 3px 0 0 #a34c00; box-shadow: 0 3px 0 0 #a34c00; } .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color: #f70; -webkit-box-shadow: 0 3px 0 0 #a34c00; -moz-box-shadow: 0 3px 0 0 #a34c00; box-shadow: 0 3px 0 0 #a34c00; } .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey { background-color: #555; -webkit-box-shadow: 0 3px 0 0 #222; -moz-box-shadow: 0 3px 0 0 #222; box-shadow: 0 3px 0 0 #222; } .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey { background-color: #555; -webkit-box-shadow: 0 3px 0 0 #222; -moz-box-shadow: 0 3px 0 0 #222; box-shadow: 0 3px 0 0 #222; } .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0 3px 0 0 #222; -moz-box-shadow: 0 3px 0 0 #222; box-shadow: 0 3px 0 0 #222; } .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0 3px 0 0 #555; -moz-box-shadow: 0 3px 0 0 #555; box-shadow: 0 3px 0 0 #555; } .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0 3px 0 0 #555; -moz-box-shadow: 0 3px 0 0 #555; box-shadow: 0 3px 0 0 #555; } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0) and (max-width: 479px) { .tp-simpleresponsive .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } .fullscreen-container { width: 100%; position: relative; padding: 0; } .fullwidthbanner-container { width: 100%; position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthbanner { width: 100%; position: relative; } .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { position: absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width: none; } .noFilterClass { filter: none !important; } .tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background: url(b404881175a651d4316024cd62dd9632.png) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow2 { background: url(9e1c32eedc5c1b32f2801bfa668245b6.png) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow3 { background: url(41abc19546637e96bea10b7fe57830d2.png) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .caption.fullscreenvideo { left: 0; top: 0; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width: 100% !important; height: 100% !important; display: none; } .tp-caption.fullscreenvideo { left: 0; top: 0; position: absolute; width: 100%; height: 100%; } .tp-caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; display: none; } .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; } .html5vid.videoisplaying .tp-poster { display: none; } .tp-video-play-button { background: #000; background: rgba(0, 0, 0, 0.3); padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width: 15px; height: 20px; border-left: 5px solid #fff; border-right: 5px solid #fff; position: relative; margin: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; } .html5vid.videoisplaying .revicon-right-dir { display: none; } .html5vid.videoisplaying .tp-revstop { display: block; } .html5vid.videoisplaying .tp-video-play-button { display: none; } .html5vid:hover .tp-video-play-button { display: block; } .fullcoveredvideo .tp-video-play-button { display: none !important; } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; background-image: linear-gradient(bottom, #000 13%, #323232 100%); background-image: -o-linear-gradient(bottom, #000 13%, #323232 100%); background-image: -moz-linear-gradient(bottom, #000 13%, #323232 100%); background-image: -webkit-linear-gradient(bottom, #000 13%, #323232 100%); background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, #000), color-stop(1, #323232)); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-caption:hover .tp-video-controls { opacity: 0.9; } .tp-video-button { background: rgba(0, 0, 0, 0.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 12px; font-size: 12px; color: #fff; padding: 0; margin: 0; outline: 0; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding: 0 5px; display: table-cell; } .tp-video-seek-bar-wrap { width: 80%; } .tp-video-vol-bar-wrap { width: 20%; } .tp-volume-bar, .tp-seek-bar { width: 100%; cursor: pointer; outline: 0; line-height: 12px; margin: 0; padding: 0; } .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; } .tp-dottedoverlay.twoxtwo { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDMDBGQ0Y5NEI4NjExRTM5RTg2QTY1RTUyQjIxNEQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDMDBGQ0ZBNEI4NjExRTM5RTg2QTY1RTUyQjIxNEQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMwMEZDRjc0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMwMEZDRjg0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6C0EmkAAAAGElEQVR42mJiYGD4DwQMTECCEchhAAgwAEcGBv9dngKPAAAAAElFTkSuQmCC); } .tp-dottedoverlay.twoxtwowhite { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBOTQxMTQyNEI4QjExRTM5RTg2QTY1RTUyQjIxNEQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBOTQxMTQzNEI4QjExRTM5RTg2QTY1RTUyQjIxNEQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkE5NDExNDA0QjhCMTFFMzlFODZBNjVFNTJCMjE0RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkE5NDExNDE0QjhCMTFFMzlFODZBNjVFNTJCMjE0RDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6j36UYAAAAFklEQVR42mL6DwEMTAwMDIxAzAAQYABh6wb/PTf+BwAAAABJRU5ErkJggg==); } .tp-dottedoverlay.threexthree { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDMDBGQ0ZENEI4NjExRTM5RTg2QTY1RTUyQjIxNEQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDMDBGQ0ZFNEI4NjExRTM5RTg2QTY1RTUyQjIxNEQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMwMEZDRkI0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMwMEZDRkM0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz52U1ucAAAAHUlEQVR42mJkYGD4DwSMQJqBEchggAEmBiQAEGAAzdMG/7gnuzwAAAAASUVORK5CYII=); } .tp-dottedoverlay.threexthreewhite { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBOTQxMTNFNEI4QjExRTM5RTg2QTY1RTUyQjIxNEQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBOTQxMTNGNEI4QjExRTM5RTg2QTY1RTUyQjIxNEQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMwMEZDRkY0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMwMEZEMDA0Qjg2MTFFMzlFODZBNjVFNTJCMjE0RDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5I32lpAAAAGklEQVR42mL8DwQMDAyMQMzABGPAOHAAEGAAkj8EBOSGbcEAAAAASUVORK5CYII=); } .tpclear { clear: both; } .tp-bullets { z-index: 1000; position: absolute; -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border: 1px solid #666; border-bottom: 1px solid #444; background: url(83e10c4a80f0041ecd45f43cc8029ad2.png); height: 40px; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAjCAIAAAAi8wwUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADdJREFUeNpijI2NZcANWJ49e4ZP+v///xRI//v3j3a6B9JwyqT//v076rTh5LRBnJApysAAAQYAdO5mnPfN+vsAAAAASUVORK5CYII=); height: 35px; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: url(93068171724c58a15e7d24eaf9cf0640.png) no-Repeat top left; width: 20px; height: 20px; margin-right: 0; float: left; margin-top: 0; margin-left: 3px; } .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; background: url(88cca0bb67915f10343d2348895c7d5e.png) no-Repeat bottom left; width: 23px; height: 23px; margin-right: 0; float: left; margin-top: 0; } .tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0; } .tp-bullets.simplebullets.square .bullet, .tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAmCAYAAAAm56DSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALhJREFUeNrslDEOwjAMRZ2WDLB0YOcSuf8Rcgl2BhY6hGJs6TsDC2nJgFRb+vpD5JfWkT9RxwrwQTSKIjw09LJoERX464ADBRxFEzw2wBQyi+7wCtPmiZmvq38thIvYU+GfX6aHzSC5nNA32qxsdnHj3KPNeOj5mg5z2BcYY9e2VEE/2TotWFZbkTU1o79GTeyQGqVrntHf1l5jO+fcDEopeWw7zGO7xralw0l0/mE3b6LHTmL7LcAA+uBPeRT8dg0AAAAASUVORK5CYII=) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0; float: left; margin-top: 0; } .tp-bullets.simplebullets.square .bullet.last, .tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0; } .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAmCAYAAADJJcvsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAz5JREFUeNrcVj1IW1EUPu8lmhCsi4q6qDi1DrWaNKHYmsXgoBSHLm1Xl3Z0EGnBQRdxcC2FTBE6tSBFoRKySEPRJmkJwdJCUjSCFHWQmj+Npue7fTfc2Jg8urUHDnm597tfzjn3nO9FGxkZoSp2i/0B+132O8baB/b37K/ZP0tgMBgUn9ZLBIPsL9jdVci9hj9n32J/wh6Tm7oCHGXfvILksrkN7Khc0IzUEEkE3+XG6ekpnZ2dUbFY/B261UoNDQ3U2NioEpbYXZxeTESk6/pLSXJxcUEnJyeUy+XKJDA8Yw17wMhAjLMiIhT2k9wB8Pz8vGZeFouFmpqa1KUBncN9rKZTjwQGDLDSwKGXSqV7cgE1MWsqFhw6sw+qdTBrKhYcOv2laZpWEaDO15lQi2jW+LbKz8zxVXc4HFtK0UwTqVhw6D09PW/kgs1mMxUVMMBKA4fGFbePj49vFgqFm7Ihs9nslW0AEo6gnBoTxldXVz26z+fLezyeZ0a7CwCazW63i7GQhmesYU+pT8k4m7f09vaS3+9Pb29vf9/f378vRwUHMVc4DMezSgwSp9M5OT8//xbdIIiWl5eLgUDg28HBQTSdTt/gtNpr1QjpcCZPZ2dnQZJTp1+KlJ0/2hcXFwfj8bjv+PjYnc/nndjjqKLNzc3R/v7+d9PT09ChHyiLFDatmkIahNdwswjAWC6wZ9l/gqCeQgpj4HWzUlu+jH9DanHNY2NjNDw8TH19fQLI7UEbGxu0tramTn5ZagURN9hH7mgXdlpaWmhubo7QFtUslUoRXzsdHR3J4Y2sr6/frpBaRLK0tETd3d0189rZ2aGpqSk1skqpRXQdHR3Ec1fTgVHb5g+pdblcxA1oyoFVpdaqSm1nZ6d45ZgxYFWpregj/JJZlUSKqtRaIbW8OIBvyWSSurq6TBHt7u5WSK0VMimJotEotbW1mSIC9kqpjUQixDJSt9DAAFtTaqGAExMT1NraWjWSw8NDWllZEa92VWot4XC4ODQ0lOYme4gRwas4kUhQJpMR7y7oM/R7b2+PYrEYhUIhtdAlPjvp9Xq/iBGB/szMzDzivP3qX5s6JqR2YWHhVVmz/0+p/SXAALqzBQjPPNzSAAAAAElFTkSuQmCC) no-Repeat top left; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 0; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0 !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0 !important; } .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAolJREFUeNqUlEtrGlEUx8+o+IZGcUQk4kYFESRlsEtRXLhwNUkhUDB010/gF/A7CHZX6CpQ6io7XRUUo0IRRBSh2I1iRBPfEtGec6Op1honF/6cGT2/e8+cx+VWqxVsL7PZHEFDElBnqJ+oEuqm0+ncbPtyGxghHs3nUCgkosDr9YLH44FKpQLlchkymQwphT6fcJM7BhHM87wD1YrH46uHh4eDov/JD2UhjsMHOe6Rj8ViwtXVFRxbyWQSEolECk8/V+D7ZTgcFi4uLmA8Hh+Fo9Eo1Go1ET/zkuAPfr9fErhZwWAQ0ul0lOB3NpsNhsOhZNhqtZIRCOZlMhmMRiPJMMdxZIwE37VaLV6v10uGB4MBmR7Bt9VqNeJ2uyXDmDAyJYKvi8Vi5PT0VDKcz+fJfN3UuRgIBM4EQTgK5nI5yGazrM6sPbFmDvz9B8IWn893ECwUClAqldr4+Bbh9l5v2+120eFwgMlkArVaDbPZDLrdLjQaDWg2mzu9zf1nqt6j+Uj1pzJSNSipqC8Ifdv2Vfwb2snJyRTN7zX4BvVr/T7dq/fmZJfLxcLGNhUnkwnM53MmlUrFpNVqQafTsbDr9frfsBFkCev3+5Zer3cwYUajEQwGA0sYbtAGp9MpRxXxj5VcLj8qTOQK/b/ToWwksa8Farl1z7647u/vQalUihjtpYxGksaRQKlaD9HTSD4+Pko6dbPI/3kkKX4ay1eup5HERPDL5VIyhf5sJOm4W2pDOlmqqO40kgRfazSaVyWM/NlIUp1pJPEOO5NyCdKNg0phk5zvdBjClpfuMgKxRZ87bK+3sZ/F6XQKi8UCKIn0jQqFgoWK37rf29sLNzk4kgjtjOQfAQYAjo9P8hf3UWQAAAAASUVORK5CYII=) no-Repeat bottom left; width: 15px; height: 15px; margin-left: 5px !important; margin-right: 5px !important; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0 !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0 !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position: top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected { background-position: bottom left; } .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } .tparrows { -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index: 600; position: relative; } .tparrows.hidearrows { -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; background: url(4ddc85ec820a3b19d72d1259b7ebccca.png) no-Repeat top left; width: 40px; height: 40px; } .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; background: url(e9dd7e647445cf08cb579eae1a4e34c0.png) no-Repeat top left; width: 40px; height: 40px; } .tp-leftarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAcCAYAAACDBoQZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkBJREFUeNqkVb1qAkEQ3vvxEQ6EtHkB+wuEA1PrG2iTygeIjWJIlycwhUVASKEWQixMa586YCsE8gbiab7vsnMZT8/Lz8DHubuz336zMzs6k8nE5JnjOGf4tHa7XTvPp16vp7/dYw6u6xrP86r4vgIhxyA2ReYeIfKAHsjmvu8HQEL+E0JfhcQNZZAMgQiQpTLWrrfbbeKDkPcIptNpOudLWECVRFoNN4PkHN8+yeI4PlBDIoLrvg2rAwLCCEQZnfibRJzPKhOyzWZjfHs3ER1LpZIRVZqMzhxniYSMBzEKkhkhIjgmmZiQioKs6bt04XwF3AqJ3JX+LWP65CHxBzlvtQtcAR/mH+YzXqviBahAxRMLVYW0BO5PhUmOJJtyedZW2HAJ2XcgvLHO75h7kERkLQzDfWVyqq2XGAlpg3CB9UeSyOl56lIyOtJYJ5oUm5+huIL1loRxrGgPnpOEoKuZGRqNRtwd12o1IwpPKtPFJyr5HY/HVSgbYvgmqovInGazmZ1LnheIOjYxC5Bc5N3XYDDYT4DqHGUQUU0kxQqCMnCdp6rRaBySYSOb4RAbAmlJ1s4x1y/KZPKccB8eCHs4eQ4EOgm6JE6Z7GFpzKEo0mokETrDGbXHyfSposg2xb35ImXynPjAO4QQ/dbS5hh/ZaCLiQXrCgj+QpZ04vV6fdA1gFD5LuF8/6MwFRmxAi5Bdgfc2LtKukbe3c1ms+86Y6y6mwIx0AbSrpHNamHXUP+dgmdMVUDQkporsk8BBgALueG65YEaRAAAAABJRU5ErkJggg==) no-Repeat top left; width: 19px; height: 14px; margin-right: 0; float: left; margin-top: 0; } .tp-rightarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAcCAYAAACDBoQZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAj5JREFUeNqklLFqAkEQhs9zfQTBB/AxrrFIaSFYRMSAjT5BuiDEJnmAVCls7FQElTSmjGCZdwgEAkIeQD0v/7/umL3zvDuSg2Hv5na+nZmdmdx0OnWyPLlc7gHLUxAEn7a+Vqud3t0MEMd1XYoHec/n81f8jnvcjCBHKUUpArbE9z0kH92voOyIYQqsJHrf93sQD9LE59dp/3w+D7iZhnFAeKJhsiJnzuFwcPb7PWVDYLVafdWeGfdjYaITkOQKAPlXhCwXi0UfB/RVoVDQMBokhSprNHwD7cFLTxEisLhbivOY+xmqrWf4SvJxCRYFi6Hkj3YMUYfp/O/ZQJqVSuV4ASB2mVA5MSHMW/wvix52K8i153mnjlAAPXMzQSkX0MJaNqBH2N0h6X4ol7vdToNYNxlK4xvqG4BeTJ2FL4YKuZlLRcs0YF0D1sTBH1bRhmH8Eb1m2zP+o1fj8Zgh+fV6XcNFQo0uMHtDVOgBPPIg76PR6IqpoZ52ocPb7XZqbZlLeMMngQTruqKng8EgFGYnyxjCU7KKtkcwbMNTo9VqBXH5isJkGEijmzA3BA6Hw2PRSqEmAbmHxtJuJlTCipBlo9HoM3QlxZoGY7JlryTeDhs6T0lZRG/mUpPbB9jtp6eGdECSZ0kemxT0KUoK74+wDaQ5mUxepTe7MoZTwrzFUrZAK8j1bDb7nRrb7fZZxm9Srjg1CDMT5hFyhzz7Z42eVmdWF+ipAciLtOHZCErLmRk/a+xhxX8IKAr7EWAAInyw0BS5m24AAAAASUVORK5CYII=) no-Repeat top left; width: 19px; height: 14px; margin-right: 0; float: left; margin-top: 0; } .tp-leftarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAYAAACU7CiIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAslJREFUeNrcl99O4kAUh5luqVRloSZSExNMKKnRKInwCF54ydP4Evsoe2O880aNCZcQE+6IaMKVkN0AWXYXopXub3ZPSUvoP5adTTzJpy2M83WmM2eOzLbthIiQ+Q/GWJS2EvEB8Kebgje6jiaKKEmCdbBGnU/AGLxGkUkxJB/Bzng8vu/1ep9xrYNN+i58SkLekUQj2AbHw+HwyaZot9tX+GwfaJFkASK35GgwGDzac9HpdLgsT1O6lMgj6ff7D7ZPNBqNc7RJh76GBaLQkTjR7XZry44osqTVat2gzQnYBRmwQUKOSv3IswdwieYlvtNVr9dv0eYMVGhBGKDgYs+1Kv/sVS7ChnUvYR2Sy2w2W/CbBbyXmqIoL+l0OiVJEgPur5ksy5Kqqgx9VHE/+L3naEQyLdPDoOmKG+ivSKOaZQaeVlRsxutUKrWzwhSXdFajlBAUjognxzHm9ZTv/hX2/0rJdzZ1/OYn+KJpWnVViwHXP4A1L+L2b/yGZBeQFX1cVqlU+oTfX8F36sy9Id8ou89E/2XDCk1BQpOq0GNC6MG3SHaA7PGMo/wO1ybYAkqUo9xJqv+8OIkq+utyKyGqgGRCK9UYCfgdVqrIyve6ri9XqQYggTWwDY4zmcwTPb1tGMYVPtsHGkgCFtRXVMkRjoxHR+KQz+e5LA/WlxV5JDifHuYlDuVy+Rxt0vQ3sUShI3HAu6otO6LIEtM0b9DmBOyCDNggIUelfmTnAYIkvtNVqVRu0eYMVGhBGKDgYg/oYJNks8zgqVTxTi5xJPgWJxDVXhCj0Sg1nU4Z8GQby7IkZHmGPryVKln5Mj0Mmq64IIo0Km+lirieTCbvqFJFnGLqxFSqKEKqq1oMoZUqyS4g861Um81m/EpV9IYVmoKEJlWhx4TQg2+R7AD/4z7ncrk7XJtgCyhhEndSFVOpiii3hBWQvwQYAKPtv3IDK5YGAAAAAElFTkSuQmCC) no-Repeat top left; width: 26px; height: 26px; margin-right: 0; float: left; margin-top: 0; } .tp-rightarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAYAAACU7CiIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtZJREFUeNrclk1PGlEUhp1hHD50BIxiUxNNgGAwuhBYuuvCVdP0x5j4m9yxc1ONiTshXRORhJWQJnyUtCilc/ve5gwZSGfmgOPU9iaPXGeG+3LPnHPPqwghloIYmvyjKArnWflQCKg0/wlMgifEFFkGURCh/5/Ad/CDI6bOIbIKttrt9vlwOPyM+RuwRve81/F4R5ZIEuzV6/ULQaPX6zVw7RBsgrCnGEMoBnaazeZExBrdbvce9w5YYh5C8otGtVo9FQ6j0+ncscS4O2q1WjdOYqydkZBCGRimzIoRKyAOtsFRrVa7XFiMhDQrq8AuSNvIyEQARXBSqVSuXMQcw6jZPg1kUhmpK8bjsayLSUxN05SIwWDwOBqNHGsvkUhkIVZOJpMf6NLXSZ3RjuRussKnQWHcp7LQ7AWrUr34MrCzNCLzid53iHsy+DIsIZNi6cuQp0Y0Gn2H6ZAO30kyjMG3fr9/y0gGvVgsHruJUDJ8oUPXnBUaILbv6XQOzRStlf4bSO8zF5E6RD5i2p7KuL9RsIEdQa/nUH3pNhFY47PEdLAOcmjl1yiBB8zzbBG5iBRiuKBnmxOu0LPt1lJQBlIJ1KnOYSL/Q6eKcY4WsJhTdUG+w2WQBHuZTOaC2oeIx+MNXDsEmyAMVLe1OEIxsIMxEbFAW7nHvQOOmJeQ/KJRKBROZ0Us0H/uOGLsHeHd3DiJcXZmX1Cjh6K0uGQFxME2OMrlcpeLilkTKbIKtsAuSNvIyEQARXACv3DlIuYYximnigfLSF2hadqUOVFVVSIMw3jUdV1z8QxZvLMy+tSfnSrtJuv0S+eFwrhPZaHZQ7cG8n4JSSKRyAPWfEsh/MedKkLXQBd2dqo4Vm4ZyaDDFR27iVAyODtVZI2nUy2VSmcuInWIODvVIAs2sCPo9RyqL90mAmt8lpgO1kEulUpdU9XnuSK/vSPTbvnjVIOwW4EZyF8CDAAcMtsQQIuUZgAAAABJRU5ErkJggg==) no-Repeat top left; width: 26px; height: 26px; margin-right: 0; float: left; margin-top: 0; } .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvBJREFUeNqslT9oGlEcx8+7i0pbKsWERtpIl3YQh0DUKAjFoOBiQKEuSQ3tkEE6NVMyKCFbIUu3Ct1MBYcMgYgkgqDGIVgaLGToUBrpELQqRCKJf5L8fuKzT3Nnr7UPvrx779773O/feyebmZlhhjWZTPYIujfX19erQu9zuVzfmB0CYliWdUD/RS6X23CM+lNjRUAcaB20B5rgeR46lpEC5QdhoEnQFgDmENJtE/C8fHV11VtHmslk6j1DWH4DuzAHbEQYAhgCBNATjuM+4BrchBJqHWAXxIECAAgQEA0kEAIUg6EHPO0iWNEHo13DDTgnBKSt5qempvhyuaxotVqdDQQqFHyxhBDrsOeOj4/rLpdrP5VKjdXrdRPtKskqAdHjwXc9L2ZnZ1sAPIlGo0Gz2fwaYBVmhCbDtBNXM5nMnUgkMh0Oh99fXl72jhDU4YlWq/0oBiEuo2RGo5EUM4HylUrlsd/vXy2VSsu4QaFQ5GKxmF2ShQaDoRcLOsPpdHp8ZWXFc3R09A4s/HZxcWEigacbGNB/9Ghz2+12T1ar9dfm5uaWz+dzKZXKz/Q7rAiiWxbStw2dOWLpwcEBnqYHFoulJGTh4eGh+OVACpRYjdZAewh6S2C0R+RsM2KQQTWbTUej0Sidnp5+HbaOluB9CAngQOsQoz2wcvz8/FwhtQ75wYmzs7NJ+NIniKONzMEFq4L5ZUllUywW6bGjCxv/15PCw4nAngMFuhqpIfCWiyMBd3d37+p0ukmNRvM/eAzePfcg6C82NjaW7Hb781GBXDabbYRCoXwikfhRrVZZvV7/FNwfo4/a36iTlGQyiSWftNlshXw+XwgGgy8hBFqqlCrwwawkl+PxeN+E0+m8DyHwrq2tLcGFa8U5KK3vcEl4JQF3dnZuTc7Pz+MJmnO73a8WFhbctVrtp1qtfiYEgLX9WRa6gra3tzEECY/HU4B/TmFxcXFapVJJyzL8S4Yu8Hq9SDLBun2R933jGwEGAEpi1xWHWw7xAAAAAElFTkSuQmCC) no-Repeat top left; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; } .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAslJREFUeNqsVs9rGlEQXtclEQoJmGq9SKH5B4SUkPjjUEguHjzklh+QQyHHHtrSm4IeTKDYUxull1KrCEosSk+ppAQaENG2UBAsycVYYk1sicSoibr5nmTtbqObR83Ax9uZefPtzJt5q4qJiQmGRhQKxSqWlzzP/xTb0+m0ZB9LQdTB0NDQA6xfWZadJXo/YWnIQMJwHIeF1QCbgBNQ9iLmYFyRe6NACNEolcqOrd1uOwAzHheBomT/5OQk349QnKHwfEko4BBYTKVSH7sxU1NTvBAgl2EfQgEuNMsF4pbCaDTypBRxQK8sxT4ESwhbrRZZt2BfJCfNCLjuLOVeMgwZGxvjOLGTlpBkKD5fnU73yuv1PgdhkWMGEJD9RlOfrq2txaGWO2MzPj7uoCk5n88/bDabd0UlZpaWlh7Nz89/g3rarQTpj9JkY7VaE41G435nIDWa1+vr66tqtboAtSkZ7Onp6WOasVGpVDzUY4PB8Mzj8UQtFssR6fDOzo70phAjOWS5wSZ+EGbm5uaeLC8vfzGbzVVhZK5cPWK8rruEMBaLOaD+MZlMTYGsVyLsv0MqBvEJfshj4M7lEHd9V0RwXIdisfj97Ozs8Pz8fFZuH0s7c9VqdRjZ3cbobNbrdSeg7LWPq1QqKzSE+MCOIkNBdSAbC/SFkZER6eerVCrx/3tTQHqEpi1otdq/n6/9/X2eGVxcBHq9vqXY3d29CUKS7SeSLYfDvQk+5uDgQJfNZm9xuJ8DkyUSiW273f4WTfo1EGGtVjv1+XwbkUjkDdRt8uvAhUKhDzTBMzMzRoyIWlRi3ul0vsvlcoRsr9tlgOqvg9/vD2M87pHnZDL52e12kxLDUCuSwY7H4xkawnK53Do5OakFg8H3EJLVFmLbNptNelNwlajOq1Ao7AUCgQ1SYjQa/UFsvWKpCdHFF1hS4XD4WC7mQoABAIcbvh04OA+CAAAAAElFTkSuQmCC) no-Repeat top left; width: 20px; height: 15px; float: left; margin-left: 6px; margin-top: 12px; } .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(89a0d2889e6a013424e76453fc9ce051.png) no-Repeat top left; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(a8c48e75b1c826ca76a45d0a29134d80.png) no-Repeat top left; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0; } .tp-leftarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAiCAYAAABr0zihAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP5JREFUeNq8k00KwjAQhZvaFkEE3QgewI1L738Gl248gCvRjaANJn0jiWg6+RkXFl5TmvelaWaestZWkquhm1KKm6tpyo0GopVNE1mITJ0TeR5QT0CdMC+gFbZ8xjiHWj8ZM69hPrr3M2gSAqF5/zHXuf95Aynz18L+gegptGTMLEljC/MhVwcP0Dlr1GNbClBR7tAF0K70C1SYK3RiIDP6+wzUu12MChdCG/f+Bj1fx0ndyjRfrJd0DIh2ayXNg/opQIkj/0OAcCDlAYK5PEAwlwcoMKcDxJjjAYJZFiAUUR4gQPIAMVA+QAFUFiBAfIAEvaRT7c12qzgPgwADAKDwiZX9tXNBAAAAAElFTkSuQmCC) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0; margin-top: 0; } .tp-rightarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAiCAYAAABr0zihAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNq8k80OAUEQhHeaRSISLhIP4OLo/Z/B0cUDOAkHEvGzo0ZqkhUzs90ONimFrW+NmS7nva8sVz+8OOckGBS8gTw9DeDqQQNoCD2gG/UFCb2GJljeAT6HpnyA5IDwC+PwBtAOtshB8YPjzYrQJgdJAi5CUtpCQjNoxFWUAUJbboqoAJzRCnaPWywd4TXsCF15mB9AkwjvoVP7ECPg+WUx3B6NJ3RheAk7p8Lv+2FaEaq1sxQB9bRW1j64nwrEpfyhQPjz9gIBshcIkL1AOahrWu0FAmQrEA5WXyCE9QViWFegXDhZIIS7C8Rd0BfIMq3mPrwEGADYx42pn3H5bAAAAABJRU5ErkJggg==) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0; margin-top: 0; } .tp-leftarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAiCAYAAABr0zihAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP5JREFUeNq8k00KwjAQhZvaFkEE3QgewI1L738Gl248gCvRjaANJn0jiWg6+RkXFl5TmvelaWaestZWkquhm1KKm6tpyo0GopVNE1mITJ0TeR5QT0CdMC+gFbZ8xjiHWj8ZM69hPrr3M2gSAqF5/zHXuf95Aynz18L+gegptGTMLEljC/MhVwcP0Dlr1GNbClBR7tAF0K70C1SYK3RiIDP6+wzUu12MChdCG/f+Bj1fx0ndyjRfrJd0DIh2ayXNg/opQIkj/0OAcCDlAYK5PEAwlwcoMKcDxJjjAYJZFiAUUR4gQPIAMVA+QAFUFiBAfIAEvaRT7c12qzgPgwADAKDwiZX9tXNBAAAAAElFTkSuQmCC) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0; margin-top: 0; } .tp-rightarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAiCAYAAABr0zihAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNq8k80OAUEQhHeaRSISLhIP4OLo/Z/B0cUDOAkHEvGzo0ZqkhUzs90ONimFrW+NmS7nva8sVz+8OOckGBS8gTw9DeDqQQNoCD2gG/UFCb2GJljeAT6HpnyA5IDwC+PwBtAOtshB8YPjzYrQJgdJAi5CUtpCQjNoxFWUAUJbboqoAJzRCnaPWywd4TXsCF15mB9AkwjvoVP7ECPg+WUx3B6NJ3RheAk7p8Lv+2FaEaq1sxQB9bRW1j64nwrEpfyhQPjz9gIBshcIkL1AOahrWu0FAmQrEA5WXyCE9QViWFegXDhZIIS7C8Rd0BfIMq3mPrwEGADYx42pn3H5bAAAAABJRU5ErkJggg==) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0; margin-top: 0; } .tp-leftarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(4ddc85ec820a3b19d72d1259b7ebccca.png) no-Repeat 0 0; width: 40px; height: 40px; } .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(e9dd7e647445cf08cb579eae1a4e34c0.png) no-Repeat 0 0; width: 40px; height: 40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position: bottom left; } .tp-bullets.tp-thumbs { z-index: 1000; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; cursor: pointer; overflow: hidden; background: 0; margin: 0; float: left; -ms-filter: "alpha(opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } .tp-bannertimer { width: 100%; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpi/v//fwMTAxCgESCgxAwiQcQ/BjgACDAAtoEErxxcGWgAAAAASUVORK5CYII=); position: absolute; z-index: 200; top: 0; } .tp-bannertimer.tp-bottom { bottom: 0; height: 5px; top: auto; } @media only screen and (min-width: 0) and (max-width: 479px) { .responsive .tp-bullets, .responsive .tparrows { display: none; } } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none; } .tp-simpleresponsive ul { list-style: none; padding: 0 !important; margin: 0 !important; list-style: none !important; overflow-x: visible; overflow-y: visible; background-image: none; } .tp-simpleresponsive ul li { list-style: none; padding: 0 !important; margin: 0 !important; list-style: none !important; overflow-x: visible; overflow-y: visible; background-image: none; } .tp-simpleresponsive ul li:before { list-style: none; padding: 0 !important; margin: 0 !important; list-style: none !important; overflow-x: visible; overflow-y: visible; background-image: none; } .tp-simpleresponsive > ul > li { list-style: none; position: absolute; visibility: hidden; } .caption.slidelink a div { width: 3000px; height: 1500px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8yNC8xMn+6RgAAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAAUSURBVAiZY/z//z8DOmDCEKFcEAA2UAMHjYSsRQAAAABJRU5ErkJggg==) repeat; } .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8yNC8xMn+6RgAAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAAUSURBVAiZY/z//z8DOmDCEKFcEAA2UAMHjYSsRQAAAABJRU5ErkJggg==) repeat; } .tp-caption.slidelink a span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8yNC8xMn+6RgAAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAAUSURBVAiZY/z//z8DOmDCEKFcEAA2UAMHjYSsRQAAAABJRU5ErkJggg==) repeat; } .tparrows .tp-arr-imgholder, .tparrows .tp-arr-titleholder { display: none; } .tparrows.preview1 { width: 100px; height: 100px; -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; background: transparent; } .tparrows.preview1:after { position: absolute; left: 0; top: 0; font-family: "revicons"; color: #fff; font-size: 30px; width: 100px; height: 100px; text-align: center; background: #fff; background: rgba(0, 0, 0, 0.15); z-index: 2; line-height: 100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; } .tp-rightarrow.preview1:after { content: "\e825"; } .tp-leftarrow.preview1:after { content: "\e824"; } .tparrows.preview1:hover:after { background: rgb(255, 255, 255); color: #aaa; } .tparrows.preview1 .tp-arr-imgholder { background-size: cover; background-position: center center; display: block; width: 100%; height: 100%; position: absolute; top: 0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s; transition: all 0.3s; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-rightarrow.preview1 .tp-arr-imgholder { right: 100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left: 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1 { width: 80px; height: 80px; line-height: 80px; font-size: 24px; } .tparrows.preview1:after { width: 80px; height: 80px; line-height: 80px; font-size: 24px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1 { width: 60px; height: 60px; line-height: 60px; font-size: 20px; } .tparrows.preview1:after { width: 60px; height: 60px; line-height: 60px; font-size: 20px; } } @media only screen and (min-width: 0) and (max-width: 479px) { .tparrows.preview1 { width: 40px; height: 40px; line-height: 40px; font-size: 12px; } .tparrows.preview1:after { width: 40px; height: 40px; line-height: 40px; font-size: 12px; } } .tp-bullets.preview1 { height: 21px; } .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0 !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0; } .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgb(255, 255, 255) !important; } .tparrows.preview2 { min-width: 60px; min-height: 60px; background: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; color: #aaa; font-size: 25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .tp-rightarrow.preview2:after { content: "\e81e"; right: 18px; } .tp-leftarrow.preview2:after { content: "\e81f"; left: 18px; } .tparrows.preview2 .tp-arr-titleholder { background-size: cover; background-position: center center; display: block; visibility: hidden; position: relative; top: 0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding: 0 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right: 50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left: 50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width: 300px; } .tparrows.preview2:hover { background: #fff; } .tparrows.preview2:hover:after { color: #000; } .tparrows.preview2:hover .tp-arr-titleholder { -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } .tp-bullets.preview2 { height: 17px; } .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0 !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0; } .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgb(255, 255, 255) !important; width: 6px !important; height: 6px !important; border: 5px solid rgb(0, 0, 0) !important; } .tp-arr-titleholder.alwayshidden { display: none !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width: 40px; min-height: 40px; width: 40px; height: 40px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; font-size: 20px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: "\e81e"; right: 11px; } .tp-leftarrow.preview2:after { content: "\e81f"; left: 11px; } .tparrows.preview2 .tp-arr-titleholder { font-size: 12px; line-height: 40px; letter-spacing: 0; } .tp-rightarrow.preview2 .tp-arr-titleholder { right: 35px; } .tp-leftarrow.preview2 .tp-arr-titleholder { left: 35px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width: 30px; min-height: 30px; width: 30px; height: 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; font-size: 14px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: "\e81e"; right: 8px; } .tp-leftarrow.preview2:after { content: "\e81f"; left: 8px; } .tparrows.preview2 .tp-arr-titleholder { font-size: 10px; line-height: 30px; letter-spacing: 0; } .tp-rightarrow.preview2 .tp-arr-titleholder { right: 25px; } .tp-leftarrow.preview2 .tp-arr-titleholder { left: 25px; } .tparrows.preview2 .tp-arr-titleholder { display: none; visibility: none; } } @media only screen and (min-width: 0) and (max-width: 479px) { .tparrows.preview2 { min-width: 30px; min-height: 30px; width: 30px; height: 30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .tparrows.preview2:after { position: absolute; top: 50%; font-family: "revicons"; font-size: 14px; margin-top: -12px; } .tp-rightarrow.preview2:after { content: "\e81e"; right: 8px; } .tp-leftarrow.preview2:after { content: "\e81f"; left: 8px; } .tparrows.preview2 .tp-arr-titleholder { display: none; visibility: none; } .tparrows.preview2:hover { width: 30px !important; height: 30px !important; } } .tparrows.preview3 { width: 70px; height: 70px; background: #fff; background: rgb(255, 255, 255); -webkit-transform-style: flat; } .tparrows.preview3:after { position: absolute; line-height: 70px; text-align: center; font-family: "revicons"; color: #aaa; font-size: 30px; top: 0; left: 0; background: #fff; z-index: 100; width: 70px; height: 70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .tparrows.preview3:hover:after { color: #000; } .tp-rightarrow.preview3:after { content: "\e825"; } .tp-leftarrow.preview3:after { content: "\e824"; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index: 0; position: absolute; background: #000; background: rgba(0, 0, 0, 0.75); display: table; min-height: 90px; top: -10px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .tparrows.preview3 .tp-arr-imgholder { display: block; background-size: cover; background-position: center center; display: table-cell; min-width: 90px; height: 90px; position: relative; top: 0; } .tp-rightarrow.preview3 .tp-arr-iwrapper { right: 0; padding-right: 70px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { left: 0; direction: rtl; padding-left: 70px; } .tparrows.preview3 .tp-arr-titleholder { display: table-cell; padding: 30px; font-size: 16px; color: #fff; white-space: nowrap; position: relative; clear: right; vertical-align: middle; } .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .tp-bullets.preview3 { height: 17px; } .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0 !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0; } .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgb(255, 255, 255) !important; width: 6px !important; height: 6px !important; border: 5px solid rgb(0, 0, 0) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3 { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .tparrows.preview3:after { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .tparrows.preview3 .tp-arr-iwrapper { min-height: 70px; } .tparrows.preview3 .tp-arr-imgholder { min-width: 70px; height: 70px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right: 50px; } .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left: 50px; } .tparrows.preview3 .tp-arr-titleholder { padding: 10px; font-size: 16px; } } @media only screen and (max-width: 767px) { .tparrows.preview3 { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .tparrows.preview3:after { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .tparrows.preview3 .tp-arr-iwrapper { min-height: 70px; } } .tparrows.preview4 { width: 30px; height: 110px; background: transparent; -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; } .tparrows.preview4:after { position: absolute; line-height: 110px; text-align: center; font-family: "revicons"; color: #fff; font-size: 20px; top: 0; left: 0; z-index: 0; width: 30px; height: 110px; background: #000; background: rgba(0, 0, 0, 0.25); -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; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-rightarrow.preview4:after { content: "\e825"; } .tp-leftarrow.preview4:after { content: "\e824"; } .tparrows.preview4 .tp-arr-allwrapper { visibility: hidden; width: 180px; position: absolute; z-index: 1; min-height: 120px; top: 0; left: -150px; overflow: hidden; -webkit-perspective: 1000px; -webkit-transform-style: flat; } .tp-leftarrow.preview4 .tp-arr-allwrapper { left: 0; } .tparrows.preview4 .tp-arr-iwrapper { position: relative; } .tparrows.preview4 .tp-arr-imgholder { display: block; background-size: cover; background-position: center center; width: 180px; height: 110px; position: relative; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display: block; background-size: cover; background-position: center center; width: 180px; height: 110px; position: absolute; top: 0; left: 180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left: -180px; } .tparrows.preview4 .tp-arr-titleholder { display: block; font-size: 12px; line-height: 25px; padding: 0 10px; text-align: left; color: #fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; } .tp-leftarrow.preview4:after { transform-origin: 0 0; -webkit-transform-origin: 0 0; } @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } } .tp-bullets.preview4 { height: 17px; } .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0 !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0; } .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgb(255, 255, 255) !important; width: 6px !important; height: 6px !important; border: 5px solid rgb(0, 0, 0) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width: 20px; height: 80px; } .tparrows.preview4:after { width: 20px; height: 80px; line-height: 80px; font-size: 14px; } .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important; } } .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background: url(dbe653dde5c293aaadc6c00f5b2fbb57.gif) no-repeat center center; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background: url(dbe653dde5c293aaadc6c00f5b2fbb57.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: #f00; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1s infinite ease-in-out; animation: tp-scaleout 1s infinite ease-in-out; } .tp-loader.spinner3 { margin: -9px 0 0 -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .tp-loader.spinner4 { margin: -20px 0 0 -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2s infinite linear; animation: tp-rotate 2s infinite linear; } .tp-loader.spinner4 .dot1 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2s infinite ease-in-out; animation: tp-bounce 2s infinite ease-in-out; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); } .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2s infinite ease-in-out; animation: tp-bounce 2s infinite ease-in-out; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes tp-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); } } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes tp-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .tp-transparentimg { content: "url(assets/transparent.png)"; } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: "revicons"; src: url(a77de540a38981833f9e31bd4c365cc6.eot); src: url(a77de540a38981833f9e31bd4c365cc6.eot#iefix) format("embedded-opentype"), url(e8746a624ed098489406e6113d185258.woff) format("woff"), url(57fd05d4ae650374c8deeff7c4aae380.ttf) format("truetype"), url(2e7a6ed0e0ba73c87866405b64687b95.svg#revicons) format("svg"); font-weight: normal; font-style: normal; } [class^=revicon-]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; } .revicon-search-1:before { content: "\e802"; } .revicon-pencil-1:before { content: "\e831"; } .revicon-picture-1:before { content: "\e803"; } .revicon-cancel:before { content: "\e80a"; } .revicon-info-circled:before { content: "\e80f"; } .revicon-trash:before { content: "\e801"; } .revicon-left-dir:before { content: "\e817"; } .revicon-right-dir:before { content: "\e818"; } .revicon-down-open:before { content: "\e83b"; } .revicon-left-open:before { content: "\e819"; } .revicon-right-open:before { content: "\e81a"; } .revicon-angle-left:before { content: "\e820"; } .revicon-angle-right:before { content: "\e81d"; } .revicon-left-big:before { content: "\e81f"; } .revicon-right-big:before { content: "\e81e"; } .revicon-magic:before { content: "\e807"; } .revicon-picture:before { content: "\e800"; } .revicon-export:before { content: "\e80b"; } .revicon-cog:before { content: "\e832"; } .revicon-login:before { content: "\e833"; } .revicon-logout:before { content: "\e834"; } .revicon-video:before { content: "\e805"; } .revicon-arrow-combo:before { content: "\e827"; } .revicon-left-open-1:before { content: "\e82a"; } .revicon-right-open-1:before { content: "\e82b"; } .revicon-left-open-mini:before { content: "\e822"; } .revicon-right-open-mini:before { content: "\e823"; } .revicon-left-open-big:before { content: "\e824"; } .revicon-right-open-big:before { content: "\e825"; } .revicon-left:before { content: "\e836"; } .revicon-right:before { content: "\e826"; } .revicon-ccw:before { content: "\e808"; } .revicon-arrows-ccw:before { content: "\e806"; } .revicon-palette:before { content: "\e829"; } .revicon-list-add:before { content: "\e80c"; } .revicon-doc:before { content: "\e809"; } .revicon-left-open-outline:before { content: "\e82e"; } .revicon-left-open-2:before { content: "\e82c"; } .revicon-right-open-outline:before { content: "\e82f"; } .revicon-right-open-2:before { content: "\e82d"; } .revicon-equalizer:before { content: "\e83a"; } .revicon-layers-alt:before { content: "\e804"; } .revicon-popup:before { content: "\e828"; } .boxedcontainer { max-width: 1170px; margin: auto; padding: 0 30px; } .tp-dottedoverlay { background-color: rgba(0, 0, 0, 0.5) !important; z-index: 2; } .tp-banner-container { height: 100% !important; width: 100%; position: relative; padding: 0; } .tp-banner { width: 100%; position: relative; } .tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0; } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0; border-width: 0; border-style: none; background-color: #888; white-space: nowrap; } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.medium_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; letter-spacing: -2px; } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 0 4px; padding-top: 1px; background-color: #000; } .tp-caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 0 4px; padding-top: 1px; background-color: #fff; } .tp-caption.modern_medium_fat { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_fat_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_light { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.modern_big_bluebg { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; margin: 0; border-width: 0; border-style: none; background-color: #4e5b6c; letter-spacing: 0; } .tp-caption.modern_big_redbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; padding-top: 1px; margin: 0; border-width: 0; border-style: none; background-color: #de543e; letter-spacing: 0; } .tp-caption.modern_small_text_dark { position: absolute; color: #555; text-shadow: none; font-size: 14px; line-height: 22px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; } .tp-caption.boxshadow { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; } .tp-caption.noshadow { text-shadow: none; } .tp-caption.thinheadline_dark { position: absolute; color: rgba(0, 0, 0, 0.85); text-shadow: none; font-weight: 300; font-size: 30px; line-height: 30px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.thintext_dark { position: absolute; color: rgba(0, 0, 0, 0.85); text-shadow: none; font-weight: 300; font-size: 16px; line-height: 26px; font-family: "Open Sans"; background-color: transparent; } .tp-caption.largeblackbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #000; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tp-caption.largepinkbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #db4360; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tp-caption.largewhitebg { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #fff; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tp-caption.largegreenbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #67ae73; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tp-caption.excerpt { font-size: 36px; line-height: 36px; font-weight: 700; font-family: Arial; color: #fff; text-decoration: none; background-color: rgb(0, 0, 0); text-shadow: none; margin: 0; letter-spacing: -1.5px; padding: 1px 4px 0 4px; width: 150px; white-space: normal !important; height: auto; border-width: 0; border-color: #fff; border-style: none; } .tp-caption.large_bold_grey { font-size: 60px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; text-shadow: none; margin: 0; padding: 1px 4px 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_thin_grey { font-size: 34px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.small_thin_grey { font-size: 18px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: #757575; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: rgb(235, 235, 235); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #222; border-style: none; } .tp-caption.large_bold_darkblue { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #34495e; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_darkblue { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #34495e; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bold_red { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_light_red { font-size: 21px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_red { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #e33a0c; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bold_orange { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #f39c12; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_orange { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #f39c12; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.grassfloor { text-decoration: none; background-color: rgb(160, 179, 151); width: 4000px; height: 150px; border-width: 0; border-color: #222; border-style: none; } .tp-caption.large_bold_white { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_light_white { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumlarge_light_white { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumlarge_light_white_center { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; text-align: center; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_bg_asbestos { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #7f8c8d; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.medium_light_black { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.large_bold_black { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumlarge_light_darkblue { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #34495e; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.small_light_white { font-size: 17px; line-height: 28px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.roundedimage { border-width: 0; border-color: #222; border-style: none; } .tp-caption.large_bg_black { font-size: 40px; line-height: 40px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; padding: 10px 20px 15px; border-width: 0; border-color: #ffd658; border-style: none; } .tp-caption.mediumwhitebg { font-size: 30px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: #fff; padding: 5px 15px 10px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.large_bold_white_25 { font-size: 55px; line-height: 65px; font-weight: 700; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none; } .tp-caption.medium_text_shadow { font-size: 25px; line-height: 25px; font-weight: 600; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none; } .tp-caption.black_heavy_60 { font-size: 60px; line-height: 60px; font-weight: 900; font-family: Raleway; color: #000; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.white_heavy_40 { font-size: 40px; line-height: 40px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.grey_heavy_72 { font-size: 72px; line-height: 72px; font-weight: 900; font-family: Raleway; color: #d5d2d2; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.grey_regular_18 { font-size: 18px; line-height: 26px; font-family: "Open Sans"; color: #777; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.black_thin_34 { font-size: 35px; line-height: 35px; font-weight: 100; font-family: Raleway; color: #000; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.arrowicon { line-height: 1px; border-width: 0; border-color: #222; border-style: none; } .tp-caption.light_heavy_60 { font-size: 60px; line-height: 60px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.black_bold_40 { font-size: 40px; line-height: 40px; font-weight: 800; font-family: Raleway; color: #000; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.light_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.black_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: #000; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.black_bold_bg_20 { font-size: 20px; line-height: 20px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: #000; padding: 5px 8px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.greenbox30 { line-height: 30px; text-decoration: none; background-color: #86b567; padding: 0 14px; border-width: 0; border-color: #222; border-style: none; } .tp-caption.blue_heavy_60 { font-size: 60px; line-height: 60px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: #31a5cb; padding: 3px 10px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.green_bold_bg_20 { font-size: 20px; line-height: 20px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: #86b567; padding: 5px 8px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.whitecircle_600px { line-height: 1px; width: 800px; height: 800px; text-decoration: none; background: linear-gradient(to bottom, rgb(238, 238, 238) 0, rgb(255, 255, 255) 100%); filter: progid; background-color: transparent; border-radius: 400px 400px 400px 400px; border-width: 0; border-color: #222; border-style: none; } .tp-caption.fullrounded { border-radius: 400px 400px 400px 400px; border-width: 0; border-color: #222; border-style: none; } .tp-caption.light_heavy_40 { font-size: 40px; line-height: 40px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.white_thin_34 { font-size: 35px; line-height: 35px; font-weight: 200; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.fullbg_gradient { width: 100%; height: 100%; text-decoration: none; background-color: #490202; border-width: 0; border-color: #000; border-style: none; } .tp-caption.light_medium_30 { font-size: 30px; line-height: 40px; font-weight: 700; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.red_bold_bg_20 { font-size: 20px; line-height: 20px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: #e03300; padding: 5px 8px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.blue_bold_bg_20 { font-size: 20px; line-height: 20px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: #3598dc; padding: 5px 8px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.white_bold_bg_20 { font-size: 20px; line-height: 20px; font-weight: 900; font-family: Raleway; color: #000; text-decoration: none; background-color: #fff; padding: 5px 8px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.white_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.light_heavy_70_shadowed { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); border-width: 0; border-color: #000; border-style: none; } .tp-caption.light_medium_30_shadowed { font-size: 30px; line-height: 40px; font-weight: 700; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); border-width: 0; border-color: #000; border-style: none; } .tp-caption.blackboxed_heavy { font-size: 70px; line-height: 70px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; padding: 5px 20px; text-shadow: rgba(0, 0, 0, 0.14902) 0 0 7px; border-width: 0; border-color: #000; border-style: none; } .tp-caption.bignumbers_white { color: #fff; background-color: rgba(0, 0, 0, 0); font-size: 84px; line-height: 84px; font-weight: 800; font-family: Raleway; text-decoration: none; padding: 0; text-shadow: rgba(0, 0, 0, 0.24706) 0 0 7px; border-width: 0; border-color: #fff; border-style: none solid none none; } .tp-caption.whiteline_long { line-height: 1px; min-width: 660px; background-color: transparent; text-decoration: none; border-width: 2px 0 0 0; border-color: #fff #222 #222 #222; border-style: solid none none none; } .tp-caption.light_medium_20_shadowed { font-size: 20px; line-height: 30px; font-weight: 700; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); border-width: 0; border-color: #000; border-style: none; } .tp-caption.fullgradient_overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); filter: progid; width: 100%; height: 100%; border-width: 0; border-color: #222; border-style: none; } .tp-caption.light_medium_20 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; border-width: 0; border-color: #000; border-style: none; } .tp-caption.reddishbg_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: rgba(100, 1, 24, 0.8); padding: 50px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.borderbox_725x130 { min-width: 725px; min-height: 130px; background-color: transparent; text-decoration: none; border-width: 2px; border-color: #fff; border-style: solid; } .tp-caption.light_heavy_34 { font-size: 34px; line-height: 34px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.black_thin_30 { font-size: 30px; line-height: 30px; font-weight: 100; font-family: Raleway; color: #000; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.black_thin_whitebg_30 { font-size: 30px; line-height: 30px; font-weight: 300; font-family: Raleway; color: #000; text-decoration: none; background-color: #fff; padding: 5px 10px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.white_heavy_60 { font-size: 60px; line-height: 60px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.black_thin_blackbg_30 { font-size: 30px; line-height: 30px; font-weight: 300; font-family: Raleway; color: #fff; text-decoration: none; background-color: #000; padding: 5px 10px; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.light_thin_60 { font-size: 60px; line-height: 60px; font-weight: 100; font-family: Raleway; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0; border-color: #000; border-style: none; } .tp-caption.greenbgfull { background-color: #85b85f; width: 100%; height: 100%; border-width: 0; border-color: #222; border-style: none; } .tp-caption.bluebgfull { text-decoration: none; width: 100%; height: 100%; background-color: #3da4cf; border-width: 0; border-color: #222; border-style: none; } .tp-caption.blackbgfull { text-decoration: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.24706); border-width: 0; border-color: #222; border-style: none; } .tp-caption.wave_repeat1 { width: 100%; height: 600px; background-repeat: repeat-x; background-color: transparent; text-decoration: none; border-width: 0; border-color: #222; border-style: none; } .tp-caption.wavebg2 { width: 200%; height: 300px; text-decoration: none; border-width: 0; border-color: #222; border-style: none; } .tp-caption.wavebg1 { width: 200%; height: 300px; text-decoration: none; background-image: url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave11.png); border-width: 0; border-color: #222; border-style: none; } .tp-caption.wavebg3 { width: 200%; height: 300px; text-decoration: none; background-image: url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave3.png); border-width: 0; border-color: #222; border-style: none; } .tp-caption.wavebg4 { width: 200%; height: 300px; text-decoration: none; background-image: url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave4.png); border-width: 0; border-color: #222; border-style: none; } .tp-caption.greenishbg_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 900; font-family: Raleway; color: #fff; text-decoration: none; padding: 50px; text-shadow: none; background-color: rgba(40, 67, 62, 0.8); border-width: 0; border-color: #000; border-style: none; } .tp-caption.wavebg5 { width: 200%; height: 300px; text-decoration: none; background-image: url(http://themepunch.com/revolution/wp-content/uploads/2014/05/wave51.png); border-width: 0; border-color: #222; border-style: none; } .tp-caption.deepblue_sea { width: 100%; height: 1000px; background-color: rgb(30, 46, 59); text-decoration: none; border-width: 0; border-color: #222; border-style: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } .largeredbtn { font-family: "Raleway", sans-serif; font-weight: 900; font-size: 16px; line-height: 60px; color: #fff !important; text-decoration: none; padding-left: 40px; padding-right: 80px; padding-top: 22px; padding-bottom: 22px; background: #ea5b1f; background: -moz-linear-gradient(top, rgb(234, 91, 31) 0, rgb(227, 58, 12) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(234, 91, 31)), color-stop(100%, rgb(227, 58, 12))); background: -webkit-linear-gradient(top, rgb(234, 91, 31) 0, rgb(227, 58, 12) 100%); background: -o-linear-gradient(top, rgb(234, 91, 31) 0, rgb(227, 58, 12) 100%); background: -ms-linear-gradient(top, rgb(234, 91, 31) 0, rgb(227, 58, 12) 100%); background: linear-gradient(to bottom, rgb(234, 91, 31) 0, rgb(227, 58, 12) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea5b1f",endColorstr="#e33a0c",GradientType=0); } .largeredbtn:hover { background: #e33a0c; background: -moz-linear-gradient(top, rgb(227, 58, 12) 0, rgb(234, 91, 31) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(227, 58, 12)), color-stop(100%, rgb(234, 91, 31))); background: -webkit-linear-gradient(top, rgb(227, 58, 12) 0, rgb(234, 91, 31) 100%); background: -o-linear-gradient(top, rgb(227, 58, 12) 0, rgb(234, 91, 31) 100%); background: -ms-linear-gradient(top, rgb(227, 58, 12) 0, rgb(234, 91, 31) 100%); background: linear-gradient(to bottom, rgb(227, 58, 12) 0, rgb(234, 91, 31) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e33a0c",endColorstr="#ea5b1f",GradientType=0); } .fullrounded img { -webkit-border-radius: 400px; -moz-border-radius: 400px; border-radius: 400px; } @font-face { font-family: "Flaticon"; src: url(cd10a1dca08ab2cfa65e02c9bc75c07a.eot); src: url(cd10a1dca08ab2cfa65e02c9bc75c07a.eot?#iefix) format("embedded-opentype"), url(d0d87f59fefeeb48183df4efb6aec691.woff) format("woff"), url(28b2b77f3a817976619144ccdf48c15b.ttf) format("truetype"), url(f5e693adfa55b7f721a401a1a4281a7e.svg#Flaticon) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon"; src: url(f5e693adfa55b7f721a401a1a4281a7e.svg#Flaticon) format("svg"); } } [class^=flaticon-]:before, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-style: normal; } .flaticon-app:before { content: "\f100"; } .flaticon-arrows:before { content: "\f101"; } .flaticon-arrows-1:before { content: "\f102"; } .flaticon-arrows-10:before { content: "\f103"; } .flaticon-arrows-11:before { content: "\f104"; } .flaticon-arrows-12:before { content: "\f105"; } .flaticon-arrows-13:before { content: "\f106"; } .flaticon-arrows-14:before { content: "\f107"; } .flaticon-arrows-15:before { content: "\f108"; } .flaticon-arrows-16:before { content: "\f109"; } .flaticon-arrows-17:before { content: "\f10a"; } .flaticon-arrows-2:before { content: "\f10b"; } .flaticon-arrows-3:before { content: "\f10c"; } .flaticon-arrows-4:before { content: "\f10d"; } .flaticon-arrows-5:before { content: "\f10e"; } .flaticon-arrows-6:before { content: "\f10f"; } .flaticon-arrows-7:before { content: "\f110"; } .flaticon-arrows-8:before { content: "\f111"; } .flaticon-arrows-9:before { content: "\f112"; } .flaticon-beach:before { content: "\f113"; } .flaticon-building:before { content: "\f114"; } .flaticon-circle:before { content: "\f115"; } .flaticon-circle-1:before { content: "\f116"; } .flaticon-circle-2:before { content: "\f117"; } .flaticon-circle-3:before { content: "\f118"; } .flaticon-circle-4:before { content: "\f119"; } .flaticon-circle-5:before { content: "\f11a"; } .flaticon-circle-6:before { content: "\f11b"; } .flaticon-circle-7:before { content: "\f11c"; } .flaticon-circle-8:before { content: "\f11d"; } .flaticon-clock:before { content: "\f11e"; } .flaticon-cloud:before { content: "\f11f"; } .flaticon-communication:before { content: "\f120"; } .flaticon-communication-1:before { content: "\f121"; } .flaticon-communication-2:before { content: "\f122"; } .flaticon-computer:before { content: "\f123"; } .flaticon-construction:before { content: "\f124"; } .flaticon-cross:before { content: "\f125"; } .flaticon-cross-1:before { content: "\f126"; } .flaticon-cross-2:before { content: "\f127"; } .flaticon-cross-3:before { content: "\f128"; } .flaticon-cross-4:before { content: "\f129"; } .flaticon-cross-5:before { content: "\f12a"; } .flaticon-cup:before { content: "\f12b"; } .flaticon-cup-1:before { content: "\f12c"; } .flaticon-dog:before { content: "\f12d"; } .flaticon-door:before { content: "\f12e"; } .flaticon-energy:before { content: "\f12f"; } .flaticon-energy-1:before { content: "\f130"; } .flaticon-envelope:before { content: "\f131"; } .flaticon-favorite:before { content: "\f132"; } .flaticon-favorite-1:before { content: "\f133"; } .flaticon-favorite-2:before { content: "\f134"; } .flaticon-favorite-3:before { content: "\f135"; } .flaticon-favorite-4:before { content: "\f136"; } .flaticon-food:before { content: "\f137"; } .flaticon-food-1:before { content: "\f138"; } .flaticon-food-2:before { content: "\f139"; } .flaticon-food-3:before { content: "\f13a"; } .flaticon-gasoline:before { content: "\f13b"; } .flaticon-gps:before { content: "\f13c"; } .flaticon-hand:before { content: "\f13d"; } .flaticon-home:before { content: "\f13e"; } .flaticon-illumination:before { content: "\f13f"; } .flaticon-interface:before { content: "\f140"; } .flaticon-interface-1:before { content: "\f141"; } .flaticon-interface-10:before { content: "\f142"; } .flaticon-interface-11:before { content: "\f143"; } .flaticon-interface-12:before { content: "\f144"; } .flaticon-interface-13:before { content: "\f145"; } .flaticon-interface-14:before { content: "\f146"; } .flaticon-interface-15:before { content: "\f147"; } .flaticon-interface-2:before { content: "\f148"; } .flaticon-interface-3:before { content: "\f149"; } .flaticon-interface-4:before { content: "\f14a"; } .flaticon-interface-5:before { content: "\f14b"; } .flaticon-interface-6:before { content: "\f14c"; } .flaticon-interface-7:before { content: "\f14d"; } .flaticon-interface-8:before { content: "\f14e"; } .flaticon-interface-9:before { content: "\f14f"; } .flaticon-internet:before { content: "\f150"; } .flaticon-letter:before { content: "\f151"; } .flaticon-letter-1:before { content: "\f152"; } .flaticon-letter-2:before { content: "\f153"; } .flaticon-line:before { content: "\f154"; } .flaticon-line-1:before { content: "\f155"; } .flaticon-line-2:before { content: "\f156"; } .flaticon-line-3:before { content: "\f157"; } .flaticon-line-4:before { content: "\f158"; } .flaticon-line-5:before { content: "\f159"; } .flaticon-line-6:before { content: "\f15a"; } .flaticon-location:before { content: "\f15b"; } .flaticon-location-1:before { content: "\f15c"; } .flaticon-location-2:before { content: "\f15d"; } .flaticon-location-3:before { content: "\f15e"; } .flaticon-location-4:before { content: "\f15f"; } .flaticon-map:before { content: "\f160"; } .flaticon-map-1:before { content: "\f161"; } .flaticon-map-2:before { content: "\f162"; } .flaticon-medical:before { content: "\f163"; } .flaticon-moon:before { content: "\f164"; } .flaticon-multimedia:before { content: "\f165"; } .flaticon-multimedia-1:before { content: "\f166"; } .flaticon-nature:before { content: "\f167"; } .flaticon-nature-1:before { content: "\f168"; } .flaticon-nature-10:before { content: "\f169"; } .flaticon-nature-11:before { content: "\f16a"; } .flaticon-nature-12:before { content: "\f16b"; } .flaticon-nature-2:before { content: "\f16c"; } .flaticon-nature-3:before { content: "\f16d"; } .flaticon-nature-4:before { content: "\f16e"; } .flaticon-nature-5:before { content: "\f16f"; } .flaticon-nature-6:before { content: "\f170"; } .flaticon-nature-7:before { content: "\f171"; } .flaticon-nature-8:before { content: "\f172"; } .flaticon-nature-9:before { content: "\f173"; } .flaticon-networking:before { content: "\f174"; } .flaticon-note:before { content: "\f175"; } .flaticon-note-1:before { content: "\f176"; } .flaticon-paper:before { content: "\f177"; } .flaticon-paper-1:before { content: "\f178"; } .flaticon-paper-2:before { content: "\f179"; } .flaticon-paper-3:before { content: "\f17a"; } .flaticon-pen:before { content: "\f17b"; } .flaticon-people:before { content: "\f17c"; } .flaticon-people-1:before { content: "\f17d"; } .flaticon-people-2:before { content: "\f17e"; } .flaticon-people-3:before { content: "\f17f"; } .flaticon-people-4:before { content: "\f180"; } .flaticon-people-5:before { content: "\f181"; } .flaticon-phone:before { content: "\f182"; } .flaticon-play:before { content: "\f183"; } .flaticon-play-1:before { content: "\f184"; } .flaticon-recycle:before { content: "\f185"; } .flaticon-search:before { content: "\f186"; } .flaticon-search-1:before { content: "\f187"; } .flaticon-security:before { content: "\f188"; } .flaticon-security-1:before { content: "\f189"; } .flaticon-security-2:before { content: "\f18a"; } .flaticon-security-3:before { content: "\f18b"; } .flaticon-security-4:before { content: "\f18c"; } .flaticon-shape:before { content: "\f18d"; } .flaticon-shape-1:before { content: "\f18e"; } .flaticon-shape-2:before { content: "\f18f"; } .flaticon-shape-3:before { content: "\f190"; } .flaticon-shapes:before { content: "\f191"; } .flaticon-shapes-1:before { content: "\f192"; } .flaticon-shapes-2:before { content: "\f193"; } .flaticon-shapes-3:before { content: "\f194"; } .flaticon-shapes-4:before { content: "\f195"; } .flaticon-shapes-5:before { content: "\f196"; } .flaticon-shield:before { content: "\f197"; } .flaticon-sign:before { content: "\f198"; } .flaticon-sign-1:before { content: "\f199"; } .flaticon-sign-2:before { content: "\f19a"; } .flaticon-signs:before { content: "\f19b"; } .flaticon-signs-1:before { content: "\f19c"; } .flaticon-signs-2:before { content: "\f19d"; } .flaticon-signs-3:before { content: "\f19e"; } .flaticon-silhouette:before { content: "\f19f"; } .flaticon-sky:before { content: "\f1a0"; } .flaticon-social:before { content: "\f1a1"; } .flaticon-social-1:before { content: "\f1a2"; } .flaticon-social-media:before { content: "\f1a3"; } .flaticon-squares:before { content: "\f1a4"; } .flaticon-squares-1:before { content: "\f1a5"; } .flaticon-starred:before { content: "\f1a6"; } .flaticon-summer:before { content: "\f1a7"; } .flaticon-summer-1:before { content: "\f1a8"; } .flaticon-summer-2:before { content: "\f1a9"; } .flaticon-summer-3:before { content: "\f1aa"; } .flaticon-symbol:before { content: "\f1ab"; } .flaticon-symbol-1:before { content: "\f1ac"; } .flaticon-symbol-2:before { content: "\f1ad"; } .flaticon-technology:before { content: "\f1ae"; } .flaticon-technology-1:before { content: "\f1af"; } .flaticon-technology-10:before { content: "\f1b0"; } .flaticon-technology-11:before { content: "\f1b1"; } .flaticon-technology-12:before { content: "\f1b2"; } .flaticon-technology-13:before { content: "\f1b3"; } .flaticon-technology-14:before { content: "\f1b4"; } .flaticon-technology-15:before { content: "\f1b5"; } .flaticon-technology-16:before { content: "\f1b6"; } .flaticon-technology-17:before { content: "\f1b7"; } .flaticon-technology-2:before { content: "\f1b8"; } .flaticon-technology-3:before { content: "\f1b9"; } .flaticon-technology-4:before { content: "\f1ba"; } .flaticon-technology-5:before { content: "\f1bb"; } .flaticon-technology-6:before { content: "\f1bc"; } .flaticon-technology-7:before { content: "\f1bd"; } .flaticon-technology-8:before { content: "\f1be"; } .flaticon-technology-9:before { content: "\f1bf"; } .flaticon-telephone:before { content: "\f1c0"; } .flaticon-telephone-1:before { content: "\f1c1"; } .flaticon-telephone-2:before { content: "\f1c2"; } .flaticon-telephone-3:before { content: "\f1c3"; } .flaticon-three:before { content: "\f1c4"; } .flaticon-three-1:before { content: "\f1c5"; } .flaticon-tool:before { content: "\f1c6"; } .flaticon-tool-1:before { content: "\f1c7"; } .flaticon-tool-2:before { content: "\f1c8"; } .flaticon-tool-3:before { content: "\f1c9"; } .flaticon-tool-4:before { content: "\f1ca"; } .flaticon-tool-5:before { content: "\f1cb"; } .flaticon-tool-6:before { content: "\f1cc"; } .flaticon-tool-7:before { content: "\f1cd"; } .flaticon-weapon:before { content: "\f1ce"; } .flaticon-weather:before { content: "\f1cf"; } .flaticon-weather-1:before { content: "\f1d0"; } .flaticon-web:before { content: "\f1d1"; } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: "FontAwesome"; src: url(03605b2467d43a9f4c63fc0b684ed3b8.eot); src: url(03605b2467d43a9f4c63fc0b684ed3b8.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(fb685a7c7e4aae2d4d7117d94e573329.woff2) format("woff2"), url(c589f72df384e3ef078b259426c062e1.woff) format("woff"), url(45f9f92a5bfbad4be12f704e8ab9c128.ttf) format("truetype"), url(fd7873675ac92feb54ea5e077edd658d.svg#fontawesomeregular) format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eeeeee; border-radius: 0.1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } @font-face { font-family: "Flaticon"; src: url(cd10a1dca08ab2cfa65e02c9bc75c07a.eot); src: url(cd10a1dca08ab2cfa65e02c9bc75c07a.eot?#iefix) format("embedded-opentype"), url(d0d87f59fefeeb48183df4efb6aec691.woff) format("woff"), url(28b2b77f3a817976619144ccdf48c15b.ttf) format("truetype"), url(f5e693adfa55b7f721a401a1a4281a7e.svg#Flaticon) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon"; src: url(f5e693adfa55b7f721a401a1a4281a7e.svg#Flaticon) format("svg"); } } [class^=flaticon-]:before, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-style: normal; } .flaticon-app:before { content: "\f100"; } .flaticon-arrows:before { content: "\f101"; } .flaticon-arrows-1:before { content: "\f102"; } .flaticon-arrows-10:before { content: "\f103"; } .flaticon-arrows-11:before { content: "\f104"; } .flaticon-arrows-12:before { content: "\f105"; } .flaticon-arrows-13:before { content: "\f106"; } .flaticon-arrows-14:before { content: "\f107"; } .flaticon-arrows-15:before { content: "\f108"; } .flaticon-arrows-16:before { content: "\f109"; } .flaticon-arrows-17:before { content: "\f10a"; } .flaticon-arrows-2:before { content: "\f10b"; } .flaticon-arrows-3:before { content: "\f10c"; } .flaticon-arrows-4:before { content: "\f10d"; } .flaticon-arrows-5:before { content: "\f10e"; } .flaticon-arrows-6:before { content: "\f10f"; } .flaticon-arrows-7:before { content: "\f110"; } .flaticon-arrows-8:before { content: "\f111"; } .flaticon-arrows-9:before { content: "\f112"; } .flaticon-beach:before { content: "\f113"; } .flaticon-building:before { content: "\f114"; } .flaticon-circle:before { content: "\f115"; } .flaticon-circle-1:before { content: "\f116"; } .flaticon-circle-2:before { content: "\f117"; } .flaticon-circle-3:before { content: "\f118"; } .flaticon-circle-4:before { content: "\f119"; } .flaticon-circle-5:before { content: "\f11a"; } .flaticon-circle-6:before { content: "\f11b"; } .flaticon-circle-7:before { content: "\f11c"; } .flaticon-circle-8:before { content: "\f11d"; } .flaticon-clock:before { content: "\f11e"; } .flaticon-cloud:before { content: "\f11f"; } .flaticon-communication:before { content: "\f120"; } .flaticon-communication-1:before { content: "\f121"; } .flaticon-communication-2:before { content: "\f122"; } .flaticon-computer:before { content: "\f123"; } .flaticon-construction:before { content: "\f124"; } .flaticon-cross:before { content: "\f125"; } .flaticon-cross-1:before { content: "\f126"; } .flaticon-cross-2:before { content: "\f127"; } .flaticon-cross-3:before { content: "\f128"; } .flaticon-cross-4:before { content: "\f129"; } .flaticon-cross-5:before { content: "\f12a"; } .flaticon-cup:before { content: "\f12b"; } .flaticon-cup-1:before { content: "\f12c"; } .flaticon-dog:before { content: "\f12d"; } .flaticon-door:before { content: "\f12e"; } .flaticon-energy:before { content: "\f12f"; } .flaticon-energy-1:before { content: "\f130"; } .flaticon-envelope:before { content: "\f131"; } .flaticon-favorite:before { content: "\f132"; } .flaticon-favorite-1:before { content: "\f133"; } .flaticon-favorite-2:before { content: "\f134"; } .flaticon-favorite-3:before { content: "\f135"; } .flaticon-favorite-4:before { content: "\f136"; } .flaticon-food:before { content: "\f137"; } .flaticon-food-1:before { content: "\f138"; } .flaticon-food-2:before { content: "\f139"; } .flaticon-food-3:before { content: "\f13a"; } .flaticon-gasoline:before { content: "\f13b"; } .flaticon-gps:before { content: "\f13c"; } .flaticon-hand:before { content: "\f13d"; } .flaticon-home:before { content: "\f13e"; } .flaticon-illumination:before { content: "\f13f"; } .flaticon-interface:before { content: "\f140"; } .flaticon-interface-1:before { content: "\f141"; } .flaticon-interface-10:before { content: "\f142"; } .flaticon-interface-11:before { content: "\f143"; } .flaticon-interface-12:before { content: "\f144"; } .flaticon-interface-13:before { content: "\f145"; } .flaticon-interface-14:before { content: "\f146"; } .flaticon-interface-15:before { content: "\f147"; } .flaticon-interface-2:before { content: "\f148"; } .flaticon-interface-3:before { content: "\f149"; } .flaticon-interface-4:before { content: "\f14a"; } .flaticon-interface-5:before { content: "\f14b"; } .flaticon-interface-6:before { content: "\f14c"; } .flaticon-interface-7:before { content: "\f14d"; } .flaticon-interface-8:before { content: "\f14e"; } .flaticon-interface-9:before { content: "\f14f"; } .flaticon-internet:before { content: "\f150"; } .flaticon-letter:before { content: "\f151"; } .flaticon-letter-1:before { content: "\f152"; } .flaticon-letter-2:before { content: "\f153"; } .flaticon-line:before { content: "\f154"; } .flaticon-line-1:before { content: "\f155"; } .flaticon-line-2:before { content: "\f156"; } .flaticon-line-3:before { content: "\f157"; } .flaticon-line-4:before { content: "\f158"; } .flaticon-line-5:before { content: "\f159"; } .flaticon-line-6:before { content: "\f15a"; } .flaticon-location:before { content: "\f15b"; } .flaticon-location-1:before { content: "\f15c"; } .flaticon-location-2:before { content: "\f15d"; } .flaticon-location-3:before { content: "\f15e"; } .flaticon-location-4:before { content: "\f15f"; } .flaticon-map:before { content: "\f160"; } .flaticon-map-1:before { content: "\f161"; } .flaticon-map-2:before { content: "\f162"; } .flaticon-medical:before { content: "\f163"; } .flaticon-moon:before { content: "\f164"; } .flaticon-multimedia:before { content: "\f165"; } .flaticon-multimedia-1:before { content: "\f166"; } .flaticon-nature:before { content: "\f167"; } .flaticon-nature-1:before { content: "\f168"; } .flaticon-nature-10:before { content: "\f169"; } .flaticon-nature-11:before { content: "\f16a"; } .flaticon-nature-12:before { content: "\f16b"; } .flaticon-nature-2:before { content: "\f16c"; } .flaticon-nature-3:before { content: "\f16d"; } .flaticon-nature-4:before { content: "\f16e"; } .flaticon-nature-5:before { content: "\f16f"; } .flaticon-nature-6:before { content: "\f170"; } .flaticon-nature-7:before { content: "\f171"; } .flaticon-nature-8:before { content: "\f172"; } .flaticon-nature-9:before { content: "\f173"; } .flaticon-networking:before { content: "\f174"; } .flaticon-note:before { content: "\f175"; } .flaticon-note-1:before { content: "\f176"; } .flaticon-paper:before { content: "\f177"; } .flaticon-paper-1:before { content: "\f178"; } .flaticon-paper-2:before { content: "\f179"; } .flaticon-paper-3:before { content: "\f17a"; } .flaticon-pen:before { content: "\f17b"; } .flaticon-people:before { content: "\f17c"; } .flaticon-people-1:before { content: "\f17d"; } .flaticon-people-2:before { content: "\f17e"; } .flaticon-people-3:before { content: "\f17f"; } .flaticon-people-4:before { content: "\f180"; } .flaticon-people-5:before { content: "\f181"; } .flaticon-phone:before { content: "\f182"; } .flaticon-play:before { content: "\f183"; } .flaticon-play-1:before { content: "\f184"; } .flaticon-recycle:before { content: "\f185"; } .flaticon-search:before { content: "\f186"; } .flaticon-search-1:before { content: "\f187"; } .flaticon-security:before { content: "\f188"; } .flaticon-security-1:before { content: "\f189"; } .flaticon-security-2:before { content: "\f18a"; } .flaticon-security-3:before { content: "\f18b"; } .flaticon-security-4:before { content: "\f18c"; } .flaticon-shape:before { content: "\f18d"; } .flaticon-shape-1:before { content: "\f18e"; } .flaticon-shape-2:before { content: "\f18f"; } .flaticon-shape-3:before { content: "\f190"; } .flaticon-shapes:before { content: "\f191"; } .flaticon-shapes-1:before { content: "\f192"; } .flaticon-shapes-2:before { content: "\f193"; } .flaticon-shapes-3:before { content: "\f194"; } .flaticon-shapes-4:before { content: "\f195"; } .flaticon-shapes-5:before { content: "\f196"; } .flaticon-shield:before { content: "\f197"; } .flaticon-sign:before { content: "\f198"; } .flaticon-sign-1:before { content: "\f199"; } .flaticon-sign-2:before { content: "\f19a"; } .flaticon-signs:before { content: "\f19b"; } .flaticon-signs-1:before { content: "\f19c"; } .flaticon-signs-2:before { content: "\f19d"; } .flaticon-signs-3:before { content: "\f19e"; } .flaticon-silhouette:before { content: "\f19f"; } .flaticon-sky:before { content: "\f1a0"; } .flaticon-social:before { content: "\f1a1"; } .flaticon-social-1:before { content: "\f1a2"; } .flaticon-social-media:before { content: "\f1a3"; } .flaticon-squares:before { content: "\f1a4"; } .flaticon-squares-1:before { content: "\f1a5"; } .flaticon-starred:before { content: "\f1a6"; } .flaticon-summer:before { content: "\f1a7"; } .flaticon-summer-1:before { content: "\f1a8"; } .flaticon-summer-2:before { content: "\f1a9"; } .flaticon-summer-3:before { content: "\f1aa"; } .flaticon-symbol:before { content: "\f1ab"; } .flaticon-symbol-1:before { content: "\f1ac"; } .flaticon-symbol-2:before { content: "\f1ad"; } .flaticon-technology:before { content: "\f1ae"; } .flaticon-technology-1:before { content: "\f1af"; } .flaticon-technology-10:before { content: "\f1b0"; } .flaticon-technology-11:before { content: "\f1b1"; } .flaticon-technology-12:before { content: "\f1b2"; } .flaticon-technology-13:before { content: "\f1b3"; } .flaticon-technology-14:before { content: "\f1b4"; } .flaticon-technology-15:before { content: "\f1b5"; } .flaticon-technology-16:before { content: "\f1b6"; } .flaticon-technology-17:before { content: "\f1b7"; } .flaticon-technology-2:before { content: "\f1b8"; } .flaticon-technology-3:before { content: "\f1b9"; } .flaticon-technology-4:before { content: "\f1ba"; } .flaticon-technology-5:before { content: "\f1bb"; } .flaticon-technology-6:before { content: "\f1bc"; } .flaticon-technology-7:before { content: "\f1bd"; } .flaticon-technology-8:before { content: "\f1be"; } .flaticon-technology-9:before { content: "\f1bf"; } .flaticon-telephone:before { content: "\f1c0"; } .flaticon-telephone-1:before { content: "\f1c1"; } .flaticon-telephone-2:before { content: "\f1c2"; } .flaticon-telephone-3:before { content: "\f1c3"; } .flaticon-three:before { content: "\f1c4"; } .flaticon-three-1:before { content: "\f1c5"; } .flaticon-tool:before { content: "\f1c6"; } .flaticon-tool-1:before { content: "\f1c7"; } .flaticon-tool-2:before { content: "\f1c8"; } .flaticon-tool-3:before { content: "\f1c9"; } .flaticon-tool-4:before { content: "\f1ca"; } .flaticon-tool-5:before { content: "\f1cb"; } .flaticon-tool-6:before { content: "\f1cc"; } .flaticon-tool-7:before { content: "\f1cd"; } .flaticon-weapon:before { content: "\f1ce"; } .flaticon-weather:before { content: "\f1cf"; } .flaticon-weather-1:before { content: "\f1d0"; } .flaticon-web:before { content: "\f1d1"; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { -webkit-transform: none; transform: none; } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; /*background: url(../img/bx-slider/bx_loader.gif) center center no-repeat #fff;*/ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .bx-wrapper .bx-prev { left: 10px; } .bx-wrapper .bx-next { right: 10px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9 ; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: 0.85em; padding: 10px; } /** THEME ===================================*/ /* LOADER */ /* PAGER */ /* DIRECTION CONTROLS (NEXT / PREV) */ /* AUTO CONTROLS (START / STOP) */ /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ /* IMAGE CAPTIONS */ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); justify-content: center; } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* * Owl Carousel - Video Plugin */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; display: block; } .owl-theme .owl-controls .owl-nav [class*=owl-] { background: none repeat scroll 0 0 #d6d6d6; border-radius: 3px; color: white; cursor: pointer; display: inline-block; font-size: 14px; margin: 5px; padding: 4px 7px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: none repeat scroll 0 0 #000; color: white; text-decoration: none; } .owl-theme .owl-controls .owl-nav .disabled { cursor: default; opacity: 0.5; } .owl-theme .owl-dots .owl-dot { display: inline-block; } .owl-theme .owl-dots .owl-dot span { background: none repeat scroll 0 0 #d6d6d6; border-radius: 30px; display: block; height: 10px; margin: 5px 7px; transition: opacity 200ms ease 0s; width: 10px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: none repeat scroll 0 0 #000; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(7b8e2ce6af56d812aac39e65834c9dd9.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(78a563f0ad9e9a354f51b1dfcbd81991.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMEM4NDgzQjlDRTNFMTExODE4NUVDOTdFQ0I0RDgxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGREU5OEVCQzAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGREU5OEVCQjAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIxQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s3YRAQAAABtJREFUeNpiFODh2cBABGBiIBKMKqSOQoAAAwBokQDs5F/8FAAAAABJRU5ErkJggg==); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(89fa20c7590c9538072a2b6bde598920.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(d8f0a9727c7b19e2f0dbb378910ef028.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: 0.3s, 1.5s; animation-duration: 0.3s, 1.5s; -webkit-animation-delay: 0s, 0.3s; animation-delay: 0s, 0.3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: 0.3s, 1.5s; animation-duration: 0.3s, 1.5s; -webkit-animation-delay: 0s, 0.3s; animation-delay: 0s, 0.3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098d1; color: white; } /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098d1; background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } .top-services .hvr-rectangle-out, .services-slider .hvr-rectangle-out { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .top-services .hvr-rectangle-out:before, .services-slider .hvr-rectangle-out:before { background: rgba(0, 0, 0, 0.05); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ""; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ""; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .meet-the-team .member .social li.hvr-ripple-out:before { border: #0f86ff solid 6px; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ""; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ""; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ""; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098d1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ""; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ""; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ""; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ""; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ""; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:before { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:before { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: 0.3s, 1.5s; animation-duration: 0.3s, 1.5s; -webkit-animation-delay: 0s, 0.3s; animation-delay: 0s, 0.3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: 0.3s, 1.5s; animation-duration: 0.3s, 1.5s; -webkit-animation-delay: 0s, 0.3s; animation-delay: 0s, 0.3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ""; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#000000"); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } .top-services .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ""; height: 0; width: 0; top: 0; left: 0; background: #0f86ff; /* IE9 */ background: linear-gradient(135deg, white 45%, #0f86ff 50%, #0f86ff 56%, #0f86ff 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff", endColorstr="#0f86ff"); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .top-services .hvr-curl-top-left:hover:before, .top-services .hvr-curl-top-left:focus:before, .top-services .hvr-curl-top-left:active:before { width: 40px; height: 40px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ""; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } .top-services .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ""; height: 0; width: 0; top: 0; right: 0; background: #6ec7f9; /* IE9 */ background: linear-gradient(225deg, white 45%, #6ec7f9 50%, #6ec7f9 56%, #6ec7f9 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .top-services .hvr-curl-top-right:hover:before, .top-services .hvr-curl-top-right:focus:before, .top-services .hvr-curl-top-right:active:before { width: 40px; height: 40px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ""; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ""; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /* all bigger than a tablet */ /* large screen */ /*desktop and tablet landscape */ /* mobile */ /* specifi mobile landscape */ /* specific portrait */ /* specific landscape*/ /* specifi mobile landscape */ #quartier { width: 100%; } .site-content-contain .site-content { padding: 0 0 0 0 !important; overflow: hidden; } .site-content-contain .main-slider { padding-bottom: 40px !important; } footer .wpcf7 p { margin: 0; } .main-footer { clear: both !important; } .single #primary { width: 100% !important; max-width: 100%; clear: both; } .sidebar-page .search-form label { display: none; } .parent.comment { padding-left: 0px !important; } .comment-reply-link, .comment-reply-link:hover { text-decoration: none; box-shadow: none; color: #fff; } .page #content .wpcf7-form .wpcf7-form-control-wrap { float: left; } @media (max-width: 767px) { .page #content .wpcf7-form .wpcf7-form-control-wrap { float: left; display: block; width: 100%; padding: 0; } } .page #content .wpcf7-form .wpcf7-form-control-wrap input, .page #content .wpcf7-form .wpcf7-form-control-wrap textarea { position: relative; display: block; line-height: 30px; padding: 10px 20px; color: #555555; background: #ffffff; border: 1px solid #e0e0e0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .page #content .wpcf7-form .wpcf7-form-control-wrap textarea { height: 300px; } .page #content .wpcf7-form input[type=submit] { max-width: 300px; float: right; border: 1px solid #000; color: #000; } @media (max-width: 767px) { .page #content .wpcf7-form input[type=submit] { max-width: 100%; margin-right: 0; } } .other-info .contact-sp-form input[type=submit] { margin-right: 15px; margin-top: 15px; } .other-info .contact-sp-form input[type=submit]:hover { border: 2px solid #f14b05; box-sizing: border-box; } .other-info .contact-sp-form .wpcf7-not-valid { border: 1px solid #f00 !important; } .other-info .contact-sp-form .wpcf7-not-valid-tip { padding-bottom: 12px; } .other-info .contact-sp-form .wpcf7-validation-errors { display: block !important; clear: both !important; border: 2px solid #f00; color: #f00; padding-left: 0; padding-right: 0; text-indent: 8px; } .other-info .contact-sp-form label.error { color: #f00; } .footer-upper .wpcf7-form-control-wrap { width: 100% !important; padding-left: 0; padding-right: 0; } .contact-section h2 { padding-left: 13px; margin: 0; padding-top: 0; } .default-featured-column .image-box, .category .blog-news-column .image-box { height: 216px; } .default-featured-column .image-box img, .category .blog-news-column .image-box img { width: 100%; height: auto !important; position: absolute; top: 0; left: 0; } .vertical-links-outer.events-post .default .image-thumb { overflow: hidden; } @media all and (max-width:1023px) { .vertical-links-outer.events-post .default .image-thumb { position: static; } } .vertical-links-outer.events-post .default .image-thumb img { height: 100%; max-width: initial !important; width: auto; } html body { padding-top: 0; } @media (max-width: 1149px) { html body { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; left: 0; position: relative; } html body.single, html body.page { padding-top: 0; } html body.open-nav { overflow: hidden; left: 100%; } html body.open-nav:before { content: ""; position: fixed; top: 0; left: 0; background: #282727; opacity: 1; width: 100%; height: 100%; z-index: 100; display: block; } html body.open-nav .main-menu .navbar-toggle { left: 20px; background: #000; } html body.open-nav .main-menu .navbar-toggle span { background-color: #fff !important; } html body.open-nav .header-style-two { left: 100%; } html body.open-nav .header-style-two .navbar-header { left: 79%; top: 18px; position: fixed; border-radius: 0 8px 8px 0; } html body.open-nav .header-style-two .navbar-header .navbar-toggle { background: #000; background: linear-gradient(90deg, rgb(54, 54, 54) 0%, #000 150%); border-radius: 0 8px 8px 0; } html body.open-nav .header-style-two .btn-box { display: none; } } @media (max-width: 1149px) { html .main-menu { padding: 0; width: 85%; position: fixed; top: 15px; left: 15px; z-index: 10000000; background: rgba(49, 49, 49, 0.9) !important; } html .main-menu .navbar-header { position: absolute; top: 2px; padding: 0 !important; margin: 0 !important; display: block !important; width: 30px; left: 0; } html .main-menu .navbar-header:before, html .main-menu .navbar-header:after { display: block !important; } html .main-menu .navbar-header .nav-bar { position: absolute !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } html .main-menu .navbar-header .navbar-toggle { background: transparent; border: 0 none; left: initial; right: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: flex !important; flex-direction: column; justify-content: space-around; height: 46px; } html .main-menu .navbar-header .navbar-toggle.active { background: transparent; border-radius: 5px; } html .main-menu .navbar-header .navbar-toggle span { background: #fff !important; height: 3px; border-radius: 10px; width: 33px; } html .main-menu .navbar-header .navbar-toggle span:first-child { width: 90%; } html .main-menu .navbar-header .navbar-toggle span:last-child { width: 80%; } html .main-menu .collapse, html .main-menu .collapsing { position: fixed !important; top: 0 !important; left: -100% !important; height: 100% !important; width: 85% !important; max-height: initial !important; background: #fff; display: block !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: -16px 0 20px #000; } html .main-menu .collapse.in, html .main-menu .collapsing.in { padding: 0; margin: 0; height: 100%; max-height: initial; position: fixed; top: 0 !important; left: 0 !important; background: #fff; border: 0 none !important; padding: 40px !important; } } @media (max-width: 1149px) and (max-width: 1149px) { html .main-menu .collapse.in, html .main-menu .collapsing.in { background: #fff; background: linear-gradient(180deg, rgb(54, 54, 54) 0%, #000 150%); } } @media (max-width: 1149px) { html .main-menu .collapse .navigation, html .main-menu .collapsing .navigation { border: 0 none !important; padding: 0; background-color: transparent; } html .main-menu .collapse .navigation li, html .main-menu .collapsing .navigation li { border: 0 none !important; line-height: 50px !important; padding: 0 !important; text-indent: 15px; position: relative; background: transparent !important; } html .main-menu .collapse .navigation li.current-menu-item a, html .main-menu .collapse .navigation li.current a, html .main-menu .collapsing .navigation li.current-menu-item a, html .main-menu .collapsing .navigation li.current a { color: #fff !important; } html .main-menu .collapse .navigation li .icon, html .main-menu .collapsing .navigation li .icon { height: 25px; width: 25px; line-height: 50px; text-align: center; font-size: 6px; position: absolute; top: 10px; right: 12px; } html .main-menu .collapse .navigation li .dropdown-btn, html .main-menu .collapsing .navigation li .dropdown-btn { height: 50px !important; width: 50px !important; line-height: 50px !important; text-align: center !important; font-size: 13px; position: absolute !important; top: 0 !important; right: 0 !important; left: initial !important; display: block !important; } html .main-menu .collapse .navigation li.dropdown a:before, html .main-menu .collapsing .navigation li.dropdown a:before { height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 20px; display: none; } html .main-menu .collapse .navigation li.dropdown .sub-menu li, html .main-menu .collapsing .navigation li.dropdown .sub-menu li { background: #fff !important; } html .main-menu .collapse .navigation li.dropdown .sub-menu li.current a, html .main-menu .collapsing .navigation li.dropdown .sub-menu li.current a { color: #00abc3 !important; background: #fff !important; } html .main-menu .collapse .navigation li.dropdown .sub-menu li.current a:after, html .main-menu .collapsing .navigation li.dropdown .sub-menu li.current a:after { top: 12px; color: #00abc3 !important; } html .main-menu .collapse .navigation li.dropdown .sub-menu li + li, html .main-menu .collapsing .navigation li.dropdown .sub-menu li + li { border-top: 0 none !important; } html .main-menu .collapse .navigation li a, html .main-menu .collapsing .navigation li a { padding: 0 !important; color: #fff; line-height: 50px; background: transparent !important; font-size: 20px; } html .main-menu .collapse .navigation li + li, html .main-menu .collapsing .navigation li + li { border-top: 0 none !important; margin-top: 11px !important; } } html .header-style-two .lower-part { height: auto !important; } @media all and (max-width :767px) { html .header-style-two .lower-part .outer-box { padding: 0; } } @media (max-width: 1149px) { html .header-style-two .lower-part .outer-box .btn-box { clear: both; position: fixed; bottom: initial; top: 20px; right: 17px; height: auto; width: 45px; height: 45px; border-radius: 100%; overflow: hidden; font-family: fontAwesome; } html .header-style-two .lower-part .outer-box .btn-box:before { content: "\f095"; display: inline-block; color: #000; font-size: 20px; position: relative; top: 10px; } } @media (max-width: 1149px) { html .header-style-two .lower-part .outer-box .btn-box a { opacity: 0; position: absolute; } } html .header-style-two .header-top .logo img { max-width: 65px; } @media (max-width: 1149px) { html .header-style-two .header-top .logo img { max-width: 77px; padding: 0; } } html .sec-title { position: relative; margin-bottom: 50px; font-family: arial; } html .sec-title h2 span { font-weight: bold; } html .sec-title .text { color: #000 !important; } @media all and (max-width:1023px) { html .vertical-links-outer.events-post .default { padding: 15px 70px 20px 20px; } } .home-subtitle { background: none; color: #312783; padding: 27px 16px !important; border: 0 none; } .home-subtitle p { font-size: 19px; font-weight: 500; line-height: 28px; } .mapouter { position: relative; text-align: right; height: 500px; width: 600px; } @media (max-width: 1149px) { .mapouter { width: 100%; } } .gmap_canvas { overflow: hidden; background: none !important; height: 500px; width: 600px; } @media (max-width: 1149px) { .gmap_canvas { width: 100%; } } .recrutement .entry-content p { text-align: center; font-size: 32px; display: block; max-width: 750px; margin: 0 auto; } @media (max-width: 1149px) { .recrutement .entry-content p { font-size: 20px; } } .recrutement .wpcf7 { max-width: 450px; margin: 0 auto; } .recrutement .wpcf7 label { display: block; float: none; margin-top: 40px; text-align: left; font-size: 20px; color: #838e96; font-weight: normal; } .recrutement .wpcf7 label span { float: none !important; } .recrutement .wpcf7 label span input { margin-top: 10px; } .recrutement .wpcf7-form input[type=file] { border: 0 none !important; } .recrutement .wpcf7-form input[type=submit] { float: none !important; margin: 40px auto 0; background: #312783; max-width: 100% !important; } .recrutement .wpcf7-form input[type=submit]:hover { background: #312783; color: white; opacity: 0.9; } .immersive-contact { position: relative; } .immersive-contact .default-section { margin: 0; padding: 0; } .immersive-contact .default-section .auto-container { max-width: 100%; } @media (max-width: 1149px) { .immersive-contact .page { padding: 0; } } .immersive-contact .page .entry-content { width: 100%; } .immersive-contact #gmp-map { position: absolute; bottom: 0; z-index: 1; left: 0; } @media (max-width: 1149px) { .immersive-contact #gmp-map { position: static; } } #gmp-map { width: 100%; height: 700px; } html .wpcf7-validation-errors { border: 2px solid #e20000; padding: 20px !important; background: #fff; margin-top: 0 !important; } html .policy article.page .entry-content { max-width: "all and (min-width :1440px)"; margin: 0 auto; padding: 0 40px; } html .policy article.page .entry-content h2 { font-weight: bold; color: #000; font-size: 30px; background: none; padding: 20px 0; } html .policy article.page .entry-content h2:after { content: ""; display: none !important; } /* CharityClub Nonprofit HTML5 Template */ @media only screen and (max-width: 1250px) { .two-column-fluid .column { width: 100%; min-height: 0px; } .two-column-fluid .left-column .content-box, .two-column-fluid .right-column .content-box { float: none; max-width: none; width: 100%; padding: 50px 20px; } .two-col-bg .content-box { float: none; max-width: none; width: 100%; padding: 40px 20px; } } @media only screen and (max-width: 1199px) { .main-footer .footer-upper { padding: 70px 0 40px; } } @media only screen and (max-width: 1140px) { .main-menu .navigation > li { margin-right: 10px; } } @media only screen and (max-width: 1023px) { .header-style-two .lower-part { height: auto; } .main-header .header-upper .nav-outer { width: 100%; } .main-menu .navigation > li { margin-right: 10px; margin-left: 0px; } .header-style-two .main-menu .navigation > li { margin-right: 10px; margin-left: 0px; } .header-style-two .lower-part .outer-box { padding-left: 15px; } .featured-fluid-section .text-column, .featured-fluid-section .image-column { position: relative; width: 100%; } .featured-fluid-section .dark-column .content-box { float: none; max-width: none; width: 100%; padding: 50px 30px 50px 15px; } .featured-fluid-section .image-column { position: relative; min-height: 300px; } .header-style-two .header-top .info-box { display: inline-block; float: none; text-align: center; padding-left: 0px; margin: 0px 15px 10px; } .header-style-two .header-top .info-box .icon { position: relative; left: 0px; top: 0px; margin-top: 0px; margin-bottom: 10px; width: 100%; } .header-style-two .social-links { top: -10px; } .header-style-two .header-top .info-outer { width: 100%; text-align: center; } .main-header .header-lower .outer-box { padding-right: 0px; } .main-header .top-bar .info-outer { position: relative; border-radius: 0px; } .main-header .header-upper .logo { width: 100%; text-align: center; margin-bottom: 10px; } .header-style-two .header-top .logo { width: 100%; text-align: center; margin-bottom: 10px; } .default-featured-column.style-two .content-box .theme-btn.btn-sm { padding: 2px 7px; } } @media only screen and (max-width: 991px) { .two-column-fluid .icon-box .icon { padding-left: 18px; } .default-featured-column.style-two .content-box .theme-btn.btn-sm { padding: 2px 9px; } .default-featured-column .image-box .donate-piechart { bottom: -20px; } } @media (max-width: 1149px) { .main-menu .navigation > li > ul { display: none; visibility: hidden; opacity: 0; } .main-menu .navigation > li > ul > li > ul { display: block !important; visibility: hidden; opacity: 0; } .main-menu .navigation > li { /* &:hover{ ul{ display: block !important; visibility: hidden; opacity: 0; } } */ } .modal-dialog { width: 100%; max-width: 960px; margin: 50px auto; } } @media (max-width: 1149px) { .xs-text-center { text-align: center; } .main-header .header-upper, .fixed-header.main-header .header-upper { position: relative !important; } .main-header .header-upper .logo { width: 100%; text-align: center; } .main-header .header-upper .nav-outer { width: 100%; padding: 0px; } .header-style-two .lower-part .outer-box { padding-right: 15px; padding-bottom: 0px; padding-top: 10px; } .main-header .header-upper .nav-outer .btn-donate { right: auto; left: 0px; top: 0px; } .main-header .header-upper .social-box { display: none; } .header-lower .outer-box { padding-right: 0px; } .main-menu { float: none; padding-top: 0px; z-index: 5; padding-bottom: 0px; } .fixed-header .main-menu { padding-top: 0px; } .main-menu .collapse { max-height: 300px; overflow: auto; float: none; width: 100%; padding: 0px 0px 25px; border: 1px solid #00abc3; margin: 0px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; z-index: 2000; } .main-menu .collapse.in { padding: 0px; border: 1px solid #00abc3; margin: 0px 0px 25px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .main-menu .collapsing { padding: 0px; border: 1px solid #fff; margin: 0px 0px 25px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .main-menu .navbar-header { position: relative; float: none; display: block; text-align: right; width: 100%; padding: 4px 0px 15px; right: 0px; z-index: 12; } .header-style-two .main-menu .navbar-header { padding: 0px 0px 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .main-menu .navbar-header .navbar-toggle { display: inline-block; z-index: 7; border: 1px solid #00abc3; background: #00abc3; float: none; margin: 0px; border-radius: 0px; } .header-style-two .main-menu .navbar-header .navbar-toggle { float: left; border-color: #ffffff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .main-menu .navbar-header .navbar-toggle .icon-bar { background: #ffffff; } .main-menu .navbar-collapse > .navigation { float: none !important; margin: 0px !important; width: 100% !important; background: #00abc3; border: 1px solid #ffffff; } .main-menu .navbar-collapse > .navigation > li { margin: 0px !important; float: none !important; width: 100%; } .main-menu .navigation > li > a, .main-menu .navigation > li > ul:before { border: none; } .main-menu .navbar-collapse > .navigation > li > a { padding: 10px 10px !important; } .main-menu .navigation > li.dropdown > a::before, .main-menu .navigation > li.dropdown > ul > li.dropdown > a::before, .main-menu .navigation > li.dropdown > a::after, .main-menu .navigation > li.dropdown > ul > li.dropdown > a::after { color: #fff; right: 15px; } .main-menu .navigation > li > ul > li > a:before, .main-menu .navigation > li > ul > li > ul > li > a:before { color: #fff; right: 15px; } .main-menu .navigation > li > ul > li.dropdown > a:after { content: "\f0d7"; } .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 9999; display: block; } .main-menu .navbar-collapse > .navigation li.dropdown:after { display: none !important; } .main-menu .navbar-collapse > .navigation > li { border-top: transparent; opacity: 1 !important; top: 0px !important; left: 0px !important; visibility: visible !important; } .main-menu .navbar-collapse > .navigation > li > ul { position: relative; border: none; float: none; visibility: visible; opacity: 1; display: none; margin: 0px; left: auto !important; right: auto !important; top: auto !important; width: 100%; background: none; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -o-transition: none !important; -moz-transition: none !important; border-top: transparent; } .main-menu .navbar-collapse > .navigation > li > ul.sub-menu { display: none; } .main-menu .navbar-collapse > .navigation > li > ul.sub-menu li { background: transparent !important; } .main-menu .navbar-collapse > .navigation > li > ul.sub-menu li + li { border-top: 0 none !important; } .main-menu .navbar-collapse > .navigation > li > ul.sub-menu li a { background: transparent !important; color: #5a5959 !important; text-indent: 0; font-size: 18px; padding-left: 34px !important; } .main-menu .navbar-collapse > .navigation > li > ul.sub-menu li a:after { top: 12px; color: #00abc3 !important; } .main-menu .navbar-collapse > .navigation > li > ul.sub-menu li.current a { color: #00abc3 !important; background: transparent !important; } .main-menu .navbar-collapse > .navigation > li > ul.sub-menu li.current a:after { top: 12px; color: #00abc3 !important; } .main-menu .navbar-collapse > .navigation > li > ul > li { border-top: transparent; opacity: 1 !important; top: 0px !important; left: 0px !important; visibility: visible !important; } .main-menu .navbar-collapse > .navigation > li > ul > li > ul { position: relative; border: none; float: none; visibility: visible; opacity: 1; display: none; margin: 0px; left: auto !important; right: auto !important; top: auto !important; width: 100%; background: #00abc3; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -o-transition: none !important; -moz-transition: none !important; border-top: transparent; } .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li { border-top: transparent; opacity: 1 !important; top: 0px !important; left: 0px !important; visibility: visible !important; } .main-menu .navbar-collapse > .navigation > li:first-child { border: none; } .main-menu .navbar-collapse > .navigation > li > a { padding: 10px 10px !important; line-height: 22px; color: #ffffff; background: #00abc3; text-align: left; } .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a { padding: 10px 10px !important; line-height: 22px; color: #ffffff; background: #00abc3; text-align: left; } .main-menu .navbar-collapse > .navigation > li > a:hover, .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus { background: #00abc3; } .main-menu .navbar-collapse > .navigation > li:hover > a { background: #00abc3; color: #141625 !important; } .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a { background: #00abc3; color: #00abc3 !important; } .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a { background: #00abc3; color: #ffffff !important; } .main-menu .navigation > li > ul:before { display: none !important; } .main-header .header-top .top-right .social-links-one { display: none; } .revolution-slider .tp-banner { height: 100vh !important; } .revolution-slider .tp-caption { text-align: center; line-height: 20px !important; } .revolution-slider .tp-caption.tp-caption-resume { display: none !important; } .revolution-slider .tp-caption .bg-color { font-size: 16px !important; } .revolution-slider .tp-caption .entry-title a { font-size: 26px !important; } } @media (max-width: 1149px) and (max-width: 1149px) { .revolution-slider .tp-caption .entry-title a { white-space: break-spaces; text-indent: 0; text-align: center; display: block; width: 90%; max-width: 90% !important; padding: 0 !important; margin: 0 !important; line-height: 35px !important; letter-spacing: 2px !important; text-transform: initial; } } @media (max-width: 1149px) { .revolution-slider .tp-caption a { font-size: 14px !important; line-height: 20px !important; } } @media (max-width: 1149px) { .subscribe-intro .text-right { text-align: left !important; } } @media (max-width: 1149px) { .sec-title .pull-right { float: left !important; } } @media (max-width: 1149px) { .default-text-column h2, .sec-title h2, .two-column-fluid .content-box h2, .default-text-column h2 .normal-font { font-size: 22px !important; } } @media (max-width: 1149px) { .page-title h1 { font-size: 32px !important; } } @media (max-width: 1149px) { .contact-form-container { padding: 40px 15px; } } @media (max-width: 1149px) { .causes-section.list-view .image-box, .causes-section.list-view .content-box { width: 100%; } } @media (max-width: 1149px) { .sidebar-page .padd-right-20 { padding-right: 0px !important; } } @media (max-width: 1149px) { .gallery-section.full-width .image-box { width: 50%; } } @media (max-width: 1149px) { .donation-form-outer { padding: 30px 15px; } } @media (max-width: 1149px) { .list-view .default-featured-column .content-box { padding-top: 20px; } } @media (max-width: 1149px) { .error-section .error-text { margin-bottom: 40px; } } @media (max-width: 1149px) { .header-style-two .lower-part .outer-box .btn-box { height: 54px; padding: 10px; } .header-style-two .lower-part .outer-box .btn-box:before { display: none; } } @media (max-width: 1149px) { .two-column-fluid.style-two .icon-box .icon { font-size: 36px; margin-top: 12px; padding-left: 0; } .two-column-fluid.style-two .icon-box .lower-box { border: none; } .two-column-fluid.style-two .icon-box h4 { font-size: 20px; } .sponsors-section .sponsors-slider { text-align: center; } .sponsors-section .sponsors-slider li { display: inline-block; } .sponsors-section .sponsors-slider li img { width: auto; max-width: 100%; height: 80px; display: inline-block; margin: 0 20px; } } .sponsors-section .sponsors-slider { text-align: center; } .sponsors-section .sponsors-slider li { display: inline-block; margin: 0 20px; } .sponsors-section .sponsors-slider li img { width: auto; max-width: 100%; height: 80px; display: inline-block; } @media (max-width: 1149px) { .header-style-two .header-top .info-outer { display: none; } .sidebar-page .comments-area .comment, .sidebar-page .comments-area .reply-comment { padding-left: 0px; margin-left: 0px; } .sidebar-page .about-author .author-desc { padding-left: 0px; margin-left: 0px; } .sidebar-page .comments-area .comment-box .author-thumb, .sidebar-page .about-author .author-thumb { position: relative; left: 0px; margin-bottom: 20px; } .two-column-fluid .icon-box { margin-bottom: 30px; } .two-column-fluid .icon-box .lower-box { padding: 0px; border: none !important; } .two-column-fluid .theme-btn { margin: 0px 10px 10px; } .error-section .error-text .bigger-font { font-size: 100px; } .error-section .error-text .medium-text, .error-section .error-text h3 { font-size: 22px; } .featured-fluid-section .theme-btn { margin-bottom: 10px; } .parallax-section h2, .main-features .title-box h1, .page-title h1 { font-size: 30px; } .main-features .title-box h2 { font-size: 24px; } .header-style-two .social-links { top: 10px; } .header-style-two .header-top .info-box { width: 100%; margin: 0px 0px 10px; } } @media (max-width: 1149px) { .two-column-fluid .right-column .quote-icon { display: none; } .two-column-fluid .right-column .outer-box { padding-left: 0px; } .vertical-links-outer.events-post .default { padding: 15px; } .vertical-links-outer.events-post .default .image-thumb { position: static; margin-bottom: 12px; width: auto; } } .wrapper_mya.full-mya { position: relative; overflow: hidden; min-height: 588px; } .container-mya:nth-child(even) { background-color: #fbfbfb; padding: 60px; } @media (max-width: 1149px) { .container-mya:nth-child(even) { padding: 40px 0 0; } } .container-mya:nth-child(even) .default.text-mya { order: 1; padding-right: 40px; padding-left: 0; } @media (max-width: 1149px) { .container-mya:nth-child(even) .default.text-mya { padding: 20px 40px 60px; } } @media (max-width: 1149px) { .container-mya:nth-child(even) .default.text-mya:after { height: 30px; } } .container-mya:nth-child(even) .default.img-mya { order: 2; } @media (max-width: 1149px) { .container-mya:nth-child(even) .default.img-mya:before { left: 36px; } } .container-mya:nth-child(odd) { padding: 60px; } @media (max-width: 1149px) { .container-mya:nth-child(odd) { padding: 40px 0; } } .container-mya:nth-child(odd) .text-mya .default.text-mya { padding-left: 20px; } @media (max-width: 1149px) { .container-mya:nth-child(odd) .text-mya .default.text-mya { padding: 60px 40px 20px; } } @media (max-width: 1149px) { .container-mya:nth-child(odd) .img-mya:before { left: 12px; } } .link-block-mya { display: flex; align-items: center; max-width: 1310px; margin: 0 auto 126px; } .link-block-mya .theme-btn { display: none; } @media (max-width: 1149px) { .link-block-mya { flex-direction: column; margin: 0 auto 45px; } } .link-block-mya + .link-block-mya { margin: 126px auto; } @media (max-width: 1149px) { .link-block-mya + .link-block-mya { margin: 45px auto; } } .link-block-mya .default { width: 50%; } @media (max-width: 1149px) { .link-block-mya .default { width: 100%; } } .link-block-mya .default img { width: 100%; } .link-block-mya .default.text-mya { padding: 40px 80px; } @media (max-width: 1149px) { .link-block-mya .default.text-mya { padding: 40px 40px 20px; } } html .tp-banner::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); } html .defaultimg { background-attachment: initial; position: relative; } html .defaultimg::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); } html .title-h-mya { font-weight: normal; font-size: 40px; color: #000; padding-bottom: 32px; font-family: "Futura-medium"; } @media (max-width: 1149px) { html .title-h-mya { font-size: 28px; } } html .desc-mya { line-height: normal; font-size: 20px; padding-bottom: 16px; font-family: "Futura-medium"; position: relative; } html .desc-mya p { line-height: 32px; } @media (max-width: 1149px) { html .desc-mya { font-size: 19px; } } html .desc-mya:before { content: ""; height: 80px; width: 5px; background-color: #00abc3; position: absolute; bottom: -30px; right: -30px; } @media (max-width: 1149px) { html .desc-mya:before { bottom: -4px; right: -7px; height: 30px; } } html .desc-mya:after { content: ""; width: 80px; height: 5px; background-color: #00abc3; position: absolute; bottom: -30px; right: -30px; } @media (max-width: 1149px) { html .desc-mya:after { bottom: -7px; right: -7px; width: 30px; } } html .img-mya { position: relative; } html .img-mya:before { content: ""; display: none; position: absolute; width: 90%; height: 97%; border: 4px solid #00abc3; left: 105px; top: -28px; } @media (max-width: 1149px) { html .img-mya:before { left: 57px; top: -17px; } } html .tp-caption { max-width: 700px; width: 100%; white-space: initial; } html .tp-caption.tp-caption-btn { text-align: center; } html .tp-caption.tp-caption-btn a { background: #00abc3; border: 0 none !important; letter-spacing: 1px; box-shadow: 0 none; } html .tp-caption.tp-caption-ttl { text-align: center; } html .tp-caption.tp-caption-ttl h2 a { padding: 32px !important; background: none; } html .tp-caption.tp-caption-ttl h2, html .tp-caption.tp-caption-ttl a, html .tp-caption.tp-caption-ttl a:hover { font-size: 35px; color: #fff; font-family: "Futura-medium"; letter-spacing: 1px; border: 0 none !important; text-decoration: none !important; box-shadow: none; } html .tp-caption.tp-caption-resume { text-align: center; } html .tp-caption.tp-caption-resume h3 { padding: 32px; box-shadow: none; background-color: rgba(0, 0, 0, 0.8); color: #fff; border: 1px solid #fff; padding: 8px; padding: 27px; font-size: 27px; } html .head-home { max-width: 1310px; margin: 40px auto; } @media (max-width: 1149px) { html .head-home { padding: 0 40px; margin-top: 20px; } } html .head-home h3 { font-size: 30px; font-family: Raleway; font-weight: bold; color: #141625; } @media (max-width: 1149px) { html .head-home h3 { font-size: 30px; } } html .head-home h3 span { font-weight: bold; } html .imagefull-mya { position: relative; text-align: center; height: 588px; } html .imagefull-mya .post-thumbnail { background-repeat: no-repeat; background-size: cover; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 200%; will-change: transform; } html .imagefull-mya.removeBefore::before { display: none; } html .imagefull-mya-landing, html .imagefull-mya-landinghomepage { display: flex; align-items: center; background-attachment: fixed; background-size: 100%; background-repeat: no-repeat; position: relative; width: 100%; padding-bottom: 34.25%; /* 9 / 16 * 100% = 56.25% */ overflow: hidden; } @media (max-width: 1149px) { html .imagefull-mya-landing, html .imagefull-mya-landinghomepage { height: auto; flex-direction: column; background-size: auto 100%; } } html .imagefull-mya-landing img, html .imagefull-mya-landinghomepage img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } html .imagefull-mya-landinghomepage { background-size: 100% auto; background-position: left top; position: relative; width: 100%; padding-bottom: 0; /* 34.25%; 9 / 16 * 100% = 56.25% */ overflow: hidden; height: 100vh; } @media (max-width: 1149px) { html .imagefull-mya-landinghomepage { background-size: auto 100%; padding: 58.25% 50%; } } html .imagefull-mya-landinghomepage:after { content: ""; width: 100%; height: 209px; display: none; position: absolute; bottom: 0; left: 0; background: linear-gradient(0, #fff, transparent); } html .imagefull-mya-landinghomepage:before { content: ""; display: block; background: linear-gradient(45deg, #000f24, transparent); position: absolute; height: 100%; width: 45%; transform: skewX(15deg); top: 0; left: 0; opacity: 1; z-index: 2; } @media (max-width: 1149px) { html .imagefull-mya-landinghomepage:before { width: 100%; } } html .imagefull-mya-landinghomepage.bottomhomepage:before { content: ""; display: block; background: linear-gradient(45deg, #000f24, transparent); position: absolute; height: 100%; width: 45%; transform: skewX(-15deg); top: 0; left: 0; } html .imagefull-mya-landinghomepage .landing-homepage { padding: 0 70px; max-width: 70%; position: absolute; transform: translateY(-50%); top: 50%; z-index: 3; } @media (max-width: 1149px) { html .imagefull-mya-landinghomepage .landing-homepage { height: auto; flex-direction: column; background-size: auto 100%; max-width: 100%; padding: 40px; } } html .imagefull-mya-landinghomepage .landing-homepage .title-hme, html .imagefull-mya-landinghomepage .landing-homepage .desc-hme, html .imagefull-mya-landinghomepage .landing-homepage .baseline-hme { color: #fff; } html .imagefull-mya-landinghomepage .landing-homepage .title-hme * { font-size: 56px; font-weight: bold; line-height: 73px; text-transform: initial; } @media (max-width: 1149px) { html .imagefull-mya-landinghomepage .landing-homepage .title-hme * { font-size: 46px; font-weight: bold; line-height: 40px; } } html .imagefull-mya-landinghomepage .landing-homepage .desc-hme { display: block; margin-top: 15px; } html .imagefull-mya-landinghomepage .landing-homepage .desc-hme * { font-size: 17px; line-height: 27px; } @media (max-width: 1149px) { html .imagefull-mya-landinghomepage .landing-homepage .desc-hme * { font-size: 14px; line-height: 20px; } } html .imagefull-mya-landinghomepage .landing-homepage .baseline-hme { margin-top: 16px; } html .imagefull-mya-landinghomepage .landing-homepage .baseline-hme * { text-transform: uppercase; font-size: 29px; font-weight: bold; letter-spacing: 1px; } @media (max-width: 1149px) { html .imagefull-mya-landinghomepage .landing-homepage .baseline-hme * { font-size: 16px; } } html .imagefull-mya-landinghomepage .landing-homepage .cta-hmr { margin-top: 60px; } @media (max-width: 1149px) { html .imagefull-mya-landinghomepage .landing-homepage .cta-hmr { margin-top: 20px; position: relative; z-index: 10; } } html .imagefull-mya-landinghomepage .landing-homepage .cta-hmr-submit { border: none; border-radius: 50px; font-size: 19px; font-weight: bold; padding: 16px 32px; cursor: pointer; transition: background-color 0.3s; background: #fff; color: #000; gap: 40px; margin: 0; display: inline-block; } html .imagefull-mya::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #fff; } html .imagefull-mya .full-desc-mya { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; z-index: 5000; } @media (max-width: 1149px) { html .imagefull-mya .full-desc-mya { width: 90%; } } html .imagefull-mya .full-desc-mya .ttl-full-mya { color: #000; font-family: "Futura-medium"; top: -40px; font-size: 58px; } @media (max-width: 1149px) { html .imagefull-mya .full-desc-mya .ttl-full-mya { width: 100%; padding: 0 11px; font-size: 32px; } } html .imagefull-mya .full-desc-mya .entry-title a { box-shadow: none; background-color: rgba(0, 0, 0, 0.8); color: #fff; border: 1px solid #fff; padding: 8px; padding: 27px; font-size: 27px; } html .imagefull-mya .full-desc-mya .entry-title a.more-link { display: none; } @media (max-width: 1149px) { html .imagefull-mya .full-desc-mya .entry-title a { padding: 14px; font-size: 20px; } } html .imagefull-mya .full-desc-mya .entry-title a:hover { text-decoration: none; box-shadow: none; } html .imagefull-mya img { width: 100%; opacity: 1 !important; } html .contact-form label { display: block; } html .contact-form label span { float: none !important; padding-top: 9px; display: block; } html .contact-form label span.labelling { font-family: Raleway; font-size: 18px; color: #fff; } html .contact-form p { width: 100%; padding-bottom: 3px; } html .page .top-section-contact { padding: 66px; max-width: 1310px; margin: 40px auto 0; } @media (max-width: 1149px) { html .page .top-section-contact { padding: 10px 40px; } } html .page .top-section-contact > div { margin: 0; padding: 0; } html .page .contact-section { background: #000; padding: 66px 66px; border-radius: 10px; max-width: 700px; } @media (max-width: 1149px) { html .page .contact-section { padding: 20px 40px; } } html .contact-section, html .contact-widget { position: relative; z-index: 2; } @media (max-width: 1149px) { html .contact-section, html .contact-widget { flex-direction: column; padding: 0; } html .contact-section div, html .contact-widget div { padding: 0; } } html .contact-section, html .contact-widget { display: flex; max-width: 1300px; margin: 0 auto; padding-top: 30px; } html .contact-section.footer-widget, html .contact-widget.footer-widget { flex-direction: column; padding-top: 0; } html .contact-section.footer-widget label, html .contact-widget.footer-widget label { display: block; padding: 0 0 20px; color: #fff; } html .contact-section.footer-widget h2, html .contact-widget.footer-widget h2 { padding-bottom: 0; } html .contact-section.footer-widget input, html .contact-widget.footer-widget input { margin-top: 15px; } html .contact-section h2, html .contact-widget h2 { margin: 0; padding: 0 0 20px 0; } html .contact-section input[type=submit], html .contact-widget input[type=submit] { width: 100%; max-width: 100% !important; } html .contact-section input[type=submit]:hover, html .contact-widget input[type=submit]:hover { border: 1px solid #000; color: #000 !important; } html .contact-section textarea, html .contact-widget textarea { height: 62px !important; } html .contact-section .map-column, html .contact-widget .map-column { padding: 0; } html .contact-section label, html .contact-widget label { letter-spacing: 0.5px; font-family: "Raleway"; } html .page .other-info { padding-bottom: 150px; } @media (max-width: 1149px) { html .page .other-info { padding-bottom: 0; } } html .other-info { max-width: 100%; margin: 0 auto; font-family: "Futura-medium"; } @media (max-width: 1149px) { html .other-info { padding: 25px 0; } } html .other-info h2 { padding-bottom: 0; background: #282727; color: #fff; padding: 20px 0; } @media (max-width: 1149px) { html .other-info h2 { padding: 20px; } } html .other-info h2:after { content: ""; display: block; border-top: 50px solid #282727; border-left: 50px solid transparent; border-right: 50px solid transparent; width: 0; height: 0; position: absolute; transform: translateX(-50%); left: 50%; bottom: -25px; } @media (max-width: 1149px) { html .other-info h2:after { border-top: 25px solid #282727; border-left: 25px solid transparent; border-right: 25px solid transparent; bottom: -25px; } } @media (max-width: 1149px) { html .other-info h2 { padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1149px) { html .other-info .entry-content h2 { font-size: 20px; } } @media (max-width: 1149px) { html .other-info .title-colsingle { padding: 0; margin: 0 0 20px; } } html .other-info .info-box { padding: 40px; } @media (max-width: 1149px) { html .other-info p { font-family: "Raleway"; } } html .team-section { margin: 0 auto; max-width: 1310px; } html .team-section .row { display: flex; justify-content: center; } @media (max-width: 1149px) { html .team-section .row { flex-wrap: wrap; } } html .sec-title h1 { font-family: "Futura-medium"; letter-spacing: 0.5px; } html .page-partner .auto-container .items-container { max-width: 800px; margin: 0 auto; } html .page-partner .sponsors-section { display: none; } html .page-team.page .auto-container, html .page-metier.page .auto-container, html .page-partner.page .auto-container { max-width: 100%; } html .page-team.page .auto-container .parallax-section, html .page-metier.page .auto-container .parallax-section, html .page-partner.page .auto-container .parallax-section { padding: 220px 0; } html .page-team.page .entry-content p, html .page-metier.page .entry-content p, html .page-partner.page .entry-content p { display: block; margin: 80px auto; max-width: 700px; line-height: 44px; font-family: "Futura-medium"; } @media (max-width: 1149px) { html .page-team.page .entry-content p, html .page-metier.page .entry-content p, html .page-partner.page .entry-content p { line-height: 34px; font-size: 18px; } } html .job .sidebar-page { margin-bottom: 0; padding-bottom: 0; } @media (max-width: 1149px) { html .job .sidebar-page { padding-top: 25px; } } html .job .auto-container { max-width: 100%; } html .job .auto-container .parallax-section { padding: 220px 0; } @media (max-width: 1149px) { html .job .auto-container .parallax-section { padding-top: 40px; padding-bottom: 40px; } } html .job .auto-container .parallax-section.pushBottom { padding-left: 200px !important; padding-right: 200px !important; } @media (max-width: 1149px) { html .job .auto-container .parallax-section.pushBottom { padding-left: 50px !important; padding-right: 50px !important; } } html .job .auto-container .parallax-section.pushBottom * { letter-spacing: 1px; font-family: Raleway; } html .job .auto-container .container-mya { padding: 50px; max-width: 1310px; margin: 0 auto; } @media (max-width: 1149px) { html .job .auto-container .container-mya-padd { padding: 0; } html .job .auto-container .container-mya-padd .default-text-column { padding: 25px 40px; } } @media (max-width: 1149px) { html .job .auto-container .container-mya .inner-box { padding-left: 10px; background: #fff; position: relative; top: -75px; padding: 37px; } } html .job .auto-container .blog-news-section { padding: 0 !important; } html .job .auto-container .col-lg-12 { padding: 0 !important; } @media (max-width: 1149px) { html .main-features .auto-container { padding: 0px 40px; } } html .main-features .title-box * { font-family: "Futura-medium" !important; } html .main-features .title-box h2 { color: #fff; } html .main-features .title-box .text { color: #fff; position: relative; font-size: 18px; font-weight: 300; line-height: 30px; } html .main-features .text { color: #fff; } html .footer-widget .logo img { max-width: 110px; } html .gallery-section .auto-container { max-width: 100%; } html .gallery-section .auto-container img { padding: 0; } html .wrap-head-flex { display: flex; justify-content: center; align-items: center; min-width: 1310px; width: 100%; padding: 0 20px; } @media (max-width: 1309px) { html .wrap-head-flex { max-width: 100%; min-width: 100%; justify-content: flex-start; } } html .page-metier .accordion-box { max-width: 700px; margin: 0 auto; } html .page-metier .entry-content p { margin: 10px auto !important; } html .hero-mya { display: flex; align-items: stretch; max-width: 1310px; width: 100%; margin: 40px auto; padding: 0 80px; } @media (max-width: 1149px) { html .hero-mya { padding: 0 40px; flex-direction: column; } } html .hero-mya--title { background: rgba(0, 0, 0, 0.6); padding: 48px 52px; color: #fff; flex: 1 1 55%; } html .hero-mya--title .entry-title a { box-shadow: none; font-weight: 700; font-size: 38px; line-height: 1.25; color: #fff; margin-top: 0; white-space: none; } @media (max-width: 1149px) { html .hero-mya--title .entry-title a { font-size: 25px; } } html .hero-mya--block { padding: 36px; margin-left: 5%; flex: 1 1 35%; background: #fff; display: flex; flex-direction: column; justify-content: space-around; } @media (max-width: 1149px) { html .hero-mya--block { margin-left: 0; margin-top: 40px; } } html .hero-mya--block .text .p-lg { color: #000; } html .hero-mya--block .cta .resetcss { background-color: #141625; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.53; height: auto; border-radius: 0; box-shadow: none; display: flex; align-items: center; justify-content: center; text-transform: none; border: none; padding: 8px 18px; cursor: pointer; margin-top: 36px; } html .hero-mya .intro, html .hero-mya .entry-title, html .hero-mya .title, html .hero-mya .cta { padding-bottom: 36px; font-family: "Futura-medium"; } @media (max-width: 1149px) { html .hero-mya .intro, html .hero-mya .entry-title, html .hero-mya .title, html .hero-mya .cta { padding-bottom: 10px; } } html .hero-mya .p-lg, html .hero-mya .intro p { font-weight: 400; font-size: 18px; line-height: 1.89; color: #fff; } @media (max-width: 1149px) { html .hero-mya .p-lg, html .hero-mya .intro p { font-size: 15px; line-height: 20px; } } html .hero-mya .cta { font-family: "Raleway"; } @media (max-width: 1149px) { html .hero-mya .cta { font-size: 23px; } } html .hero-mya .cta a { display: inline-block; color: #fff; font-size: 18px; font-weight: bold; border: 2px solid #fff; white-space: break-spaces; } @media (max-width: 1149px) { html .hero-mya .cta a { font-size: 14px; } } html .hero-mya .margin-top-medium { margin-top: 16px; text-align: center; } @media (max-width: 1149px) { html .footer-upper { text-align: center; } } html .footer-upper .auto-container .row { display: flex; justify-content: center; } html .footer-upper .auto-container .row .column { width: auto; } html .footer-upper .auto-container .row .column:first-child { order: 2; } html .footer-upper .auto-container .row .column:last-child { order: 1; } @media (max-width: 1149px) { html .footer-upper .auto-container .row { flex-direction: column; } } @media (max-width: 1149px) { html .footer-upper .auto-container .row .links-widget { text-align: center; } } @media (max-width: 1149px) { html .footer-upper .auto-container .row .links-widget a { font-family: "Futura-medium"; font-size: 20px; } } @media (max-width: 1149px) { html .footer-upper .contact-info li { padding: 0; font-family: "Futura-medium"; letter-spacing: 0.5px; } } html .footer-upper .contact-info li .icon { color: #fff; } @media (max-width: 1149px) { html .footer-upper .contact-info li .icon { color: #000; display: inline-block; position: relative; top: -11px; padding-right: 10px; } } @media (max-width: 1149px) { html .footer-upper .social-links-two { text-align: center; display: flex; justify-content: center; } } @media (max-width: 1149px) { html .footer-upper .social-links-two a { display: inline-block; float: none; } } html .logo-ft { align-items: center; justify-content: center; display: flex; } @media (max-width: 1149px) { html .logo-ft { margin-bottom: 20px !important; } } html .logo-ft img { max-width: 88px; } @media (max-width: 1149px) { html .sponsors-section { padding: 0; } } html .sponsors-section .sec-title h2 span { color: #121212 !important; } @media (max-width: 1149px) { html .sponsors-section .sponsors-slider { display: flex; align-items: center; justify-content: center; } } @media (max-width: 1149px) { html .sponsors-section .sponsors-slider li { display: flex; align-items: center; } } @media (max-width: 1149px) { html .sponsors-section .sponsors-slider li img { width: 100%; max-width: initial; height: auto; margin: 0; } } @media (max-width: 1149px) { html .scroll-to-top { bottom: 80px; } } html article.page { display: flex; justify-content: center; } @media (max-width: 1149px) { html article.page { padding: 40px; } } html article.page .entry-content { margin: 0 auto; padding: 80px 0; } @media (max-width: 1149px) { html article.page .entry-content { padding: 0; } } html article.page .entry-content * { font-size: 20px; line-height: 29px; } @media (max-width: 1149px) { html .entry-content { padding: 0 30px; } } @media (max-width: 1149px) { html .btn-contact-link.hidden-btn { display: none; } } html .team-member p { margin: 0 !important; line-height: 26px !important; } html .recrutement .wp-block-columns { background: #000; padding: 0; margin: 93px auto; } html .recrutement .wp-block-columns .wp-block-column { padding: 0; position: relative; overflow: hidden; } html .recrutement .wp-block-columns .wp-block-column .wp-block-image { margin-bottom: 0; } @media (max-width: 1149px) { html .recrutement .wp-block-columns .wp-block-column { margin-top: 0; } } html .recrutement .wp-block-columns .wp-block-column + .wp-block-column { margin-left: 0; } @media (max-width: 1149px) { html .recrutement .wp-block-columns .wp-block-column + .wp-block-column { margin-top: 0; } } html .recrutement .wp-block-columns .wp-block-column:before, html .recrutement .wp-block-columns .wp-block-column:after { background: #fff; } html .recrutement .wp-block-columns .wp-block-column img { height: 100%; max-width: initial; position: absolute; top: 0; left: 0; } @media (max-width: 1149px) { html .recrutement .wp-block-columns .wp-block-column img { width: 100%; height: auto; position: static; } } html .recrutement .wp-block-columns .wp-block-column [role=form] { max-width: 100%; padding: 40px; } html .wp-block-columns { max-width: 1310px; margin: 190px auto; background: #272727; padding: 72px; } @media (max-width: 1149px) { html .wp-block-columns { margin: 30px auto; padding: 68px 35px; } } html .wp-block-columns .wp-block-column { position: relative; padding: 40px; background: #fff; } @media (max-width: 1149px) { html .wp-block-columns .wp-block-column + .wp-block-column { margin-top: 60px; } } html .wp-block-columns .wp-block-column:nth-child(even) { background: #fbfbfb; } html .wp-block-columns .wp-block-column:nth-child(even):before { top: initial; bottom: -15px; } @media (max-width: 1149px) { html .wp-block-columns .wp-block-column:nth-child(even):before { top: -15px; bottom: initial; } } html .wp-block-columns .wp-block-column:before { content: ""; display: block; height: 5px; width: 70%; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #00abc3; } html .wp-block-columns .wp-block-column h2 { font-family: "Futura-medium"; font-size: 30px; padding-bottom: 40px; } @media (max-width: 1149px) { html .wp-block-columns .wp-block-column h2 { font-size: 22px; } } html .wp-block-columns .wp-block-column p { color: #333; } html .wp-block-columns .wp-block-column ul li { font-size: 18px; } html .wp-block-columns .wp-block-column ul li + li { padding-top: 10px; } html #wpadminbar { display: none !important; } html .contact .entry-content { padding: 0 !important; } @media (max-width: 1149px) { html .contact .entry-content .other-info { padding: 20px 0 30px 0; } } @media (max-width: 1149px) { html .contact .entry-content .other-info .info-box { padding: 30px 0; } } @media (max-width: 1149px) { html .engagement { padding-top: 30px !important; } } html .engagement .default-section { padding: 40px; } html .engagement .entry-content p { font-size: 16px; } html .engagement .block-engage { width: 100%; clear: both; max-width: 1310px; margin: 30px auto; } @media (max-width: 1149px) { html .engagement .block-engage .title-mya { text-align: center; font-weight: bold; } } html .engagement .block-engage .title-mya .fs-24 { font-weight: bold; } @media (max-width: 1149px) { html .engagement .block-engage { padding: 30px; margin: 0; border-top: 1px solid #CCC; } } html .engagement .block-engage .lh-30 { padding: 0; font-size: 25px ​ !important; } @media (max-width: 1149px) { html .engagement .block-engage .lh-30 { padding-bottom: 45px; } } html .engagement .block-engage .count-text { max-width: 190px; display: inline-block; font-size: 14px; line-height: 25px; } @media (max-width: 1149px) { html .engagement .block-engage .count-text { max-width: 100%; } } html .engagement .block-engage .title { text-transform: initial; font-size: 15px; } html .engagement .block-engage .two-column-fluid.style-two { min-height: auto; display: flex; background: #fff; align-items: stretch; width: 100%; } @media (max-width: 1149px) { html .engagement .block-engage .two-column-fluid.style-two { flex-direction: column; } } html .engagement .block-engage .two-column-fluid.style-two .icon-box { width: 33%; display: flex; } @media (max-width: 1149px) { html .engagement .block-engage .two-column-fluid.style-two .icon-box { width: 100%; display: flex; } html .engagement .block-engage .two-column-fluid.style-two .icon-box + .icon-box { margin-top: 45px; } } html .engagement .block-engage .two-column-fluid.style-two .icon-box .lower-box { border: 0 none; } html .engagement .block-engage .two-column-fluid.style-two .icon-box .icon { display: inline-block; width: auto; } html .pushBottom .link-button-generic { padding-top: 30px; } html .pushBottom .theme-btn { letter-spacing: 3px; text-decoration: none; box-shadow: none; } html #qlwapp.qlwapp-bottom-right { bottom: 47px; right: -2px; } @media (max-width: 1149px) { html #qlwapp.qlwapp-bottom-right { bottom: 106px; right: -4px; } html #qlwapp.qlwapp-bottom-right.active { bottom: 54px; } } html #qlwapp.qlwapp-bottom-right .qlwapp-toggle { height: 40px; width: 40px; } html #qlwapp.qlwapp-bottom-right .qlwapp-text { display: none !important; } html #quartier .subDropDown.active a svg { transform: rotate(180deg); } html #quartier .subDropDown a { padding-right: 24px; } html #quartier .subDropDown a svg { margin-left: 12px; height: 46px; position: absolute; top: -4px; right: 0; } @media (max-width: 1149px) { html #quartier .subDropDown a svg { top: 2px; } } @media (max-width: 1149px) { html .pad-mobile { padding: 0 30px; } } .wrapper_mya-landing .head-home { text-align: center; } .items-container-partner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .items-container-partner .item-partner { width: 33%; padding: 25px; } @media (max-width: 1149px) { .items-container-partner .item-partner { width: 50%; } } .homes-list { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; position: relative; margin: 0 auto; padding: 80px 0; } .homes-list:before { content: ""; display: block; background: #000; position: absolute; height: 100%; width: 90%; transform: skewX(-15deg); top: 0; left: 0; z-index: 1; opacity: 0.3; } .homes-list .homes-list-content { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; position: relative; margin: 0 auto; max-width: 1310px; width: 100%; } .container-mya-list { width: 48%; max-width: 450px; position: relative; z-index: 3; background: #fff; border-radius: 4px; padding: 40px; margin: 20px; } .container-mya-list .img-hme-list { margin-bottom: 20px; } .container-mya-list .img-hme-list .img-hme-link { height: 250px; width: 100%; overflow: hidden; position: relative; display: block; border-radius: 3px; } .container-mya-list .img-hme-list .img-hme-link img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; max-width: initial; } .container-mya-list .desc-hme-item .hme-title { color: #141625; font-weight: bold; padding: 0 0 15px 0; text-decoration: none; text-transform: uppercase; font-family: raleway; } .container-mya-list .desc-hme-item .hme-desc { padding-bottom: 15px; } .container-mya-list .desc-hme-item .hme-desc * { padding: 0; } .container-mya-list .desc-hme-item .hme-cta-item { text-align: right; } .container-mya-list .desc-hme-item .hme-cta-item .hme-cta-link { background: #000; background: linear-gradient(180deg, rgb(0, 159, 227) 0%, #312783 150%); color: #fff; padding: 10px 20px; display: inline-block; font-size: 17px; font-weight: 400; border-radius: 4px; border: 0 none; } .container-mya-list-single { width: 100%; max-width: 100%; position: relative; z-index: 3; background: #fff; border-radius: 4px; padding: 40px; margin: 20px; display: flex; align-items: center; } .container-mya-list-single .img-hme-list { width: 50%; } .container-mya-list-single .img-hme-list .img-hme-link { width: 100%; overflow: hidden; position: relative; display: block; border-radius: 3px; } .container-mya-list-single .img-hme-list .img-hme-link img { width: 100%; } .container-mya-list-single .desc-hme-item { width: 50%; position: relative; padding: 50px 50px 50px 141px; left: -111px; } .container-mya-list-single .desc-hme-item .hme-title { color: #141625; font-weight: bold; padding: 0 0 15px 0; text-decoration: none; text-transform: uppercase; font-family: raleway; } .container-mya-list-single .desc-hme-item .hme-desc { padding-bottom: 15px; } .container-mya-list-single .desc-hme-item .hme-desc * { padding: 0; } .container-mya-list-single .desc-hme-item .hme-cta-item { text-align: right; position: absolute; bottom: -21px; right: 36px; } .container-mya-list-single .desc-hme-item .hme-cta-item .hme-cta-link { background: #fff; color: #000; padding: 10px 20px; display: inline-block; font-size: 17px; font-weight: 400; border-radius: 4px; border: 1px solid #000; } .wrapper_mya-landing { padding: 0; position: relative; margin: 0; } .wrapper_mya-landing .head-home { position: absolute; top: 108px; left: 0; z-index: 20; width: 100%; max-width: 100%; display: none; } .wrapper_mya-landing .head-home * { color: #fff; } .wrapper_mya-landing .homes-list { padding: 0; } .wrapper_mya-landing .homes-list-landing { width: 100%; } .wrapper_mya-landing .homes-list-landing:before { display: none; } .wrapper_mya-landing .homes-list-content { padding: 0; max-width: 100%; } .wrapper_mya-landing .homes-list-content .container-mya-list-landing { width: 100%; } .wrapper_mya-landing .homes-list-content .img-hme-list-landing { width: 100%; position: relative; } .wrapper_mya-landing .homes-list-content .img-hme-list-landing img { width: 100%; } .wrapper_mya-landing .homes-list-content .img-hme-list-landing .head-home { display: block; } .wrapper_mya-landing .homes-list-content .img-hme-list-landing .head-home h3 { font-size: 40px; } @media (max-width: 1149px) { .wrapper_mya-landing .homes-list-content .img-hme-list-landing .head-home h3 { font-size: 32px; line-height: 33px; } } .wrapper_mya-landing .homes-list-content .img-hme-link { display: block; height: 350px; overflow: hidden; position: relative; } .wrapper_mya-landing .homes-list-content .img-hme-link:after { content: ""; border-top: 50px solid #fff; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; height: 0; width: 0; position: relative; top: 46px; transform: translateX(-50%); left: 50%; z-index: 10; display: none; } .wrapper_mya-landing .homes-list-content .img-hme-link:before { content: ""; background: rgba(0, 0, 0, 0.2); display: block; width: 100%; position: absolute; height: 100%; z-index: 2; } .wrapper_mya-landing .homes-list-content .img-hme-link img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } @media (max-width: 1149px) { .wrapper_mya-landing .homes-list-content .img-hme-link img { height: 100%; width: auto; max-width: initial; } } .wrapper_mya-landing .desc-hme-item-landing { text-align: center; width: 100%; background: #fff; padding: 57px; } @media (max-width: 1149px) { .wrapper_mya-landing .desc-hme-item-landing { padding: 40px; } } .wrapper_mya-landing .desc-hme-item-landing:before { content: ""; border-bottom: 50px solid #fff; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; height: 0; width: 0; position: relative; top: -126px; z-index: 10; display: none; } .wrapper_mya-landing .desc-hme-item-landing-isolated { background: #000f24; } .wrapper_mya-landing .desc-hme-item-landing .hme-title { color: #000; font-weight: bold; font-size: 35px; padding: 0 0 44px 0; } @media (max-width: 1149px) { .wrapper_mya-landing .desc-hme-item-landing .hme-title { padding: 0 0 25px; font-size: 27px; } } .wrapper_mya-landing .desc-hme-item-landing .hme-title * { color: #000; } .wrapper_mya-landing .desc-hme-item-landing .hme-title-isolated { color: #fff; margin: 0; padding: 0; } .wrapper_mya-landing .desc-hme-item-landing .hme-desc * { color: #000; } .wrapper_mya-landing .desc-hme-item-landing .hme-desc-isolated { color: #fff; font-size: 20px; max-width: 700px; margin: 0 auto; padding: 30px 0; } .wrapper_mya-landing .desc-hme-item-landing .hme-cta-item { margin-top: 20px; } .wrapper_mya-landing .desc-hme-item-landing .hme-cta-item .hme-cta-link { background: #000; color: #fff; padding: 10px 20px; display: inline-block; font-size: 20px; font-weight: 400; border-radius: 4px; border: 0 none; font-family: "Roboto"; text-transform: initial; font-size: 19px; letter-spacing: 0.5px; } .wrapper_mya-landing .desc-hme-item-landing .hme-cta-item .hme-cta-link-isolated { border: none; border-radius: 50px; font-size: 19px; font-weight: bold; padding: 16px 32px; cursor: pointer; transition: background-color 0.3s; background: #fff; color: #000; gap: 40px; margin: 0; display: inline-block; } .homes-list-int { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; position: relative; margin: 0 auto; padding: 80px 0; overflow: hidden; } @media (max-width: 1149px) { .homes-list-int { padding: 40px 0; } } .homes-list-int:before { content: ""; display: block; background: #000f24; position: absolute; height: 100%; width: 100%; top: 0; left: initial; right: 0; z-index: 1; } .homes-list-int .homes-list-content-int { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; position: relative; margin: 0 auto; max-width: 1310px; width: 100%; } @media (max-width: 1149px) { .homes-list-int .homes-list-content-int { flex-wrap: wrap; padding: 0; } } .homes-list-int .homes-list-content-int-recrut .desc-hme-item .hme-title { margin: 0; } .homes-list-int-recrut { flex-direction: column; margin-bottom: 50px; } .homes-list-int-recrut:before { width: 100%; } .homes-list-int-recrut .ttl-recrut { position: relative; z-index: 1000; color: #fff; text-align: center; padding-bottom: 40px; font-size: 32px; font-weight: 500; } .container-mya-list-int { width: calc(50% - 40px); position: relative; z-index: 3; background: transparent; border-radius: 4px; padding: 0; margin: 20px; display: flex; } @media (max-width: 1149px) { .container-mya-list-int { width: 100%; display: block; } } .container-mya-list-int .img-hme-list { margin-bottom: 0; width: 450px; } .container-mya-list-int .img-hme-list .img-hme-link { height: 250px; min-width: 300px; width: 100%; overflow: hidden; position: relative; display: block; border-radius: 3px; } .container-mya-list-int .img-hme-list .img-hme-link img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: auto; width: 100%; max-width: initial; } .container-mya-list-int .desc-hme-item { padding: 0 40px; } .container-mya-list-int .desc-hme-item .hme-title { color: #fff; font-weight: bold; padding: 0 0 20px 0; text-decoration: none; text-transform: uppercase; font-family: raleway; text-align: left; position: relative; margin-top: 0; background: transparent; border-radius: 5px; font-size: 22px; } @media (max-width: 1149px) { .container-mya-list-int .desc-hme-item .hme-title { padding-top: 20px; } } .container-mya-list-int .desc-hme-item .hme-desc { padding-bottom: 15px; text-align: left; } .container-mya-list-int .desc-hme-item .hme-desc * { padding: 0; color: #fff; font-size: 14px; } .container-mya-list-int .desc-hme-item .hme-cta-item { text-align: right; } .container-mya-list-int .desc-hme-item .hme-cta-item .hme-cta-link { background: #fff; color: #000; padding: 10px 20px; display: inline-block; font-size: 17px; font-weight: 400; border-radius: 4px; border: 0 none; } .home-vtc { position: relative; } .vtc-wrapper { width: 100%; max-width: 100%; margin: 0 auto; right: 50px; top: 40px; } .vtc-wrapper .hme-title { color: #fff; font-size: 44px; font-weight: bold; text-align: center; margin: 0 auto; font-family: "Raleway", sans-serif; background: #121212; padding: 40px 0; position: relative; } @media (max-width: 1149px) { .vtc-wrapper .hme-title { padding: 22px 0; font-size: 20px; } } .vtc-wrapper .hme-title::before { content: ""; display: block; border-top: 50px solid #121212; border-left: 50px solid transparent; border-right: 50px solid transparent; width: 0; height: 0; position: absolute; transform: translateX(-50%); left: 50%; bottom: -25px; } @media (max-width: 1149px) { .vtc-wrapper .hme-title::before { border-top: 25px solid #121212; border-left: 25px solid transparent; border-right: 25px solid transparent; bottom: -14px; z-index: 2; } } #ui-datepicker-div { width: 300px; } html .chbs-booking-form-id-371 .chbs-tab.ui-tabs .ui-tabs-panel { border-top-color: #000 !important; } html .chbs-booking-form-id-371 .chbs-tab.ui-tabs .ui-tabs-nav > li.ui-tabs-active + li > a { border-left-color: #000 !important; } html .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav > li.ui-tabs-active a { background: #000 !important; border-color: #000 !important; color: #fff !important; } html .chbs-booking-form-id-371 .chbs-main-navigation-default > ul > li.chbs-state-selected > a > span:first-child { background: #000 !important; } html .chbs-meta-icon-route::before, html .chbs-meta-icon-clock::before { color: #000 !important; } .sponsors-slider { text-decoration: none; color: #000; display: flex; align-items: center; justify-content: center; } .sponsors-slider li { display: block !important; } .sponsors-slider .baseline { font-size: 22px; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; text-align: center; color: #000 !important; } html .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-next, html .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-prev { background: #fff; color: #000; display: inline-block; font-size: 16px; font-weight: 500; border-radius: 0; border: 0 none; position: relative; z-index: 250; border: 1px solid #000; min-width: 200px; text-align: center; height: 48px; line-height: 48px; border-radius: 14px; padding: 0 10px 0 20px; font-weight: bold; font-family: Raleway; } @media (max-width: 1149px) { html .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-next, html .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-prev { font-size: 11px; } } html .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-next:hover, html .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-prev:hover { background: #fff !important; color: #000 !important; } html .chbs-button.chbs-button-step-prev { opacity: 0.8; } html .ui-datepicker.ui-widget td a.ui-state-active, html .ui-datepicker.ui-widget td a:hover { background: #000 !important; color: #fff; } html .chbs-main .chbs-layout-50x50 { display: flex; position: relative; } @media (max-width: 1149px) { html .chbs-main .chbs-layout-50x50 { display: block; } } html .chbs-main .chbs-layout-50x50 > .chbs-layout-column-right, html .chbs-main .chbs-layout-50x50 .chbs-layout-column-left { float: none; } html .chbs-main .chbs-layout-50x50 > .chbs-layout-column-right { width: 100%; position: relative; } html .chbs-main .chbs-layout-50x50 > .chbs-layout-column-right .chbs-ride-info { position: absolute; bottom: 0; right: 0; max-width: 550px; background: #fff; } @media (max-width: 1149px) { html .chbs-main .chbs-layout-50x50 > .chbs-layout-column-right .chbs-ride-info { display: flex; } } html .chbs-main .chbs-layout-50x50 > .chbs-layout-column-left { width: 500px; position: absolute; transform: translateY(-50%); top: 50%; left: 80px; z-index: 40; } @media (max-width: 1149px) { html .chbs-main .chbs-layout-50x50 > .chbs-layout-column-left { position: static; transform: initial; } } html #chbs_google_map { height: 750px !important; } html .chbs-main .chbs-main-content > div > div:last-child { padding: 40px 25px; margin: 0; background: #121212; display: flex; gap: 46px; justify-content: center; } @media (max-width: 1149px) { html .chbs-main .chbs-main-content > div > div:last-child { gap: 0; } } html .chbs-main .chbs-main-content > div > div:last-child.chbs-booking-complete { margin: 0 !important; } html .chbs-main .chbs-main-content > div > div:last-child.chbs-booking-complete .chbs-meta-icon-tick { margin: 0; } html .chbs-main .chbs-main-content > div > div:last-child.chbs-booking-complete h3 { color: #fff; } html .chbs-main .chbs-main-navigation-default { max-width: 700px; margin: 50px auto 0; text-align: center; display: flex; align-items: center; justify-content: center; } @media (max-width: 1149px) { html .chbs-main-content-step-2, html .chbs-main-content-step-3, html .chbs-main-content-step-4 { padding: 0; } } html .chbs-main-content-step-2 .chbs-layout-column-right, html .chbs-main-content-step-3 .chbs-layout-column-right, html .chbs-main-content-step-4 .chbs-layout-column-right { padding: 0 50px; } @media (max-width: 1149px) { html .chbs-main-content-step-2 .chbs-layout-column-right, html .chbs-main-content-step-3 .chbs-layout-column-right, html .chbs-main-content-step-4 .chbs-layout-column-right { padding: 0 25px; } } @media (max-width: 1149px) { html .chbs-main-content-step-2 .chbs-layout-column-left, html .chbs-main-content-step-3 .chbs-layout-column-left, html .chbs-main-content-step-4 .chbs-layout-column-left { padding-bottom: 40px; } } @media (max-width: 1149px) { html .chbs-main-content-step-2 .chbs-layout-column-left .chbs-summary-price-element, html .chbs-main-content-step-3 .chbs-layout-column-left .chbs-summary-price-element, html .chbs-main-content-step-4 .chbs-layout-column-left .chbs-summary-price-element { padding-left: 25px; padding-right: 25px; } } html .chbs-main .chbs-main-navigation-default > ul { min-width: 900px; padding: 0 0 34px 0; } @media (max-width: 1149px) { html .chbs-main .chbs-main-navigation-default > ul { padding: 0; } } html .chbs-main .chbs-main-navigation-default > ul li a span + span { font-family: Raleway; font-weight: bold !important; } html .chbs-main .chbs-booking-complete .chbs-meta-icon-tick > div:first-child + div { left: 0; } html .chbs-main .chbs-main-content { margin-top: 0; } @media (max-width: 1149px) { html .chbs-ride-info { display: flex !important; flex-wrap: nowrap !important; } } /* Add this code at the end of the existing CSS */ .feature { display: flex; align-items: center; justify-content: space-around; padding: 4rem; } .feature-text { max-width: 500px; } .feature-text h3 { font-size: 2rem; margin-bottom: 1rem; } .feature-text p { font-size: 1.1rem; margin-bottom: 2rem; } .feature-image { max-width: 500px; border-radius: 5px; } .hero { display: flex; align-items: center; justify-content: space-around; padding: 4rem; background: #f4f4f4; } @media (max-width: 1149px) { .hero { flex-wrap: wrap; } } .hero-text { max-width: 500px; } .hero-text h2 { font-size: 2.5rem; margin-bottom: 1rem; } .hero-text p { font-size: 1.1rem; margin-bottom: 2rem; } .cta-button { display: inline-block; background: #0f4254; color: #fff; padding: 0.8rem 2rem; text-decoration: none; border-radius: 5px; } .hero-image { max-width: 500px; border-radius: 5px; } .banner-hero { display: grid; align-items: center; justify-content: end; background-color: #f7f7f7; padding: 0; position: relative; grid-template-columns: 1fr 1fr; } @media (max-width: 1149px) { .banner-hero { flex-wrap: wrap; display: flex; } } .banner-hero .banner-text { padding: 80px; gap: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 1149px) { .banner-hero .banner-text { padding: 80px 40px; order: 1; } } .banner-hero .banner-image { object-fit: cover; width: 100%; height: 100%; } @media (max-width: 1149px) { .banner-hero .banner-image { min-height: 350px; order: 2; } } .banner-text { width: 100%; max-width: 100%; text-align: center; } @media (max-width: 1149px) { .banner-text { padding: 34px 25px; } } .banner-text h1 { font-size: 60px; margin-bottom: 20px; line-height: 1; color: #000; } @media (max-width: 1149px) { .banner-text h1 { font-size: 30px; } } .banner-text h1.ttl-banner { font-size: 35px; font-weight: 700; margin: 0; padding: 0; } .banner-text p { font-size: 1.8rem; margin-bottom: 40px; line-height: 1.4; font-family: Raleway; color: #000; } .banner-text p:not(.main-hero-bnr) { color: #fff; font-size: 1.8rem; } .banner-text p.main-hero-bnr { margin-bottom: 0; font-size: 24px; } .banner-image { width: 100%; position: static; right: 20px; bottom: 0; align-self: flex-end; } @media (max-width: 1149px) { .banner-image { max-width: 100%; order: 1; } } .container-hero { max-width: 1310px; margin: 0 auto; padding: 100px 32px; } .grid-hero { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 16px; } .card { background-color: white; border-radius: 5px; overflow: hidden; } .card img { width: 100%; } .vehicle-image { width: 100%; height: auto; } .description { font-size: 14px; color: #4a4a4a; padding: 14px 0; } .select-vehicle { background-color: #0f4254; color: #fff; border: none; border-radius: 3px; font-size: 16px; font-weight: bold; padding: 8px 16px; margin: 0; cursor: pointer; transition: background-color 0.3s; } .hero.flex-vertical { flex-direction: column; gap: 25px; padding: 5rem 4rem; } .hero .cta { background: #000; color: #fff; min-width: 300px; gap: 40px; } .hero .ttl-hero { font-size: 35px; font-weight: 700; margin: 0; padding: 0; } .hero .desc-hero { padding: 0; margin: 0; } .hero h1 { font-size: 48px; margin-bottom: 16px; line-height: 1; } @media (max-width: 1149px) { .hero h1 { font-size: 30px; } } .hero p { font-size: 24px; margin-bottom: 32px; } @media (max-width: 1149px) { .hero p { font-size: 15px; } } .cta { background-color: #000f24; color: #1b48b2; border: none; border-radius: 50px; font-size: 24px; font-weight: bold; padding: 16px 32px; cursor: pointer; transition: background-color 0.3s; } @media (max-width: 1149px) { .cta { font-size: 19px; } } .cta:hover { background-color: #29282b; } .advantages { padding: 64px 32px; text-align: center; } .advantages h2 { font-size: 36px; margin-bottom: 32px; } .grid-hero-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 32px; } @media (max-width: 1149px) { .grid-hero-list { display: flex; flex-wrap: wrap; justify-content: center; } } .advantage-item { background-color: white; padding: 32px; transition: transform 0.3s; } @media (max-width: 1149px) { .advantage-item { padding: 0; width: 45%; } } .advantage-item:hover { transform: translateY(-5px); } .image { width: 100%; height: auto; object-fit: cover; display: block; margin: 0 auto 16px; border-radius: 5px; } .advantage-item h3 { font-size: 24px; margin-bottom: 16px; padding: 0; } .advantage-item p { font-size: 16px; } .section-ride { padding: 64px 32px; text-align: center; background-color: #F5F5F5; } .section-ride h2 { font-size: 36px; margin-bottom: 32px; } .ride-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 32px; } .ride-item { background-color: white; padding: 32px; transition: transform 0.3s; } .ride-item:hover { transform: translateY(-5px); } .ride-image { width: 100%; height: auto; object-fit: cover; display: block; margin: 0 auto 16px; } .ride-item h3 { font-size: 24px; margin-bottom: 16px; } .ride-item p { font-size: 16px; margin-bottom: 16px; } .ride-link { color: #121212; text-decoration: none; font-weight: bold; cursor: pointer; } .ride-link:hover { text-decoration: none; } @media (max-width: 767px) { .ride-grid { grid-template-columns: 1fr; } } .hero-banner { position: relative; height: 100vh; display: flex; background-size: cover; background-position: center; } .form-container { width: 300px; padding: 64px; background-color: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; } .ride-form { display: flex; flex-direction: column; } .ride-form input { margin-bottom: 16px; padding: 8px; font-size: 16px; } .ride-form button { padding: 8px; font-size: 16px; background-color: #1b48b2; color: white; border: none; cursor: pointer; } .ride-form button:hover { background-color: #163d86; } #map { flex-grow: 1; } .content-page { padding: 64px; text-align: center; } @media (max-width: 1149px) { .content-page { padding: 25px 0; } } .content-page h1 { font-size: 36px; margin-bottom: 32px; color: #333333; } .content-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 32px; justify-content: center; } .content-item { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 5px; padding: 32px; } .content-image { width: 100%; height: auto; object-fit: cover; display: block; margin: 0 auto 16px; border-radius: 5px; } .content-item h3 { font-size: 24px; margin-bottom: 16px; color: #333333; } .content-item p { font-size: 16px; color: #808080; } .banner { background: url("http://mayega:9090/wp-content/uploads/2022/05/UberbeatsTaxi3.jpeg") no-repeat center center/cover; height: 60vh; display: flex; justify-content: center; align-items: center; } .banner-text { color: #fff; text-align: center; } @media (max-width: 1149px) { .banner-text { order: 2; } } .banner-text .cta-button { font-size: 19px; font-family: Raleway; font-weight: bold; padding: 16px 25px; border-radius: 50px; max-width: 320px; min-width: 300px; } .banner-text .cta-button:hover { color: #fff; } .banner h1 { font-size: 3rem; margin-bottom: 1rem; color: #fff; font-weight: bold; } .banner p { font-size: 1.2rem; margin-bottom: 1rem; color: #fff; font-weight: bold; } .services { padding: 2rem 0; text-align: center; } .services h2 { padding: 40px 0; font-size: 36px; } .service-box { display: flex; justify-content: center; flex-wrap: wrap; } .service-item { flex: 0 1 calc(33.333% - 1rem); padding: 1rem; } @media (max-width: 1149px) { .service-item { flex: initial; } } .service-item img { max-width: 100%; height: auto; } .service-item h3 { font-size: 1.5rem; margin-top: 1rem; margin-bottom: 0.5rem; } .join-us { background: #f5f5f5; padding: 2rem 0; text-align: center; } .join-us h2 { font-size: 2rem; margin-bottom: 1rem; } .join-btn { display: inline-block; background: #121212; color: #fff; padding: 0.5rem 1rem; text-decoration: none; transition: 0.3s; } .join-btn:hover { background: #121212; } .swiper-container { width: 100vw; height: 100vh; overflow: hidden; position: relative; } .swiper-slide .card-image img { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: auto; z-index: -100; max-width: initial; object-fit: cover; } .swiper-slide .card-title, .swiper-slide .card-desc { color: white; /* Use a color that is visible on your images */ } .swiper-slide .card-title h2 { padding-bottom: 20px; } .swiper-slide .card-title * { font-size: 56px; font-weight: bold; line-height: 73px; text-transform: initial; } @media (max-width: 1149px) { .swiper-slide .card-title * { font-size: 37px; line-height: 42px; } } .swiper-slide .card-desc { top: 60px; /* Adjust these values to position the description */ font-size: 1.2em; /* Adjust the font size as needed */ } .swiper-slide .card-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; width: 50%; } @media (max-width: 1149px) { .swiper-slide .card-text { width: 70%; } } .swiper-slide .card-title h2, .swiper-slide .card-desc p { margin: 0; } .form-info { background: #000f24; } .form-info .wrapper-form-info { display: grid; align-items: center; justify-content: end; padding: 0; position: relative; grid-template-columns: 1fr 1fr; } .form-info .wrapper-form-info .visual-form { background-color: #fff; width: 100%; height: 100%; } @media (max-width: 1149px) { .form-info .wrapper-form-info { grid-template-columns: 1fr; } } #sib-container { max-width: 100% !important; padding: 0 !important; } #sib-form { display: flex; flex-wrap: wrap; gap: 16px; } @media (max-width: 1149px) { #sib-form { display: block; } } #sib-form > div { width: calc(50% - 8px); } @media (max-width: 1149px) { #sib-form > div { width: 100%; } } #sib-form > div:last-of-type { width: 100% !important; text-align: right !important; } #sib-form > div:last-of-type div { text-align: right !important; } #sib-form > div:nth-last-of-type(4) { width: 100% !important; } #sib-form > div:nth-last-of-type(3) { width: 100% !important; } #sib-form > div:nth-last-of-type(2) { width: 100% !important; } #sib-form > div:nth-last-of-type(2) * { color: #090909 !important; } #sib-form .sib-form-block { padding: 0 !important; } #sib-form .entry__choice span { font-weight: normal !important; font-size: 14px; } .sib-form { padding: 0 !important; } .sib-form h3 { color: #fff; font-weight: 700; font-family: "Raleway", sans-serif; } .sib-form .entry__field { background: none !important; } .sib-form .entry__field textarea { width: 100%; } .sib-form .input:not(textarea), .sib-form .input__button { min-height: 40px; } .sib-form .entry__label { color: #090909 !important; font-family: "Raleway", sans-serif !important; font-size: 14px !important; letter-spacing: 0 !important; line-height: 20px !important; text-transform: initial !important; margin-bottom: 0; font-weight: normal !important; } #email-error, #phone-error { display: none; } .form__label-row p { color: #fff; } .entry__error { display: none !important; } #confirmation-message { display: block; padding: 56px 40px; } #confirmation-message p { color: #485fc7; font-size: 2rem; font-weight: 700; } #confirmation-message a { color: #485fc7; font-size: 1.2rem; } .sib-form-block__button { border: 0 !important; background-color: transparent !important; color: #090909 !important; font-family: "Raleway", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; line-height: 24px !important; text-transform: uppercase !important; text-align: center !important; } .sib-form-block__button:hover { background-color: transparent !important; color: #090909 !important; } .sib-form-block__button:after { font-family: "Font Awesome 6 Free"; content: "\f061"; padding-left: 15px; } .sib-form-block__button[disabled] { opacity: 0.4; cursor: not-allowed; } .sib-form .checkbox { margin: 0 10px 0 0 !important; border: 0 none !important; background: rgba(115, 115, 115, 0.08) !important; font-size: 13px; } .sib-form .checkbox:before { display: none !important; } .sib-form .input_replaced:checked + .checkbox_tick_positive { background: rgb(115, 115, 115) !important; } .sib-form .input_replaced:checked + .checkbox_tick_positive:before { display: block !important; } .mainHeader .divHeader { width: 30%; display: flex; align-items: center; position: relative; } .mainHeader .divHeader img { max-height: 100px; } @media (max-width: 1149px) { .mainHeader .divHeader img { max-height: 75px; } } .mainHeader { padding: 29px 40px; display: flex; flex-wrap: nowrap; box-sizing: border-box; align-items: center; position: relative; } .mainHeader:before { position: absolute; height: 100%; display: block; content: ""; background-color: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: 0.2s cubic-bezier(1, 0, 0, 1); top: 0; left: 0; width: 100%; } @media (max-width: 1149px) { .mainHeader { padding: 0 24px; z-index: 20001; } } .mainHeader .divHeader { width: 30%; display: flex; align-items: center; position: relative; } @media (max-width: 1149px) { .mainHeader .divHeader { position: relative; z-index: 2000001; justify-content: center; align-items: center; height: 65px; } } @media (max-width: 1149px) { .mainMenuNoHome .mainHeader .divHeader .isOpen .txtLogo { color: #fff; top: initial; } } @media (max-width: 1149px) { .mainHeader .divHeader { text-align: center; width: 100%; } .mainHeader .divHeader > h2 { margin: 0; } } @media (max-width: 1149px) and (max-width: 1149px) { .mainMenuNoHome .mainHeader .divHeader > h2 { height: auto; } } .mainHeader .txtLogo { font-family: "Poppins", "Overpass", sans-serif; font-weight: 700; } @media (max-width: 1149px) { .mainHeader .txtLogo { font-size: 28px; top: 18px; } .mainMenuNoHome .mainHeader .txtLogo { top: initial; } } .mainHeader .txtLogo:hover { color: #fff; text-decoration: none; } .mainMenuNoHome.fixedMenu { position: fixed; top: 0; left: 0; width: 100%; z-index: 2000000000; background: transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 0 2.375rem; } .mainMenuNoHome.fixedMenu .mainHeader { background: transparent; } .mainMenuNoHome.fixedMenu.singleMenuNoHome .activeDesktop { filter: unset; } .mainMenuNoHome.fixedMenu.singleMenuNoHome .txtLogo { filter: unset !important; } .mainMenuNoHome.fixedMenu.isOpen.singleMenuNoHome .txtLogo { filter: unset; } .mainMenuNoHome.fixedMenu.isOpen .txtLogo { filter: invert(1); } @media (max-width: 1149px) { .mainMenuNoHome.fixedMenu.isOpen .txtLogo { filter: unset; } } @media (max-width: 1149px) { .mainMenuNoHome.fixedMenu .txtLogo { filter: unset; } } @media (max-width: 1149px) { .mainMenuNoHome.fixedMenu .isClosed .txtLogo { filter: invert(1); } } @media (max-width: 1149px) { .mainMenuNoHome { height: 65px; } } .mainMenuNoHome .mainHeader { padding-top: 0; padding-bottom: 0; } .mainMenuNoHome .mainHeader .txtLogo { color: #090909; } @media (max-width: 1149px) { .mainMenuNoHome .mainHeader .txtLogo { color: #090909; } } .homeWrapper .mainMenuNoHome .mainHeader .txtLogo { color: #fff; } .mainMenuNoHome .mainMenu { height: 104px; display: flex; align-items: center; align-self: flex-end; justify-content: flex-end; position: relative; } @media (max-width: 1149px) { .mainMenuNoHome .mainMenu.activeMobile { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: #000; z-index: 2000; } .mainMenuNoHome .mainMenu.activeMobile.isOpen { left: 0; } } .mainMenuNoHome .mainMenu ul li a { color: #090909; } @media (max-width: 1149px) { .mainMenuNoHome .mainMenu ul li a { color: #fff; } } .mainMenuNoHome.mainMenuHomePage .mainMenu ul li a { color: #FFF; font-family: "Raleway"; font-weight: bold; } .mainMenu { height: 104px; display: flex; align-items: center; align-self: flex-end; justify-content: flex-end; position: relative; } @media (max-width: 1149px) { .mainMenu.activeMobile { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: #000; z-index: 2000; } .mainMenu.activeMobile.isOpen { left: 0; } } .mainMenu ul li a { color: #090909; } @media (max-width: 1149px) { .mainMenu ul li a { color: #fff; } } .mainMenu { width: 70%; align-items: center; } .mainMenu.isOpen { display: block; } @media (max-width: 1149px) { .mainMenu.isClosed { display: none; } .mainMenu.activeMobile { width: 100vw; height: 100%; position: fixed; top: 0; left: 0; background: #000; z-index: 2000; } } .mainMenu ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; } @media (max-width: 1149px) { .mainMenu ul { flex-direction: column; position: absolute; width: 100%; height: 100%; justify-content: center; } } .mainMenu ul li { padding: 0 20px; } .mainMenu ul li:last-child { padding: 0 20px; } @media (max-width: 1149px) { .mainMenu ul li:last-child { padding-top: 40px; } } .mainMenu ul li a { cursor: pointer; } @media (max-width: 1149px) { .mainMenu ul li { color: #FFFFFF; font-family: Overpass; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 37px; text-transform: uppercase; } .mainMenu ul li + li { padding-top: 40px; } } .mainMenu .menuLink { color: #FAFAFA; font-size: 16px; letter-spacing: 0; line-height: 24px; font-family: "Source Sans Pro", sans-serif; } @media (max-width: 1149px) { .mainMenu .menuLink { font-size: 32px; position: relative; } .mainMenu .menuLink:hover a { color: #00ea98 !important; } .mainMenu .menuLink:hover:before { display: block; } .mainMenu .menuLink:before { content: ""; display: none; position: absolute; bottom: -16px; left: 50%; background: #00ea98; width: 100px; height: 5px; transform: translateX(-50%); } } .mainMenu .menuLink:hover { text-decoration: none; } .txtLogo { display: none; } .menuB { display: none; height: 9px; width: 36px; position: absolute; top: 24px; left: 30px; cursor: pointer; } .menuB.isClosed { z-index: 30000; top: 34px; left: 27px; } .mainMenuNoHome .menuB.isClosed { top: 30px; } .menuB.menuBurgerMobile { height: 60px; width: 80px; top: 0 !important; left: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 7px; } .menuB.menuBurgerMobile.isOpen { position: fixed; z-index: 30000; top: 34px; left: 0; } .menuB.isOpen { top: 36px; left: 27px; } @media (max-width: 1149px) { .mainMenuNoHome .menuB.isOpen span { background: #fff; } } .menuB.isOpen span { height: 2px; } .menuB.isOpen .mTop { transform: rotate(45deg); } .menuB.isOpen .mBottom { bottom: 7px; transform: rotate(-45deg); transform-origin: center; margin-top: -8px; } @media (max-width: 1149px) { .menuB { display: block; } } .menuB span { box-sizing: border-box; height: 2px; width: 37px; background: #F9F9F9; display: block; } .mainMenuNoHome .menuB span { background: #fff; } .homeWrapper .mainMenuNoHome .menuB span { background: #fff; } .menuB span.mtop { top: 0; left: 0; } .menuB span.mBottom { bottom: 0; left: 0; } .homeWrapper { position: relative; height: 100vh; max-height: 100vh; background-color: #141625; } @media (max-width: 1149px) { .homeWrapper { max-height: initial; } } .homeWrapper > div { height: 100%; } .homeWrapper .homeImage { position: relative; top: 0; left: 0; width: auto; max-width: initial; max-height: 100vh; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } @media (min-width: 1150px) and (max-width: 1310px) { .homeWrapper .homeImage img { max-width: 100%; height: auto; width: 100%; margin: 0 auto; } } @media (max-width: 1149px) { .homeWrapper .homeImage { height: 100vh; overflow: hidden; max-height: initial; } .homeWrapper .homeImage img { position: absolute; width: auto; max-width: initial; transform: translateX(-50%); height: 100vh; } } .titleBlockHome { padding: 29px 104px; position: absolute; height: 100%; display: flex; align-items: flex-start; flex-wrap: nowrap; flex-direction: column; justify-content: center; top: 0; z-index: 1; } @media (max-width: 1149px) { .titleBlockHome { padding: 0 20px; top: 0; } } .titleBlockHome h3 { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 70px; font-weight: 900; letter-spacing: 0; line-height: 70px; } .titleBlockHome h3 + h3 { padding-top: 40px; } @media (max-width: 1149px) { .titleBlockHome h3 { color: #F9F9F9; font-family: "Raleway"; font-size: 32px; font-weight: 900; letter-spacing: 0; line-height: 32px; } } .categoryTextHome { color: #00abc3; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 900; letter-spacing: 1px; line-height: 37px; margin-top: 24px; text-transform: uppercase; display: block; } @media (max-width: 1149px) { .categoryTextHome { font-size: 16px; font-weight: 800; letter-spacing: 1px; line-height: 25px; margin-top: 16px; } } .infoContact { position: absolute; right: 104px; bottom: 48px; text-align: right; z-index: 2; } @media (max-width: 1149px) { .infoContact { text-align: left; right: initial; left: 24px; bottom: 110px; display: flex; flex-direction: column; } .infoContact span { padding-bottom: 5px; letter-spacing: 0.5px; } .infoContact .emailUser { order: 2; } .infoContact .contactUser { order: 1; } } .infoContact span { color: #FAFAFA; font-family: "Futura-medium"; font-size: 20px; letter-spacing: 0; line-height: 24px; display: block; } @media (max-width: 1149px) { .infoContact span { color: #FFFFFF; font-family: "Raleway"; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; line-height: 16px; font-weight: 400; } } .infoContact span + span { margin-top: 5px; } .scrollTopLink { transform: rotate(270deg); color: #FAFAFA; font-family: "Raleway"; font-size: 16px; font-weight: 600; letter-spacing: 1.5px; line-height: 24px; text-align: center; bottom: 63px; left: 50px; text-transform: uppercase; position: absolute; z-index: 1; } @media (max-width: 1149px) { .scrollTopLink { left: initial; right: -39px; font-size: 12px; font-weight: 400; bottom: 55px; } } .scrollTopLink:hover { color: #FAFAFA; text-decoration: none; } .scrollTopLink:before { content: ""; box-sizing: border-box; height: 3px; width: 72px; background: #FAFAFA; display: inline-block; margin-right: 15px; position: relative; top: -3px; } @media (max-width: 1149px) { .scrollTopLink:before { height: 1px; bottom: 56px; } } .mainHomeGlobal { top: 0; left: 0; width: 100vw; /* viewport width */ height: 100vh; /* viewport height */ object-fit: cover; object-position: center; /* Adjust as needed to position the image */ } .section-home { background: #00abc3; padding: 0 24px 88px; position: relative; z-index: 1; } .section-home .titleMainCategory { margin-top: 48px; } html .section-item { padding-bottom: 50px; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; flex: 1; } html .section-item .homeImageContent img { width: 100% !important; height: auto; } .titleMainCategory.title.is-1 { color: #fff; font-family: "Raleway", sans-serif; font-size: 56px; font-weight: 800; letter-spacing: 0; line-height: 86px; margin-bottom: 30px; } @media (max-width: 1149px) { .titleMainCategory.title.is-1 { color: #fff; font-family: "Raleway", sans-serif; font-size: 34px !important; font-weight: 900; letter-spacing: 0; line-height: 37px; margin-bottom: 10px; } .titleMainCategory.title.is-1.singleTitleCategory { font-size: 56px !important; line-height: 47px; text-align: center; display: inline-block; } } html .homeCategory.columns { margin: 0; color: #fff; } html .homeCategory .homeImageContent { background: #fff; display: block; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; padding: 25px; } html .homeCategory .iconArrow { font-size: 30px; padding-left: 13px; position: relative; top: 7px; } html .subTitleProjects:not(:last-child) { color: #fff; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 37px; margin-bottom: 16px; padding: 0; } html .subTitleMainProject { font-family: "Raleway", sans-serif; } @media (max-width: 1149px) { html .subTitleMainProject { font-size: 24px !important; } } html .contentText p { color: #090909; font-family: "Source Sans Pro"; font-size: 16px; letter-spacing: 0; line-height: 24px; } html .linkToProject { color: #090909; font-family: "Source Sans Pro"; font-size: 16px; font-weight: 600; letter-spacing: 1.5px; line-height: 24px; text-align: center; text-transform: uppercase; } html .linkToProject:hover { color: #090909; text-decoration: none; } .linkSee { color: #FAFAFA; font-weight: bold; font-size: 18px; align-self: flex-end; width: 100%; display: block; bottom: 0; font-family: "Raleway", sans-serif; } .linkSee:hover { color: #fff; } @media (max-width: 1149px) { .linkSee { position: static; text-align: left; } } .linkSee .icoRight { filter: invert(1); width: 27px; } .linkSee span { position: relative; top: 1px; padding-left: 7px; display: inline-block; } .link-see-all { color: #FAFAFA; font-weight: bold; font-size: 18px; align-self: flex-end; align-content: flex-end; width: 100%; display: block; bottom: 0; font-family: "Raleway", sans-serif; display: flex; justify-content: flex-end; } .link-see-all:hover { color: #fff; } @media (max-width: 1149px) { .link-see-all { position: static; text-align: left; } } .link-see-all span { position: relative; top: 5px; padding-left: 15px; display: inline-block; } .icoRight { display: inline-block; position: relative; top: 4px; margin-left: 9px; height: 22px; width: 47px; background-repeat: no-repeat; filter: invert(1); } .icoRight.orangeSvg { filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%); } html .section-about { background: #FAFAFA; padding: 0 24px 88px; } html .section-about .containerTitleSection { z-index: 2; } html .section-about .containerTitleSection .titleMainCategory { color: #00abc3 !important; margin-top: 48px; } html .section-about .aboutSection { color: #00abc3; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 1px; line-height: 40px; max-width: 920px; position: relative; z-index: 2; text-transform: uppercase; } @media (max-width: 1149px) { html .section-about .aboutSection { font-size: 16px; margin-bottom: 18px; } } html .section-about .contentSection:before { content: "À propos"; position: absolute; top: -106px; left: -67px; font-size: 15em; font-family: "Raleway", sans-serif; font-weight: 600; color: #F5F5F5; z-index: 1; } html .section-about .containLink { text-align: right; z-index: 5; } html .section-about .containLink .linkSee { color: #00abc3; } html .section-about .containLink .linkSee i { position: relative; top: 2px; padding: 0 0 0 6px; } html .section-about .containLink .linkSee .icoRight { color: #00abc3; } html .section-about .containLink .linkSee span { position: relative; top: 1px; padding-left: 7px; display: inline-block; } html .containerTitleSection { overflow: hidden; } @media (max-width: 1149px) { html .service-section { padding-bottom: 60px; } } html .section-prestation { background: #2C2B2B; padding: 0 24px 88px; } @media (max-width: 1149px) { html .section-prestation { padding-bottom: 0; } } @media (max-width: 1149px) { html .section-prestation .containerTitleSection { margin-bottom: 24px; } } html .section-prestation .contentSection { color: #FAFAFA; } @media (max-width: 1149px) { html .section-prestation .serviceSection { flex-direction: column; padding-bottom: 48px; } } @media (max-width: 1149px) { html .section-prestation .serviceSection .column { padding-top: 24px; } } html .section-prestation .serviceSection .column + .column { padding-left: 120px; } @media (max-width: 1149px) { html .section-prestation .serviceSection .column + .column { padding: 40px 0.75rem 0; } } html .section-prestation .icon { border: 1px solid #f8d302; margin-bottom: 24px; height: 48px; width: 48px; display: none; position: relative; } html .section-prestation .icon svg, html .section-prestation .icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; } html .section-prestation .titleServices { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 900; letter-spacing: 0; line-height: 37px; } html .section-prestation .titleServices:after { content: ""; height: 1px; width: 48px; border: 1px solid #fff; display: block; margin-top: 16px; } html .section-prestation .contentServices { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; } html .section-prestation .linkSee { color: #FAFAFA; } html .section-prestation .flexEndContent { align-self: flex-end; justify-content: right; display: flex; } html .section-prestation .flexEndContent .containLink { display: flex; width: auto; justify-content: end; align-items: center; text-align: right; } @media (max-width: 1149px) { html .section-prestation .flexEndContent .containLink { padding: 0; } } html .section-prestation .flexEndContent .linkSee i { padding-left: 8px; } html .section-prestation .icoRight { filter: invert(1); } html .section-prestation .containerTitleSection .titleMainCategory { color: #FAFAFA; margin-top: 48px; } html .linkSee { color: #090909; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 1.5px; line-height: 24px; text-align: center; text-transform: uppercase; text-align: right; } html .linkSee:hover { color: #090909; } html .section-footer { background: #090909; } html .section-footer .containerTitleSection { padding: 0; } html .section-footer .mainMenuFooter { margin: 0; } html .section-footer .contentSection { padding: 0; } html .section-footer .listMenuFooter { display: flex; padding-bottom: 72px; } @media (max-width: 1149px) { html .section-footer .listMenuFooter { display: none; } } html .section-footer .listMenuFooter li + li { padding-left: 38px; } html .section-footer .listMenuFooter li a { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; font-weight: bold; } html .section-footer .titleSubFooter { color: #FFFFFF; font-family: "Raleway", sans-serif; font-size: 24px; letter-spacing: 0; line-height: 40px; font-weight: bold; } html .section-footer .partFooter li { list-style-type: none; } html .section-footer .partFooter li a { color: #737373; font-family: "Raleway", sans-serif; font-size: 24px; letter-spacing: 0; line-height: 40px; text-decoration: none; font-weight: 500; } html .section-footer .partFooter li a:hover { text-decoration: underline; } html .section-footer .txtLegale { padding-top: 130px; padding-left: 0; } @media (max-width: 1149px) { html .section-footer .txtLegale { padding-top: 20px; } } html .section-footer .txtLegale p, html .section-footer .txtLegale .content { color: #FFFFFF; font-family: "Raleway", sans-serif; font-size: 14px; letter-spacing: 0; line-height: 20px; } html .section-footer .txtLegale p a, html .section-footer .txtLegale .content a { text-decoration: none; color: #fff; } @media (max-width: 1149px) { .pastilleFooter { text-align: center; } } @media (max-width: 1149px) { .pastilleImg img { max-width: 190px; } } .postBgSingle { max-height: 900px; position: absolute; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: 50%; background-repeat: no-repeat; background-attachment: fixed; } .postBgSingle:before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.95); width: 100%; height: 100%; position: absolute; } @media (max-width: 1149px) { .postBgSingle { height: 23%; } } @media (max-width: 1149px) { html .section-category .info { padding: 40px 44px !important; } } html .section-category .mainProject:not(.onTopView) .columnProject { background: #fff !important; } html .wrapperPost .mainProject .recentDate { display: none !important; } html .section-category, html .wrapperPost { padding: 0; margin: 0; } @media (max-width: 1149px) { html .section-category, html .wrapperPost { overflow: hidden; } } html .section-category .mainProject, html .wrapperPost .mainProject { margin: 0; padding: 0; position: relative; z-index: 2; } html .section-category .mainProject + .mainProject .infoPostCategory, html .wrapperPost .mainProject + .mainProject .infoPostCategory { border-bottom: 2px solid #737373; padding-bottom: 90px; } @media (max-width: 1149px) { html .section-category .mainProject + .mainProject .infoPostCategory, html .wrapperPost .mainProject + .mainProject .infoPostCategory { padding-bottom: 6px; border-bottom: 0; } } @media (max-width: 1149px) { html .section-category .mainProject.onTopView + .subMainProject, html .wrapperPost .mainProject.onTopView + .subMainProject { padding-top: 40px; } } html .section-category .mainProject.subMainProject:last-child .infoPostCategory, html .wrapperPost .mainProject.subMainProject:last-child .infoPostCategory { border: 0 none; } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject:last-child .wrapperPostProject, html .wrapperPost .mainProject.subMainProject:last-child .wrapperPostProject { border: 0 none; } } html .section-category .mainProject.subMainProject .columnProject, html .wrapperPost .mainProject.subMainProject .columnProject { padding-bottom: 0; } html .section-category .mainProject.subMainProject + .subMainProject .columnProject, html .wrapperPost .mainProject.subMainProject + .subMainProject .columnProject { padding-top: 90px; } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject + .subMainProject .columnProject, html .wrapperPost .mainProject.subMainProject + .subMainProject .columnProject { padding-top: 40px; } } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject .indexZone, html .wrapperPost .mainProject.subMainProject .indexZone { display: none; } } html .section-category .mainProject.subMainProject .updatePost, html .wrapperPost .mainProject.subMainProject .updatePost { text-decoration: none; color: #FA4000; border: 1px solid #FA4000; z-index: 2; bottom: 72px; } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject .updatePost, html .wrapperPost .mainProject.subMainProject .updatePost { color: #000; border-color: #000; position: static; display: inline-block; margin-top: 14px; padding: 5px 7px; bottom: -65px; float: right; } } @media (max-width: 1149px) { html .section-category .mainProject .columnProject, html .wrapperPost .mainProject .columnProject { padding: 0; } } html .section-category .mainProject .contentText p, html .wrapperPost .mainProject .contentText p { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 24px; letter-spacing: 1px; line-height: 40px; font-weight: normal; text-transform: uppercase; } html .section-category .mainProject .contentText p strong, html .wrapperPost .mainProject .contentText p strong { color: #f8d302; } html .section-category .mainProject .content.wrapperPostProject, html .wrapperPost .mainProject .content.wrapperPostProject { padding: 0; width: calc(100% - 204px); margin: 0 104px; box-sizing: border-box; position: relative; } @media (max-width: 1149px) { html .section-category .mainProject .content.wrapperPostProject, html .wrapperPost .mainProject .content.wrapperPostProject { width: calc(100% - 88px); margin: 0 44px; border-bottom: 1px solid #737373; padding-bottom: 40px; } } html .section-category .mainProject .content.wrapperPostProject .subTitleMainProject, html .wrapperPost .mainProject .content.wrapperPostProject .subTitleMainProject { font-size: 24px; margin: 0; color: #090909; } html .section-category .mainProject .content.wrapperPostProject .contentText p, html .wrapperPost .mainProject .content.wrapperPostProject .contentText p { color: #090909; text-transform: initial; font-size: 16px; letter-spacing: 0; line-height: 24px; } html .section-category .mainProject .content.wrapperPostProject .linkSee, html .wrapperPost .mainProject .content.wrapperPostProject .linkSee { position: absolute; top: 0; right: 0; left: initial; } @media (max-width: 1149px) { html .section-category .mainProject .content.wrapperPostProject .linkSee, html .wrapperPost .mainProject .content.wrapperPostProject .linkSee { position: static; } } html .section-category .mainProject .content.wrapperPostProject .linkSee .icoRight, html .wrapperPost .mainProject .content.wrapperPostProject .linkSee .icoRight { width: 24px; } html .section-category .mainProject .content.info, html .wrapperPost .mainProject .content.info { padding: 106px 104px; display: flex; align-items: flex-start; position: relative; gap: 60px; } @media (max-width: 1149px) { html .section-category .mainProject .content.info, html .wrapperPost .mainProject .content.info { flex-direction: column; padding: 86px 44px 40px; gap: 10px; } .section-category html .section-category .mainProject .content.info, .section-category html .wrapperPost .mainProject .content.info { padding: 40px 44px; } } html .section-category .mainProject .content.info .center-category, html .wrapperPost .mainProject .content.info .center-category { position: relative; flex-grow: 2; width: 100%; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .center-category p, html .wrapperPost .mainProject .content.info .center-category p { color: #FFFFFF; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 24px; text-transform: initial; } } html .section-category .mainProject .content.info .indexZone, html .wrapperPost .mainProject .content.info .indexZone { flex-grow: 1; position: relative; min-width: 20%; align-self: stretch; align-items: stretch; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone, html .wrapperPost .mainProject .content.info .indexZone { position: static; padding-top: 40px; font-size: 16px; } } html .section-category .mainProject .content.info .indexZone .contentZone, html .wrapperPost .mainProject .content.info .indexZone .contentZone { display: flex; align-items: stretch; position: absolute; height: 100%; width: 100%; justify-content: flex-end; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone .contentZone, html .wrapperPost .mainProject .content.info .indexZone .contentZone { height: initial; width: initial; position: static; } } html .section-category .mainProject .content.info .indexZone .nbItem, html .wrapperPost .mainProject .content.info .indexZone .nbItem { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 56px; font-weight: 800; letter-spacing: 0; line-height: 86px; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone .nbItem, html .wrapperPost .mainProject .content.info .indexZone .nbItem { position: absolute; top: 60px; right: 24px; font-size: 24px; display: none; } } html .section-category .mainProject .content.info .indexZone .linkSee, html .wrapperPost .mainProject .content.info .indexZone .linkSee { color: #FAFAFA; font-weight: normal; font-size: 16px; align-self: flex-end; position: absolute; width: 100%; display: block; bottom: 0; text-align: right; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone .linkSee, html .wrapperPost .mainProject .content.info .indexZone .linkSee { position: static; text-align: left; } } html .section-category .mainProject .content.info .indexZone .linkSee .icoRight, html .wrapperPost .mainProject .content.info .indexZone .linkSee .icoRight { filter: invert(1); width: 27px; } html .section-category .mainProject .content.info .tags, html .wrapperPost .mainProject .content.info .tags { padding-top: 0; flex-grow: 1; min-width: 20%; gap: 12px 0; flex-direction: column; align-items: start; width: auto; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tags, html .wrapperPost .mainProject .content.info .tags { flex-direction: row; min-width: 100%; gap: 0 12px; } } html .section-category .mainProject .content.info .tag, html .wrapperPost .mainProject .content.info .tag { color: #FAFAFA; background: none; font-family: "Raleway", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; text-transform: capitalize; font-weight: normal; display: none; } html .section-category .mainProject .content.info .tag.typed-status, html .wrapperPost .mainProject .content.info .tag.typed-status { background: transparent; border-radius: 8px; font-weight: bold; display: flex !important; padding: 5px 15px !important; border-radius: 13px; border: 1px solid #fff; } html .section-category .mainProject .content.info .tag:not(.recentDate), html .wrapperPost .mainProject .content.info .tag:not(.recentDate) { display: block; margin-right: 0; padding-right: 0; clear: both; width: auto !important; padding: 5px; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tag:not(.recentDate), html .wrapperPost .mainProject .content.info .tag:not(.recentDate) { display: inline; width: auto; padding-left: 0; } } html .section-category .mainProject .content.info .tag.recentDate, html .wrapperPost .mainProject .content.info .tag.recentDate { color: #FFFFFF; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: bold; padding-bottom: 51px; letter-spacing: 0; line-height: 40px; text-transform: capitalize; width: 100%; position: relative; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tag.recentDate, html .wrapperPost .mainProject .content.info .tag.recentDate { padding-bottom: 7px; font-size: 16px; margin-right: 0 !important; padding-right: 10px !important; line-height: 20px; padding-left: 0; } } html .section-category .mainProject .content.info .tag.recentDate:before, html .wrapperPost .mainProject .content.info .tag.recentDate:before { display: none; } html .section-category .mainProject .content.info .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info .tag.recentDate .nbItem { display: none; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info .tag.recentDate .nbItem { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 800; letter-spacing: 0; line-height: 48px; padding-right: 0 !important; margin-right: 0 !important; display: block; position: absolute; top: 0; right: 0; } } html .section-category .mainProject .content.info.secondary-pr, html .wrapperPost .mainProject .content.info.secondary-pr { background: #fff; padding-bottom: 0; padding-top: 0; } html .section-category .mainProject .content.info.secondary-pr *, html .wrapperPost .mainProject .content.info.secondary-pr * { color: #000; } html .section-category .mainProject .content.info.secondary-pr .contentZone, html .wrapperPost .mainProject .content.info.secondary-pr .contentZone { justify-content: flex-end; } html .section-category .mainProject .content.info.secondary-pr .mainImageCategory, html .wrapperPost .mainProject .content.info.secondary-pr .mainImageCategory { max-height: initial !important; } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .mainImageCategory, html .wrapperPost .mainProject .content.info.secondary-pr .mainImageCategory { margin: 0; } } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .tags, html .wrapperPost .mainProject .content.info.secondary-pr .tags { width: 100%; } } html .section-category .mainProject .content.info.secondary-pr .tag.recentDate, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate { color: #737373; font-size: 14px; } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .tag.recentDate, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate { width: 100%; } } html .section-category .mainProject .content.info.secondary-pr .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate .nbItem { color: #FA4000 !important; } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate .nbItem { line-height: normal; } } html .section-category .mainProject .content.info.secondary-pr .tag:not(.recentDate), html .wrapperPost .mainProject .content.info.secondary-pr .tag:not(.recentDate) { color: #FA4000 !important; font-size: 14px; font-weight: 600; } html .section-category .mainProject .content.info.secondary-pr .nbItem, html .wrapperPost .mainProject .content.info.secondary-pr .nbItem { color: #FA4000; } html .section-category .mainProject .content.info.secondary-pr .linkSee, html .wrapperPost .mainProject .content.info.secondary-pr .linkSee { color: #000 !important; } html .section-category .mainProject .content.info.secondary-pr .linkSee .icoRight, html .wrapperPost .mainProject .content.info.secondary-pr .linkSee .icoRight { filter: initial !important; } html .section-category .mainProject .content.info .linkSee, html .wrapperPost .mainProject .content.info .linkSee { text-align: right; } html .section-category .mainProject .content.info *, html .wrapperPost .mainProject .content.info * { color: #FAFAFA; } html .section-category .mainImageCategory, html .wrapperPost .mainImageCategory { max-height: 620px; overflow: hidden; } html .section-category .containLink, html .wrapperPost .containLink { text-align: center; padding-bottom: 96px; } @media (max-width: 1149px) { html .section-category .containLink, html .wrapperPost .containLink { text-align: left; padding: 0 40px 48px; } } html .section-home { background: #00abc3; padding: 0 24px 88px; } html .section-home .titleMainCategory { margin-top: 48px; } .mainContentSingle { z-index: 2; } .imgMainPost { width: 100%; } .descriptionPost { display: flex; justify-content: flex-start; padding-top: 104px; padding-bottom: 104px; } @media (max-width: 1149px) { .descriptionPost { padding: 50px 40px; background: #fff; } } .descriptionPost .contentDescription { color: #090909; font-family: "Raleway", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; text-align: left; width: 70%; } @media (max-width: 1149px) { .descriptionPost .contentDescription { color: #fff; } } html .ngg-galleryoverview { display: grid !important; grid-template-columns: repeat(auto-fit, min(29em, 100%)); grid-template-rows: masonry; justify-content: center; grid-gap: 1.5em; padding: 1.5em; width: 100%; } html .ngg-galleryoverview > :first-child { grid-column: 1/-1; font-size: inherit !important; } html .ngg-galleryoverview.default-view { font-size: inherit !important; } /* masonry grid styles */ html .containerMas > *, html .containerMas *, .ngg-galleryoverview > *, .ngg-galleryoverview * { font-size: inherit !important; align-self: start; } html .containerMas img, .ngg-galleryoverview img { display: block !important; width: 100%; max-height: inherit; object-fit: cover; } html .containerMas.containerfullWidth, .ngg-galleryoverview.containerfullWidth { max-width: 100% !important; width: 100% !important; grid-gap: 0; grid-template-columns: repeat(auto-fit, 50%); padding: 0; } .listImagesPost { background: #1f1e1e; } @media (max-width: 1149px) { .listImagesPost { background: #1f1e1e; padding: 48px 0; order: 2; } } html .container.center-align { padding: 0; position: relative; z-index: 2; } html .container .listImagesPost { padding: 104px 0; } @media (max-width: 1149px) { html .container .listImagesPost { padding: 25px 0; } } html .container .imgMainPost { width: 100%; margin: 0 auto; } @media (max-width: 1149px) { html .container .imgMainPost { width: calc(100% - 80px); margin-left: auto; margin-right: auto; display: block; } } @media (max-width: 1149px) { .mainContentSingle > .container { padding: 24px 0 0 0; } } .single .contentText { position: relative; } .single .contentText .linkTovisitSingle { position: static; width: auto; display: inline-block; height: auto; padding: 5px 16px; float: right; margin-top: 17px; line-height: 27px; } html .wrapperContact { padding: 0 !important; margin: 0 !important; background: #FAFAFA; position: relative; } html .wrapperContact:before { content: ""; display: block; height: 100%; right: 0; top: 0; width: 40%; background: #000; position: absolute; opacity: 0.5; } @media (max-width: 1149px) { html .wrapperContact:before { display: none; } } html .ContactMain { display: flex; flex-wrap: nowrap !important; padding: 136px 0; margin: 0 auto; } @media (max-width: 1149px) { html .ContactMain { padding: 72px 0 0; flex-direction: column; } } html .ContactMain .column { padding: 0; } html .ContactMain .column.contentContact { padding: 0 104px; } @media (max-width: 1149px) { html .ContactMain .column.contentContact { padding: 20px 24px; } } html .contentContact { background: #FAFAFA; } html .contentContact .title { color: #0069f2; font-family: "Raleway", sans-serif; font-size: 96px; font-weight: 900; letter-spacing: 0; line-height: 147px; margin: 0; } @media (max-width: 1149px) { html .contentContact .title { color: #0069f2; font-family: "Raleway", sans-serif; font-size: 32px; font-weight: 900; letter-spacing: 0; line-height: 49px; } } html .contentContact .subTextContent { color: #090909; font-family: "Raleway", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; } html .contentContact .label { color: #090909; font-family: "Raleway", sans-serif; font-size: 14px; letter-spacing: 0; line-height: 20px; font-weight: 500; } html .contentContact .input, html .contentContact textarea { background-color: rgba(115, 115, 115, 0.08); border: 0 none; box-shadow: none; border-radius: 0; color: #090909; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 20px; } html .contentContact textarea { width: calc(100% - 40px); min-width: initial; min-height: 200px; } @media (max-width: 1149px) { html .contentContact textarea { width: 100%; } } html .contentContact #sib-form { padding: 0 !important; } html .contentContact #sib-form #sib-container { padding: 0 !important; } html .contentContact #sib-form .entry__field { border: 0 none !important; } html .contentContact #sib-form input { background-color: hsla(0deg, 0%, 45%, 0.08) !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; font-weight: 600 !important; } html .contentContact #sib-form input::placeholder { opacity: 0 !important; } .formContactMs .columnField { display: flex; flex-wrap: nowrap; padding-right: 0; } @media (max-width: 1149px) { .formContactMs .columnField { flex-direction: column; } } .formContactMs .columnField.submitting { text-align: right; padding-top: 38px; } @media (max-width: 1149px) { .formContactMs .columnField.submitting { text-align: left; } .formContactMs .columnField.submitting .field { padding: 0 0 40px; } } .formContactMs .columnField.submitting .button { border: 0; background-color: transparent; color: #090909; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 1.5px; line-height: 24px; text-transform: uppercase; text-align: center; } @media (max-width: 1149px) { .formContactMs .columnField.submitting .button { padding: 0; } } .formContactMs .columnField.submitting .button .icoRight { top: 1px; } .formContactMs .columnField .field { width: 100%; position: relative; } .formContactMs .columnField .field .textarea { margin-bottom: 10px; } @media (max-width: 1149px) { .formContactMs .columnField .field .textarea { margin-bottom: 26px; } } .formContactMs .columnField .field .input { width: calc(100% - 40px); } @media (max-width: 1149px) { .formContactMs .columnField .field .input { width: 100%; margin-bottom: 24px; } } .formContactMs .columnField .field:nth-child(even) { justify-self: flex-end; } @media (max-width: 1149px) { .formContactMs .columnField .field:nth-child(even) { justify-self: flex-start; } } .contactsSection { flex-direction: column; margin: 0 !important; } html .ContainerInfo { width: 100%; background-color: #0069f2; position: relative; top: 10px; left: 0; padding: 80px 0 80px 104px; } @media (max-width: 1149px) { html .ContainerInfo { padding: 48px 40px; } } html .infoContactPage { padding: 80px 0 80px 104px; } html .infoContactPage .titleSubContacts { color: #fff; font-family: "Raleway", sans-serif; font-size: 24px; letter-spacing: 0; line-height: 40px; font-weight: 500; margin-bottom: 0; } html .infoContactPage .partContacts { padding-bottom: 44px; } html .infoContactPage .partContacts:last-child { padding-bottom: 0; } html .infoContactPage .partContacts:nth-child(2) ul li a { text-decoration: underline; } html .infoContactPage .partContacts ul li a { color: #fff; font-family: "Raleway", sans-serif; font-size: 24px; letter-spacing: 0; line-height: 40px; font-weight: 700; } .input.error, textarea.error { border: 1px solid #FF0000 !important; } @media (max-width: 1149px) { .errorsText { position: absolute; bottom: 0; left: 0; } } .errorsText p { color: #FF0000; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0; line-height: 20px; } html .homeCategory .column { padding-bottom: 46px; } html .homeCategory .column img { height: auto !important; min-height: initial !important; } html .homeCategory.columns { margin: 0; color: #fff; } html .homeCategory .homeImageContent { background: #fff; display: block; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; padding: 25px; } html .homeCategory .iconArrow { font-size: 30px; padding-left: 13px; position: relative; top: 7px; } html .homeCategory .linkSee { color: #fff !important; font-weight: bold; letter-spacing: 0.4px; text-transform: initial; } html .homeCategory .subMainProject:last-child { margin-bottom: 20px; } html .homeCategory .subMainProject .linkSee { color: #000 !important; position: absolute !important; top: inherit !important; border: 0 !important; bottom: 20px !important; } @media (max-width: 1149px) { html .homeCategory .subMainProject .linkSee { bottom: 0 !important; position: static !important; float: right; } } html .section-category .column { padding-bottom: 0; padding: 0; margin: 0; } html .titleMainCategory.title.is-1 { color: #fff; font-family: "Raleway", sans-serif; font-size: 56px; font-weight: 800; letter-spacing: 0; line-height: 86px; margin-bottom: 30px; } @media (max-width: 1149px) { html .titleMainCategory.title.is-1 { color: #fff; font-family: "Raleway", sans-serif; font-size: 34px !important; font-weight: 900; letter-spacing: 0; line-height: 37px; margin-bottom: 10px; } html .titleMainCategory.title.is-1.singleTitleCategory { font-size: 56px !important; line-height: 47px; text-align: center; display: inline-block; } } .filterCategoryStatic { display: none; flex-direction: row; position: static; bottom: 0; right: 0; top: 50%; justify-content: center; } .section-home .filterCategoryStatic { position: absolute; } @media (max-width: 1149px) { .section-home .filterCategoryStatic { position: static; } } @media (max-width: 1149px) { .filterCategoryStatic { position: static; } } .filterCategoryStatic ul { display: flex; flex-direction: row; } @media (min-width: 1150px) and (max-width: 1310px) { .filterCategoryStatic ul { padding-top: 0; } } @media (max-width: 1149px) { .filterCategoryStatic ul { position: relative; top: -17px; left: 0; margin-top: 12px; flex-wrap: wrap; } } .filterCategoryStatic ul li { padding: 0 5px; } .filterCategoryStatic ul li:first-child { margin-left: 0; padding-left: 0; } .filterCategoryStatic ul li:first-child span { padding: 0 5px 0 0; } @media (max-width: 1149px) { .filterCategoryStatic ul li:first-child span { margin-left: 0 !important; } } @media (max-width: 1149px) { .filterCategoryStatic ul li { margin-left: 0 !important; padding-left: 0 !important; } .filterCategoryStatic ul li span { margin-left: 0 !important; } } .filterCategoryStatic .tag { background: transparent; font-family: "Raleway", sans-serif; font-weight: 500; color: #090909; font-size: 14px; } @media (min-width: 1150px) and (max-width: 1310px) { .filterCategoryStatic .tag { color: #fff; } .section-home .filterCategoryStatic .tag { color: #090909; border: 1px solid #090909; height: 32px; border-radius: 0; line-height: 34px; display: block; padding: 0 16px; margin: 0 8px; } } @media (max-width: 1149px) { .filterCategoryStatic .tag { color: #fff; } .section-home .filterCategoryStatic .tag { color: #090909; border: 1px solid #090909; height: 32px; border-radius: 0; line-height: 34px; display: block; padding: 0 16px; margin: 0 8px 10px; } } .filterCategoryStatic .tag.active { background: #090909; color: #fff; } @media (max-width: 1149px) { .section-category .CategoryMainFilter { position: relative; padding: 40px 0 0 0; } } .section-category .containerTitleSection { overflow: visible; position: relative; z-index: 30; width: 100%; text-align: center; } .section-category .filterCategory { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff !important; z-index: 2; text-align: center; } @media (max-width: 1149px) { .section-category .filterCategory { top: calc(40px + 50%); bottom: initial; left: 50%; width: 100%; } .section-category .filterCategory .filterCategoryStatic { margin-top: 24px; display: none; } .section-category .filterCategory.singleTitleCategory { left: 50%; top: 50%; font-size: 72px !important; transform: translate(-50%, -50%); color: #fff !important; bottom: initial; } } .section-category .filterCategory .tag { display: inline-block; height: auto; padding: 10px; margin: 0 10px 0 10px; border: 1px solid #fff; } @media (max-width: 1149px) { .section-category .filterCategory .tag { padding: 10px !important; } } .section-category .filterCategory .tag a { color: #fff; text-decoration: none; } .section-category .filterCategory .tag span { color: #fff !important; } .section-category .filterCategory .tagCatAdmin.active { background-color: #090909 !important; color: #fff !important; } .homesFilter.filterCategory, .section-category.filterCategory { position: absolute; color: #fff !important; right: 0; top: 50%; transform: translateY(-50%); } .homesFilter.filterCategory.filterHidden, .section-category.filterCategory.filterHidden { display: none; } @media (max-width: 1149px) { .homesFilter.filterCategory, .section-category.filterCategory { position: fixed; top: 0; right: initial; text-align: center; background: #FA4000; width: 100%; height: 100vh; z-index: 4000000; transform: translateY(0); display: flex; align-items: center; justify-content: center; flex-direction: column; } .homesFilter.filterCategory.filterVisible, .section-category.filterCategory.filterVisible { display: flex; left: 0; } .homesFilter.filterCategory.filterHidden, .section-category.filterCategory.filterHidden { display: flex; } } @media (min-width: 1150px) and (max-width: 1310px) { .homesFilter.filterCategory, .section-category.filterCategory { position: fixed; top: 0; right: initial; text-align: center; background: #FA4000; width: 100%; height: 100vh; z-index: 4000000; transform: translateY(0); display: flex; align-items: center; justify-content: center; flex-direction: column; } .homesFilter.filterCategory.filterVisible, .section-category.filterCategory.filterVisible { display: flex; left: 0; position: static; } .homesFilter.filterCategory.filterHidden, .section-category.filterCategory.filterHidden { display: none; } } .homesFilter.filterCategory .tag, .section-category.filterCategory .tag { display: inline-block; height: auto; padding: 10px; margin: 0 10px 0 10px; font-family: "Raleway", sans-serif; } @media (max-width: 1149px) { .homesFilter.filterCategory .tag, .section-category.filterCategory .tag { background: none !important; font-size: 30px; color: #FAFAFA; } } @media (min-width: 1150px) and (max-width: 1310px) { .homesFilter.filterCategory .tag, .section-category.filterCategory .tag { background: none !important; font-size: 60px; color: #FAFAFA; } } .homesFilter.filterCategory .tagCatAdmin.active, .section-category.filterCategory .tagCatAdmin.active { border: 2px solid #FA4000; color: #FA4000; } @media (max-width: 1149px) { .homesFilter.filterCategory .tagCatAdmin.active, .section-category.filterCategory .tagCatAdmin.active { color: #fff; border: 0 none; } } @media (min-width: 1150px) and (max-width: 1310px) { .homesFilter.filterCategory .tagCatAdmin.active, .section-category.filterCategory .tagCatAdmin.active { color: #fff; border: 0 none; } } .categoryMainFilter { position: relative; } @media (max-width: 1149px) { .categoryMainFilter { padding: 65px 0 0 0; } } .categoryMainFilter:before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } html .section-category, html .wrapperPost { padding: 0; margin: 0; } @media (max-width: 1149px) { html .section-category, html .wrapperPost { overflow: hidden; } } html .section-category .mainProject, html .wrapperPost .mainProject { margin: 0; padding: 0; position: relative; z-index: 2; } @media (max-width: 1149px) { html .section-category .mainProject + .mainProject, html .wrapperPost .mainProject + .mainProject { margin-bottom: 20px; } } html .section-category .mainProject + .mainProject .infoPostCategory, html .wrapperPost .mainProject + .mainProject .infoPostCategory { border-bottom: 2px solid #737373; padding-bottom: 90px; } @media (max-width: 1149px) { html .section-category .mainProject + .mainProject .infoPostCategory, html .wrapperPost .mainProject + .mainProject .infoPostCategory { padding-bottom: 6px; border-bottom: 0; } } @media (max-width: 1149px) { html .section-category .mainProject.onTopView + .subMainProject, html .wrapperPost .mainProject.onTopView + .subMainProject { padding-top: 40px; } } html .section-category .mainProject.subMainProject:last-child .infoPostCategory, html .wrapperPost .mainProject.subMainProject:last-child .infoPostCategory { border: 0 none; } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject:last-child .wrapperPostProject, html .wrapperPost .mainProject.subMainProject:last-child .wrapperPostProject { border: 0 none; } } html .section-category .mainProject.subMainProject .columnProject, html .wrapperPost .mainProject.subMainProject .columnProject { padding-bottom: 0; } html .section-category .mainProject.subMainProject + .subMainProject .columnProject, html .wrapperPost .mainProject.subMainProject + .subMainProject .columnProject { padding-top: 90px; } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject + .subMainProject .columnProject, html .wrapperPost .mainProject.subMainProject + .subMainProject .columnProject { padding-top: 40px; } } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject .indexZone, html .wrapperPost .mainProject.subMainProject .indexZone { display: none; } } html .section-category .mainProject.subMainProject .updatePost, html .wrapperPost .mainProject.subMainProject .updatePost { text-decoration: none; color: #FA4000; border: 1px solid #FA4000; z-index: 2; bottom: 72px; } @media (max-width: 1149px) { html .section-category .mainProject.subMainProject .updatePost, html .wrapperPost .mainProject.subMainProject .updatePost { color: #000; border-color: #000; position: static; display: inline-block; margin-top: 14px; padding: 5px 7px; bottom: -65px; float: right; } } @media (max-width: 1149px) { html .section-category .mainProject .columnProject, html .wrapperPost .mainProject .columnProject { padding: 0; background: #000; } } html .section-category .mainProject .contentText p, html .wrapperPost .mainProject .contentText p { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 24px; letter-spacing: 1px; line-height: 40px; font-weight: normal; text-transform: uppercase; } html .section-category .mainProject .contentText p strong, html .wrapperPost .mainProject .contentText p strong { color: #f8d302; } html .section-category .mainProject .content.wrapperPostProject, html .wrapperPost .mainProject .content.wrapperPostProject { padding: 0; width: calc(100% - 204px); margin: 0 104px; box-sizing: border-box; position: relative; } @media (max-width: 1149px) { html .section-category .mainProject .content.wrapperPostProject, html .wrapperPost .mainProject .content.wrapperPostProject { width: calc(100% - 88px); margin: 0 44px; border-bottom: 1px solid #737373; padding-bottom: 40px; } } html .section-category .mainProject .content.wrapperPostProject .subTitleMainProject, html .wrapperPost .mainProject .content.wrapperPostProject .subTitleMainProject { font-size: 24px; margin: 0; color: #090909; font-weight: bold; } html .section-category .mainProject .content.wrapperPostProject .contentText p, html .wrapperPost .mainProject .content.wrapperPostProject .contentText p { color: #090909; text-transform: initial; font-size: 16px; letter-spacing: 0; line-height: 24px; } html .section-category .mainProject .content.wrapperPostProject .contentText, html .wrapperPost .mainProject .content.wrapperPostProject .contentText { padding: 15px 0 0 0; max-width: 85%; } html .section-category .mainProject .content.wrapperPostProject .linkSee, html .wrapperPost .mainProject .content.wrapperPostProject .linkSee { position: absolute; top: 0; right: 0; left: initial; font-weight: bold; display: inline; bottom: initial; width: auto; text-transform: initial; } @media (max-width: 1149px) { html .section-category .mainProject .content.wrapperPostProject .linkSee, html .wrapperPost .mainProject .content.wrapperPostProject .linkSee { position: static; } } html .section-category .mainProject .content.wrapperPostProject .linkSee .icoRight, html .wrapperPost .mainProject .content.wrapperPostProject .linkSee .icoRight { width: 24px; } html .section-category .mainProject .content.info, html .wrapperPost .mainProject .content.info { padding: 106px 104px; display: flex; align-items: flex-start; position: relative; } @media (max-width: 1149px) { html .section-category .mainProject .content.info, html .wrapperPost .mainProject .content.info { flex-direction: column; padding: 86px 44px 40px; } .section-category html .section-category .mainProject .content.info, .section-category html .wrapperPost .mainProject .content.info { padding: 40px 44px; } } html .section-category .mainProject .content.info .center-category, html .wrapperPost .mainProject .content.info .center-category { position: relative; flex-grow: 2; width: 100%; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .center-category p, html .wrapperPost .mainProject .content.info .center-category p { color: #FFFFFF; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 24px; text-transform: initial; } } html .section-category .mainProject .content.info .indexZone, html .wrapperPost .mainProject .content.info .indexZone { flex-grow: 1; position: relative; min-width: 20%; align-self: stretch; align-items: stretch; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone, html .wrapperPost .mainProject .content.info .indexZone { position: static; padding-top: 40px; font-size: 16px; } } html .section-category .mainProject .content.info .indexZone .contentZone, html .wrapperPost .mainProject .content.info .indexZone .contentZone { display: flex; align-items: stretch; position: absolute; height: 100%; width: 100%; justify-content: flex-end; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone .contentZone, html .wrapperPost .mainProject .content.info .indexZone .contentZone { height: initial; width: initial; position: static; } } html .section-category .mainProject .content.info .indexZone .nbItem, html .wrapperPost .mainProject .content.info .indexZone .nbItem { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 56px; font-weight: 800; letter-spacing: 0; line-height: 86px; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone .nbItem, html .wrapperPost .mainProject .content.info .indexZone .nbItem { position: absolute; top: 60px; right: 24px; font-size: 24px; display: none; } } html .section-category .mainProject .content.info .indexZone .linkSee, html .wrapperPost .mainProject .content.info .indexZone .linkSee { color: #FAFAFA; font-weight: bold; font-size: 16px; align-self: flex-end; position: absolute; width: 100%; display: block; bottom: 0; text-align: right; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .indexZone .linkSee, html .wrapperPost .mainProject .content.info .indexZone .linkSee { position: static; text-align: left; } } html .section-category .mainProject .content.info .indexZone .linkSee .icoRight, html .wrapperPost .mainProject .content.info .indexZone .linkSee .icoRight { filter: invert(1); width: 27px; } html .section-category .mainProject .content.info .tags, html .wrapperPost .mainProject .content.info .tags { padding-top: 0; flex-grow: 1; min-width: 20%; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tags, html .wrapperPost .mainProject .content.info .tags { flex-direction: row; min-width: 100%; } } html .section-category .mainProject .content.info .tag, html .wrapperPost .mainProject .content.info .tag { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; text-transform: capitalize; font-weight: normal; } html .section-category .mainProject .content.info .tag:not(.recentDate), html .wrapperPost .mainProject .content.info .tag:not(.recentDate) { display: block; margin-right: 0; padding-right: 0; clear: both; width: 100%; padding-bottom: 8px; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tag:not(.recentDate), html .wrapperPost .mainProject .content.info .tag:not(.recentDate) { display: inline; width: auto; } } html .section-category .mainProject .content.info .tag.recentDate, html .wrapperPost .mainProject .content.info .tag.recentDate { color: #FFFFFF; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: bold; padding-bottom: 51px; letter-spacing: 0; line-height: 40px; text-transform: capitalize; display: block; width: 100%; position: relative; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tag.recentDate, html .wrapperPost .mainProject .content.info .tag.recentDate { padding-bottom: 7px; font-size: 16px; margin-right: 0 !important; padding-right: 0; line-height: 20px; } } html .section-category .mainProject .content.info .tag.recentDate:before, html .wrapperPost .mainProject .content.info .tag.recentDate:before { display: none; } html .section-category .mainProject .content.info .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info .tag.recentDate .nbItem { display: none; } @media (max-width: 1149px) { html .section-category .mainProject .content.info .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info .tag.recentDate .nbItem { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 800; letter-spacing: 0; line-height: 48px; padding-right: 0 !important; margin-right: 0 !important; display: block; position: absolute; top: 0; right: 0; } } html .section-category .mainProject .content.info.secondary-pr, html .wrapperPost .mainProject .content.info.secondary-pr { background: #fff; padding-bottom: 0; padding-top: 0; } html .section-category .mainProject .content.info.secondary-pr *, html .wrapperPost .mainProject .content.info.secondary-pr * { color: #000; } html .section-category .mainProject .content.info.secondary-pr .contentZone, html .wrapperPost .mainProject .content.info.secondary-pr .contentZone { justify-content: flex-end; } html .section-category .mainProject .content.info.secondary-pr .mainImageCategory, html .wrapperPost .mainProject .content.info.secondary-pr .mainImageCategory { max-height: initial !important; } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .mainImageCategory, html .wrapperPost .mainProject .content.info.secondary-pr .mainImageCategory { margin: 0; } } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .tags, html .wrapperPost .mainProject .content.info.secondary-pr .tags { width: 100%; } } html .section-category .mainProject .content.info.secondary-pr .tag.recentDate, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate { color: #737373; font-size: 14px; } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .tag.recentDate, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate { width: 100%; } } html .section-category .mainProject .content.info.secondary-pr .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate .nbItem { color: #FA4000 !important; } @media (max-width: 1149px) { html .section-category .mainProject .content.info.secondary-pr .tag.recentDate .nbItem, html .wrapperPost .mainProject .content.info.secondary-pr .tag.recentDate .nbItem { line-height: normal; } } html .section-category .mainProject .content.info.secondary-pr .tag:not(.recentDate), html .wrapperPost .mainProject .content.info.secondary-pr .tag:not(.recentDate) { color: #FA4000 !important; font-size: 14px; font-weight: 600; } html .section-category .mainProject .content.info.secondary-pr .nbItem, html .wrapperPost .mainProject .content.info.secondary-pr .nbItem { color: #FA4000; } html .section-category .mainProject .content.info.secondary-pr .linkSee, html .wrapperPost .mainProject .content.info.secondary-pr .linkSee { color: #000 !important; } html .section-category .mainProject .content.info.secondary-pr .linkSee .icoRight, html .wrapperPost .mainProject .content.info.secondary-pr .linkSee .icoRight { filter: initial !important; } html .section-category .mainProject .content.info .linkSee, html .wrapperPost .mainProject .content.info .linkSee { text-align: right; } html .section-category .mainProject .content.info *, html .wrapperPost .mainProject .content.info * { color: #FAFAFA; } html .section-category .mainImageCategory, html .wrapperPost .mainImageCategory { max-height: 620px; overflow: hidden; margin: 0; } html .section-category .containLink, html .wrapperPost .containLink { text-align: center; padding-bottom: 96px; } @media (max-width: 1149px) { html .section-category .containLink, html .wrapperPost .containLink { text-align: left; padding: 0 40px 48px; } } html .section-home { background: #00abc3; padding: 0 24px 88px; } html .section-home .titleMainCategory { margin-top: 48px; } html .section-category .mainProject .content.info { background: #090909; } html .breadCategory { display: flex; align-items: center; justify-content: flex-end; flex-direction: row; background: transparent; padding: 56px 104px 46px; max-width: 100% !important; } @media (max-width: 1149px) { html .breadCategory { flex-direction: column; padding: 24px 0 0; } } html .breadCategory .titleBreadCategory { font-size: 16px; color: #090909; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1.3; font-family: "Raleway", sans-serif; } @media (max-width: 1149px) { html .breadCategory .titleBreadCategory { padding-bottom: 16px; } } .listBreadCategory { display: flex; padding-bottom: 0; } @media (max-width: 1149px) { .listBreadCategory { flex-wrap: wrap; padding: 0 40px 0; } } .listBreadCategory li { color: #090909; border: 1px solid #090909; height: 32px; border-radius: 0; line-height: 30px; display: block; padding: 0 16px; margin: 0 8px 0; } .listBreadCategory li:last-child { margin-right: 0; } @media (max-width: 1149px) { .listBreadCategory li { margin-bottom: 16px; } } .listBreadCategory li:hover { background: #000; } .listBreadCategory li:hover a { color: #fff; } .listBreadCategory li a { font-family: "Raleway", sans-serif; font-weight: 500; text-decoration: none; color: #090909; } .linkTovisit { background: rgb(28, 73, 209); border-radius: 20px; height: 33px; display: flex; text-align: center; justify-content: center; align-items: center; color: #fff; padding: 10px 16px; } .linkTovisit i { font-size: 12px; padding-left: 10px; margin-top: 5px; } @media (max-width: 1149px) { .linkTovisit { position: absolute; top: 34px; right: 40px; } } .linkTovisitSingle { background: rgb(28, 73, 209); border-radius: 20px; height: 27px; display: flex; text-align: center; justify-content: center; align-items: center; color: #FAFAFA !important; padding: 10px 16px; position: absolute; right: 0; top: 10px; } .linkTovisitSingle i { font-size: 12px; padding-left: 10px; margin-top: 0; color: #FAFAFA !important; } @media (max-width: 1149px) { .linkTovisitSingle { position: absolute; top: 0; right: 0; } } html .prestationContainer { width: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; background-attachment: fixed; padding: 150px 80px; display: flex; flex-wrap: wrap; gap: 40px; } @media (max-width: 1149px) { html .prestationContainer { padding: 50px 40px; } } html .prestationContainer .column { padding: 0; } html .prestationContainer .title { font-weight: bold; } html .prestationWrapper { display: flex; padding: 0; max-width: 100% !important; } html .prestationWrapper .homeCategory { gap: 40px; } html .prestationWrapper .homeCategory .column { width: calc(50% - 20px); } @media (max-width: 1149px) { html .prestationWrapper .homeCategory .column { width: 100%; margin-bottom: 40px; } } html .prestationWrapper .homeCategory .column .card-content .content-cta { text-align: right; } html .prestationWrapper a, html .prestationWrapper .button { background: #0069f2; font-weight: 700; color: #fff; border: 0; font-size: 18px; } html .prestationWrapper a:hover, html .prestationWrapper .button:hover { color: #fff; background-color: #00ea98; } html .otherTxtBlock { text-align: center; padding: 40px; background: #fff; border-radius: 8px; margin: 0 auto; } @media (min-width: 1150px) and (max-width: 1310px) { html .otherTxtBlock { max-width: 960px; } } html .otherTxtBlock .otherContent { padding: 40px; } html .otherTxtBlock .title { color: #000; } html .otherTxtBlock .content { color: #000; } html .otherTxtBlock a, html .otherTxtBlock .button { background: #0069f2; font-weight: 700; color: #fff; border: 0; font-size: 18px; } html .otherTxtBlock a:hover, html .otherTxtBlock .button:hover { color: #fff; background-color: #00ea98; } .wrapperPost { z-index: 2; position: relative; } .wrapperPost .divHeader .txtLogo { color: #fff; } .wrapperPost .menuB span { background: #fff; } .wrapperPost .mainMenuNoHome.fixedMenu { position: fixed; width: 100%; top: 0; left: 0; z-index: 2; box-shadow: rgba(0, 0, 0, 0.2) 0 0 2.375rem; } .wrapperPost .mainMenuNoHome.fixedMenu .mainHeader { background: #f5f5f5; } .wrapperPost .mainMenuNoHome .mainMenu { background: #000; } .wrapperPost .mainMenuNoHome .mainMenu ul li a { color: #fff; } .wrapperPost .mainMenuNoHome.contactMenu .txtLogo { color: #090909; } .wrapperPost .mainMenuNoHome.contactMenu .mainMenu { background: transparent; } .wrapperPost .mainMenuNoHome.contactMenu .mainMenu ul li a { color: #090909; } @media (max-width: 1149px) { .wrapperPost .mainMenuNoHome.contactMenu .mainMenu ul li a { color: #fff; } } .wrapperPost .mainMenuNoHome.contactMenu .menuB.isOpen span { background: #fff; } .wrapperPost .mainMenuNoHome.contactMenu .menuB span { background: #090909; } .wrapperPost .descriptionPost { display: flex; justify-content: flex-start; padding-top: 104px; padding-bottom: 104px; } @media (max-width: 1149px) { .wrapperPost .descriptionPost { padding: 50px 40px; background: #fff; } } .wrapperPost .descriptionPost .contentDescription { color: #090909; font-family: "Raleway", sans-serif; font-size: 16px; letter-spacing: 0; line-height: 24px; text-align: left; width: 70%; } @media (max-width: 1149px) { .wrapperPost .descriptionPost .contentDescription { color: #fff; } } .wrapperPost .aboutMainProfil { min-height: 900px; width: 100%; background: #000; align-items: center; justify-content: left; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; padding-top: 100px; } @media (max-width: 1149px) { .wrapperPost .aboutMainProfil { min-height: initial; flex-direction: column; display: flex; padding-top: 40px; } } .wrapperPost .mainProfilImage { padding: 0; position: relative; align-self: stretch; } .wrapperPost .mainProfilImage .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } @media (max-width: 1149px) { .wrapperPost .mainProfilImage .image { position: static; } } .wrapperPost .mainProfilImage .image img { position: absolute; transform: translateY(-50%); top: 50%; right: 0; height: 100%; max-width: initial; width: auto; } @media (max-width: 1149px) { .wrapperPost .mainProfilImage .image img { position: static; height: auto; width: 100%; transform: initial; } } .wrapperPost .mainProfilImage:before { content: ""; display: block; padding-bottom: 100%; } @media (max-width: 1149px) { .wrapperPost .mainProfilImage:before { display: none; } } @media (max-width: 1149px) { .wrapperPost .mainProfilImage { order: 1; padding: 0; } } .wrapperPost .txtContentProfil { padding-left: 104px; } @media (max-width: 1149px) { .wrapperPost .txtContentProfil { padding-left: 24px; padding-right: 24px; order: 2; } } .wrapperPost .txtContentProfil .textProfil { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 43px; font-weight: 800; letter-spacing: 0; line-height: 86px; position: relative; left: 20%; z-index: 1; } .wrapperPost .txtContentProfil .textProfil strong { color: #00ea98; } @media (max-width: 1149px) { .wrapperPost .txtContentProfil .textProfil { color: #FAFAFA; font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 800; letter-spacing: 0; line-height: 37px; left: 0; top: -28px; } } .wrapperPost .mainListImageProfil .listImageProfil, .wrapperPost .mainListImageProfil .ngg-galleryoverview { display: flex !important; flex-wrap: wrap; width: 100%; padding-right: 0; margin: 0; } @media (max-width: 1149px) { .wrapperPost .mainListImageProfil .listImageProfil, .wrapperPost .mainListImageProfil .ngg-galleryoverview { padding-right: 0; } } .wrapperPost .mainListImageProfil .listImageProfil .ngg-gallery-thumbnail, .wrapperPost .mainListImageProfil .ngg-galleryoverview .ngg-gallery-thumbnail { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; } .wrapperPost .mainListImageProfil .listImageProfil .image, .wrapperPost .mainListImageProfil .listImageProfil .ngg-gallery-thumbnail-box, .wrapperPost .mainListImageProfil .ngg-galleryoverview .image, .wrapperPost .mainListImageProfil .ngg-galleryoverview .ngg-gallery-thumbnail-box { width: calc(33.33% - 16px); overflow: hidden; position: relative; margin: 0; padding: 0; } @media (max-width: 1149px) { .wrapperPost .mainListImageProfil .listImageProfil .image:nth-child(odd), .wrapperPost .mainListImageProfil .listImageProfil .ngg-gallery-thumbnail-box:nth-child(odd), .wrapperPost .mainListImageProfil .ngg-galleryoverview .image:nth-child(odd), .wrapperPost .mainListImageProfil .ngg-galleryoverview .ngg-gallery-thumbnail-box:nth-child(odd) { margin-right: 8px; margin-left: 0; } } @media (max-width: 1149px) { .wrapperPost .mainListImageProfil .listImageProfil .image:nth-child(even), .wrapperPost .mainListImageProfil .listImageProfil .ngg-gallery-thumbnail-box:nth-child(even), .wrapperPost .mainListImageProfil .ngg-galleryoverview .image:nth-child(even), .wrapperPost .mainListImageProfil .ngg-galleryoverview .ngg-gallery-thumbnail-box:nth-child(even) { margin-left: 8px; margin-right: 0; } } @media (max-width: 1149px) { .wrapperPost .mainListImageProfil .listImageProfil .image, .wrapperPost .mainListImageProfil .listImageProfil .ngg-gallery-thumbnail-box, .wrapperPost .mainListImageProfil .ngg-galleryoverview .image, .wrapperPost .mainListImageProfil .ngg-galleryoverview .ngg-gallery-thumbnail-box { width: calc(50% - 8px); } } .wrapperPost .mainListImageProfil .listImageProfil .image:before, .wrapperPost .mainListImageProfil .listImageProfil .ngg-gallery-thumbnail-box:before, .wrapperPost .mainListImageProfil .ngg-galleryoverview .image:before, .wrapperPost .mainListImageProfil .ngg-galleryoverview .ngg-gallery-thumbnail-box:before { content: ""; display: block; padding-bottom: 100%; } .wrapperPost .mainListImageProfil .listImageProfil img, .wrapperPost .mainListImageProfil .ngg-galleryoverview img { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: auto; display: block; height: 100%; max-width: initial; } .wrapperPost .profilSubContent { padding: 120px 0 120px 0; } .wrapperPost .profilSubContent + .profilSubContent { padding-top: 0; } @media (max-width: 1149px) { .wrapperPost .profilSubContent { padding: 40px 24px 40px; overflow: hidden; } } @media (max-width: 1149px) { .wrapperPost .profilSubContent .columns { flex-direction: column; display: flex; flex-wrap: initial; } } .wrapperPost .profilSubContent .listTools span { color: #090909; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 1.31px; line-height: 24px; text-transform: uppercase; } .wrapperPost .profilSubContent .listTools span + span:before { content: ""; display: inline-block; height: 2px; width: 15px; margin: 0 10px; position: relative; background: #090909; top: -3px; } @media (max-width: 1149px) { .wrapperPost .mainListImageProfil { order: 1; } } .wrapperPost .profilSubText { align-self: center; } .wrapperPost .profilSubText p { font-family: "Raleway", sans-serif; } .wrapperPost .titleAboutName.is-4 { color: #090909; font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 900; letter-spacing: 0; line-height: 31px; } * { margin: 0px; padding: 0px; border: none; outline: none; } /*** ==================================================================== Global Settings ==================================================================== ***/ @media (max-width: 1149px) { html { margin-top: 0 !important; } } body { font-family: "Roboto", sans-serif; font-size: 14px; color: #25292f; line-height: 1.8em; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; padding-top: 34px; } a { text-decoration: none; cursor: pointer; color: #fff; } a:hover, a:focus, a:visited { text-decoration: none; outline: none; } h1, h2, h3, h4, h5, h6 { position: relative; font-family: "Raleway", sans-serif; font-weight: normal; margin: 0px; background: none; line-height: 1.4em; } input, button, select, textarea { font-family: "Roboto", sans-serif; } p { position: relative; line-height: 1.8em; } .strike-through { text-decoration: line-through; } .auto-container { position: static; max-width: 1310px; padding: 0px 15px; margin: 0 auto; } .small-container { max-width: 1000px; margin: 0 auto; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 320px; min-height: 500px; } ul, li { list-style: none; padding: 0px; margin: 0px; } .theme-btn { display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-family: "Raleway", sans-serif; } .theme-btn:hover { color: inherit; } .centered { text-align: center; } .lined-btn { position: relative; display: inline-block; line-height: 24px; padding: 7px 0px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: none; color: #25292f !important; border-bottom: 2px solid #fff; } .lined-btn:hover { padding: 7px 15px; background: #fff; color: #ffffff !important; border-color: #fff; } .btn-style-one { position: relative; display: inline-block; line-height: 24px; padding: 11px 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: none; color: #ffffff !important; border: 2px solid #ffffff !important; border-radius: 3px; } .btn-style-one:hover { background: #ffffff; color: #fff !important; border-color: #fff; } html .form-submit, html .comment-notes { box-sizing: border-box; padding-left: 15px; clear: both; display: block; text-align: left; } html .comments-area#comments { padding-top: 0; } html .btn-style-two { position: relative; display: inline-block; line-height: 24px; padding: 11px 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: #fff; color: #ffffff !important; border: 2px solid #fff !important; border-radius: 3px; } html .btn-style-two:hover { background: #ffffff; color: #fff !important; border-color: #fff; } .btn-style-three { position: relative; display: inline-block; line-height: 24px; padding: 10px 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: none; color: #25292f !important; border: 2px solid #e0e0e0 !important; border-radius: 3px; } .btn-style-three:hover { background: #25292f; color: #ffffff !important; border-color: #25292f !important; } .btn-style-four { position: relative; display: inline-block; line-height: 24px; padding: 11px 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: #303030; color: #ffffff !important; border: 2px solid #303030 !important; border-radius: 3px; } .btn-style-four:hover { background: #ffffff; color: #303030 !important; border-color: #303030; } .btn-style-five { position: relative; display: inline-block; line-height: 24px; padding: 11px 25px; font-size: 13px; font-weight: 700; text-transform: uppercase; background: #fff; color: #fff !important; border: 2px solid #ffffff !important; border-radius: 3px; } .btn-style-five:hover { background: none; color: #fff !important; border-color: #fff; } .rounded-btn { position: relative; display: inline-block; line-height: 26px; padding: 10px 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #ffffff !important; border: 2px solid #ffffff; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .rounded-btn:hover { background: #ffffff; color: #fff !important; border-color: #fff; } .rounded-btn-theme { position: relative; display: inline-block; line-height: 26px; padding: 10px 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #fff !important; border: 2px solid #fff; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .rounded-btn-theme:hover { background: #fff; color: #ffffff !important; border-color: #fff; } .rounded-btn-blue { position: relative; display: inline-block; line-height: 22px; padding: 8px 25px; font-size: 12px; text-transform: uppercase; color: #ffffff; background: #fff; border: 1px solid #fff; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .rounded-btn-blue:hover { background: #ffffff; color: #fff; border-color: #fff; } .rounded-btn-orange { position: relative; display: inline-block; line-height: 22px; padding: 10px 25px; font-size: 12px; text-transform: uppercase; color: #ffffff; border: 1px solid #ffa800; background: #ffa800; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .rounded-btn-orange:hover { background: #ffffff; color: #ffa800; border-color: #ffa800; } .rounded-orange-alt { position: relative; display: inline-block; line-height: 22px; padding: 8px 25px; font-size: 12px; text-transform: uppercase; color: #1a1a1a; border: 1px solid #ffa800; background: #ffffff; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .rounded-orange-alt:hover { background: #ffa800; color: #ffffff; border-color: #ffa800; } .rounded-btn-alt { position: relative; display: inline-block; line-height: 22px; padding: 6px 25px; font-size: 12px; text-transform: uppercase; color: #ffffff; border: 1px solid #fff; -webkit-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .rounded-btn-alt:hover { background: #ffffff; color: #262b2f; border-color: #dae5ef; } .theme-btn .icon { font-size: 16px; } .theme-btn .icon-left { padding-right: 50px; } .theme-btn .icon-right { padding-left: 50px; } .btn-sm { font-family: "Roboto", sans-serif; font-size: 11px; padding: 2px 9px; } .btn-xs { font-family: "Roboto", sans-serif; font-size: 10px; line-height: 21px; padding: 2px 7px; } .bold-font { font-weight: 700; } .exbold-font { font-weight: 900; } .normal-font { font-weight: 400; } .light-font { font-weight: 300; } .semibold-font { font-weight: 600; } .white_color { color: #ffffff !important; } .theme_color { color: #fff !important; } .black_color { color: #25292f !important; } .grey_color { color: #303030 !important; } .color_eee { color: #eee !important; } .padd-top-20 { padding-top: 20px !important; } .padd-top-30 { padding-top: 30px !important; } .padd-top-40 { padding-top: 40px !important; } .padd-top-50 { padding-top: 50px !important; } .padd-bott-8 { padding-bottom: 8px !important; } .padd-right-20 { padding-right: 20px !important; } .padd-bott-20 { padding-bottom: 20px !important; } .padd-bott-30 { padding-bottom: 30px !important; } .padd-bott-40 { padding-bottom: 40px !important; } .padd-bott-50 { padding-bottom: 50px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-bott-20 { margin-bottom: 20px !important; } .margin-bott-30 { margin-bottom: 30px !important; } .margin-bott-40 { margin-bottom: 40px !important; } .margin-bott-50 { margin-bottom: 50px !important; } .no-padd-bottom { padding-bottom: 0px !important; } .no-padd-top { padding-top: 0px !important; } .no-margin-bottom { margin-bottom: 0px !important; } .no-margin-top { margin-top: 0px !important; } .no-bg { background: none !important; } .bg-light-grey { background: #fbfbfb; } .text-uppercase { text-transform: uppercase !important; } /* theme-overlay */ .theme-overlay { position: relative; } .theme-overlay::before { background-color: rgba(221, 83, 26, 0.65) !important; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .theme-overlay.overlay-white::before { background-color: rgba(255, 255, 255, 0.65) !important; } .theme-overlay.overlay-deep-white::before { background-color: rgba(255, 255, 255, 0.92) !important; } .theme-overlay.overlay-black::before { background-color: rgba(0, 0, 0, 0.75) !important; } .theme-overlay.overlay-deep-black::before { background-color: rgba(0, 0, 0, 0.92) !important; } /* Font Size*/ .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-18 { font-size: 18px !important; } .fs-20 { font-size: 20px !important; } .fs-24 { font-size: 24px !important; } .fs-28 { font-size: 28px !important; } .fs-30 { font-size: 30px !important; } .fs-32 { font-size: 32px !important; } .fs-36 { font-size: 36px !important; } .fs-38 { font-size: 38px !important; } .fs-48 { font-size: 48px !important; } .fs-60 { font-size: 60px !important; } .fs-64 { font-size: 64px !important; } .fs-72 { font-size: 72px !important; } /* Font Weight */ .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-b { font-weight: bold !important; } .lh-30 { line-height: 30px; } .roboto-font { font-family: "Roboto", sans-serif; } .bga-f { background-attachment: fixed; } /*Section Title*/ .inner-title { font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 800; line-height: 1.2em; margin-bottom: 15px; text-transform: uppercase; } .double-line { display: block; margin-bottom: 30px; margin-top: 10px; position: relative; } .double-line::before, .double-line::after { border: 1px solid #fff; bottom: -10px; content: ""; height: 1px; left: 0; margin: 1px auto auto; position: absolute; right: 0; width: 50px; } .double-line::before { border-color: #eee; width: 100%; } .double-line.line-left::before, .double-line.line-left::after { left: 0; right: auto; } .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #000; background-position: center center; background-repeat: no-repeat; background-image: url(b4e99a230312921d61d5fcdc35bb97a9.png); background-size: 18%; display: none; } /*** ==================================================================== Owl Carousel ==================================================================== ***/ .owl-carousel.owl-nav-style .owl-nav .owl-prev, .owl-carousel.owl-nav-style .owl-nav .owl-next { background: rgba(240, 240, 240, 0.85); border-radius: 0px; color: #25292f; margin: 0; padding: 10px 12px; position: absolute; text-align: center; top: 45%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .owl-carousel.owl-nav-style .owl-nav .owl-prev i, .owl-carousel.owl-nav-style .owl-nav .owl-next i { color: #666; font-size: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .owl-carousel.owl-nav-style .owl-nav .owl-prev { left: 0; } .owl-carousel.owl-nav-style .owl-nav .owl-next { right: 0; } .owl-carousel.owl-nav-style.owl-nav2 .owl-nav .owl-prev, .owl-carousel.owl-nav-style.owl-nav2 .owl-nav .owl-next { opacity: 0; top: 30%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .owl-carousel.owl-nav-style.owl-nav2:hover .owl-nav .owl-prev, .owl-carousel.owl-nav-style.owl-nav2:hover .owl-nav .owl-next { opacity: 1; } .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-prev, .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-next { background-color: #f5f5f5; border: 1px solid #e9e9e9; left: auto; padding: 0 10px; top: -58px; } .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-prev:hover, .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-next:hover { background: rgba(235, 83, 16, 0.85); border-color: #fff; color: #fff; } .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-prev { right: 30px; } .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-next { right: 0; } .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-prev i, .owl-carousel.owl-nav-style.owl-nav3 .owl-nav .owl-next i { font-size: 14px; } /* owl nav style two */ /* owl nav style three */ /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top { position: fixed; bottom: 15px; right: 15px; width: 40px; height: 40px; color: #ffffff; background: #282727; font-size: 13px; line-height: 38px; text-align: center; z-index: 100; cursor: pointer; border-radius: 50%; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; display: none; } .scroll-to-top:hover { color: #f8d302; background: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px #f8d302; -ms-box-shadow: 0px 0px 5px 0px #f8d302; -o-box-shadow: 0px 0px 5px 0px #f8d302; -moz-box-shadow: 0px 0px 5px 0px #f8d302; box-shadow: 0px 0px 5px 0px #f8d302; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header { position: relative; left: 0px; top: 0px; background: #ffffff; z-index: 999; width: 100%; border-top: 4px solid #262626; border-bottom: 4px solid #fff; } .main-header .top-bar { position: relative; z-index: 1; } .main-header .top-bar .top-container { position: relative; max-width: 1170px; margin: 0 auto; } .main-header .top-bar .info-outer { position: absolute; right: 0px; top: 0px; background: #262626; color: #ffffff; padding: 3px 20px 7px 20px; border-radius: 0px 0px 5px 5px; } .main-header .top-bar .info-outer:before { content: ""; position: absolute; left: -20px; top: 0px; border-top: 37px solid #262626; border-left: 20px solid transparent; } .main-header .top-bar .info-box { position: relative; } .main-header .top-bar .info-box li { position: relative; float: left; padding-left: 30px; margin-right: 70px; line-height: 30px; } .main-header .top-bar .info-box li:after { content: "/"; position: absolute; right: -40px; top: 0px; color: #505050; font-size: 20px; } .main-header .top-bar .info-box li .icon { position: absolute; left: 0px; top: 0px; line-height: 30px; font-size: 16px; color: #fff; } .main-header .top-bar .info-box li a { position: relative; color: #ffffff; font-weight: 300; font-size: 14px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .main-header .top-bar .info-box li a:hover { color: #fff; } .social-links-one { position: relative; margin: 0px !important; padding-left: 0px !important; } .social-links-one:after { display: none; } .social-links-one a { position: relative; display: inline-block; text-align: center; width: 20px; line-height: 30px; font-size: 14px; color: #ffffff; } .social-links-one a:hover { color: #fff; } .main-header .header-upper { position: relative; width: 100%; left: 0px; top: 0px; color: #677c91; padding: 25px 0px; background: #ffffff; } .fixed-header.main-header .header-upper { position: fixed; padding: 10px 0px; border-bottom: 1px solid #d0d0d0; } .main-header .header-upper .logo { position: relative; float: left; } .main-header .header-upper .logo img { max-width: 100%; display: inline-block; } .main-header .header-upper .nav-outer { position: relative; float: right; margin-top: 40px; padding-right: 150px; } .fixed-header.main-header .header-upper .nav-outer { margin-top: 22px; } .main-header .header-upper .nav-outer .btn-donate { position: absolute; right: 0px; top: 0px; width: 150px; text-align: center; line-height: 24px; padding: 8px 15px; border-radius: 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 700; font-family: "Raleway", sans-serif; background: #fff; } .main-header .header-upper .nav-outer .btn-donate:hover { background: #262626; } .main-menu { position: relative; float: right; padding: 0 116px 0 0; } .main-menu .navbar-collapse { padding: 0px 50px 0 0 !important; } .main-menu .navigation { position: relative; float: right; margin: 0px; font-family: "Roboto", sans-serif; font-weight: 600; padding-left: 25px; } .main-menu .navigation > li { position: relative; float: left; padding: 0px; margin-right: 25px; } .main-menu .navigation > li > a { position: relative; display: block; font-size: 14px; color: #fff; padding: 8px 0; line-height: 24px; text-transform: uppercase; font-weight: 500; opacity: 1; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; font-family: "Futura-medium"; letter-spacing: 1px; } .main-menu .navigation > li.dropdown > a:before { font-family: "FontAwesome"; content: "\f0d7"; position: absolute; right: 0px; font-weight: 400; font-size: 12px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; display: none; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a { color: #313131; opacity: 1; } .main-menu .navigation > li:hover > a:after { opacity: 1; } .main-menu .navigation > li.dropdown:hover > a:after, .main-menu .navigation > li:hover > a:after { color: #ffffff; } .main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li:hover > ul { visibility: visible; opacity: 1; top: 100%; } .main-menu .navigation > li > ul { position: absolute; left: 0px; top: 120%; width: 500px; padding: 0px; z-index: 100; display: none; background: #ffffff; border: 1px solid #313131; border-top: 3px solid #313131; transition: all 300ms ease-in; -moz-transition: all 300ms ease-n; -webkit-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; } .main-menu .navigation > li > ul > li { position: relative; width: 100%; border-top: 0 none; } .main-menu .navigation > li > ul > li > a { position: relative; display: block; line-height: 20px; font-weight: 500; font-size: 18px; text-transform: normal; color: #444444; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; height: 70px; line-height: 70px; padding: 0 15px; font-weight: bold; } @media (max-width: 1149px) { .main-menu .navigation > li > ul > li > a { height: auto; line-height: normal; } } .main-menu .navigation > li > ul > li:hover > a { color: #ffffff; background: #313131; } .main-menu .navigation > li > ul > li.dropdown > a:after { font-family: "FontAwesome"; content: "\f0da"; position: absolute; right: 10px; top: 24px; width: 10px; height: 20px; display: block; color: #444444; line-height: 20px; font-size: 14px; text-align: center; z-index: 5; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after { color: #ffffff; } .main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: -1px; width: 200px; padding: 0px; z-index: 100; display: none; background: #ffffff; border: 1px solid #313131; border-left: 4px solid #313131; } .main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; border-bottom: 1px solid #313131; } .main-menu .navigation > li > ul > li > ul > li:last-child { border: none; } .main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; padding: 8px 15px; line-height: 20px; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #444444; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover > a { color: #ffffff; background: #313131; } .main-menu .navigation li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; left: 100%; transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 34px; height: 30px; border: 1px solid #ffffff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAaklEQVRIiWNgGAWEwP///wX+//+fQCOswPD////z/2kH3jP8//+/gYYWzB/oGBoFDPBkakALDLNgPQ1T0Xla54PzMF840AgLDGT0jwIo+A8p7N7TKBX10zqZ3mf4D8l1BTTCBgMdQ0MAAAACaW+2ynlcUAAAAABJRU5ErkJggg==) center center no-repeat; background-size: 20px; cursor: pointer; z-index: 5; display: none; } /*** ==================================================================== Header Style Two style ==================================================================== ***/ .header-style-two { position: fixed; left: 0px; top: 0px; background: #000f24; z-index: 999; width: 100%; display: flex; align-items: center; box-shadow: 2px -6px 16px #000; z-index: 99999999; justify-content: center; padding: 15px 0; } @media (max-width: 1149px) { .header-style-two { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: 10px -7px 14px rgba(0, 0, 0, 0.8); min-height: 75px; } } @media (max-width: 1309px) { .header-style-two { max-width: 100%; } } .header-style-two .header-top { position: relative; color: #fff; padding: 0; } .header-style-two .header-top .info-outer { position: relative; float: right; } @media (max-width: 1149px) { .header-style-two .header-top .info-outer { display: none; } } .header-style-two .header-top .info-box { position: relative; float: left; margin-left: 45px; margin-top: 20px; padding-left: 50px; line-height: 24px; font-family: "Open Sans", sans-serif; } .header-style-two .header-top .social-box { padding-left: 0px; } .header-style-two .header-top .info-box .icon { position: absolute; width: 40px; height: 40px; left: 0px; top: 50%; margin-top: -20px; line-height: 40px; font-size: 32px; color: #fff; } .header-style-two .header-top .info-box strong { position: relative; display: block; color: #fff; font-size: 13px; text-transform: uppercase; } .header-style-two .header-top .info-box a { position: relative; color: #141625; font-weight: 600; } .header-style-two .header-top .info-box .phone { font-size: 16px; color: #141625; } .header-style-two .social-links { position: relative; top: 5px; } .header-style-two .social-links a { position: relative; display: inline-block; text-align: center; width: 36px; height: 36px; line-height: 36px; font-size: 14px; margin-right: 3px; color: #ffffff !important; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .header-style-two .social-links a:hover { opacity: 0.7; } .header-style-two .social-links a.facebook { background-color: #3b5998; } .header-style-two .social-links a.twitter { background-color: #00aced; } .header-style-two .social-links a.google-plus { background-color: #dd4b39; } .header-style-two .social-links a.linkedin { background-color: #007bb5; } .header-style-two .social-links a.pinterest { background-color: #cb2027; } .header-style-two .social-links a.instagram { background-color: #125688; } .header-style-two .header-top .logo { position: relative; float: left; z-index: 4; } .header-style-two .header-top .logo img { display: inline-block; } @media (max-width: 1149px) { .header-style-two .header-top .logo { float: none; margin: 0 auto; text-align: center; } } .header-style-two .lower-part { position: relative; padding: 0px 0px; width: 100%; left: 0px; top: 0; height: 38px; background: none; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } @media (max-width: 1149px) { .header-style-two .lower-part { width: auto; } } .fixed-header .lower-part { position: relative; background: none; padding: 0px !important; } .header-style-two .lower-part .auto-container { position: relative; max-width: 100%; padding: 0px 0px; } .header-style-two .lower-part .outer-box { position: static; left: 0px; top: 0px; width: 100%; padding: 0; background: transparent; } @media (max-width: 1149px) { .header-style-two .lower-part .outer-box { padding-top: 0; padding-bottom: 0; } } .header-style-two .lower-part .outer-box .btn-box { position: absolute; right: 0px; top: 0px; width: 165px; height: 100%; padding: 0; text-align: center; background: #fff; z-index: 20; font-family: "Raleway"; border-radius: 10px; border: 0 none; } .header-style-two .lower-part .outer-box .btn-box a { display: block; line-height: 40px; color: #000; font-weight: 700; text-transform: uppercase; font-family: "Raleway", sans-serif; } @media (max-width: 1149px) { .header-style-two .lower-part .outer-box .btn-box a { line-height: 70px; } } .header-style-two .lower-part .outer-box .btn-box a:hover { color: #fff; } .header-style-two .lower-part .logo { position: relative; float: left; padding: 10px 0px; } .fixed-header .lower-part .logo { padding: 0px !important; } .header-style-two .lower-part .logo img { display: inline-block; max-width: 200%; } .header-style-two .main-menu .navigation > li { margin-right: 40px; } .header-style-two .main-menu .navigation > li > a { color: #fff; font-size: 14px; font-family: Raleway; font-weight: bold; } /*** ==================================================================== Main Slider style ==================================================================== ***/ .main-slider { position: relative; width: 100%; overflow: hidden; } .main-slider .circular-drop { position: relative; width: 100px; height: 100px; padding: 30px 0px; text-align: center; background: #fff; line-height: 36px; color: #ffffff; font-size: 70px; font-weight: 700; font-family: "Raleway", sans-serif; border-radius: 50px 0px 50px 50px; } .main-slider .circular-drop sub { font-size: 24px; } .main-slider h2 { line-height: 1.2em; font-size: 28px; font-weight: 400; padding: 7px 15px; } .main-slider h2 a { color: #fff; background: #1C1C1C; text-decoration: none; border: 0 none; box-shadow: none; padding: 0 10px; } .main-slider h2 a:hover { color: #fff; } .main-slider h1 { line-height: 1.2em; font-weight: 700; font-size: 92px; color: #ffffff; text-transform: uppercase; } .main-slider h1.light { line-height: 1.2em; font-weight: 700; font-size: 72px; color: #ffffff; text-transform: uppercase; } .main-slider .bg-color { position: relative; padding: 5px 16px; line-height: 1.4em; font-size: 26px; font-weight: 700; background: #fff; color: #ffffff; text-transform: uppercase; } .main-slider h2 { line-height: 1.2em; font-weight: 800; font-size: 72px; color: #ffffff; text-transform: uppercase; } .main-slider .normal-font { font-weight: 400; } .main-slider h4 { position: relative; padding: 5px 16px; line-height: 1.4em; font-size: 24px; font-weight: 600; color: #ffffff; text-transform: uppercase; } .main-slider .text { line-height: 1.4em; font-weight: 400; font-size: 18px; color: #ededed; background: #000; padding: 0 10px; display: none; } .main-slider .tp-bullets { display: none; } .main-slider .tp-bullets.preview4 .bullet { background: #ffc13b !important; border-color: #202020 !important; margin: 0px 5px; } .main-slider .tp-bullets.preview4 .bullet:hover, .main-slider .tp-bullets.preview4 .bullet.selected { border-color: #ffc13b !important; } /*** ==================================================================== Main Features Section ==================================================================== ***/ .main-features { position: relative; padding: 90px 0px 50px; } .main-features .title-box { position: relative; margin-bottom: 80px; } .main-features .title-box h1 { position: relative; font-size: 72px; color: #fff; line-height: 1.4em; font-family: "Roboto", sans-serif; } .main-features .title-box h2 { position: relative; font-size: 36px; font-weight: 800; color: #25292f; margin-bottom: 20px; text-transform: uppercase; } .main-features .title-box .text { position: relative; font-size: 18px; font-weight: 300; color: #7c7c7c; } .main-features .features-column { position: relative; margin-bottom: 50px; } .features-column .icon-box { position: relative; width: 240px; height: 240px; padding: 40px 20px 20px 20px; text-align: center; margin: 0 auto; color: #ffffff; } .features-column .icon-box:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; border-radius: 120px 0px 120px 120px; background: -moz-linear-gradient(right top, #51980b, #eb5310); background: -o-linear-gradient(right top, #51980b, #eb5310); background: -ms-linear-gradient(right top, #51980b, #eb5310); background: -webkit-linear-gradient(right top, #51980b, #eb5310); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .features-column:hover .icon-box:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .features-column .icon-box .icon { position: relative; font-size: 88px; line-height: 100px; margin-bottom: 20px; z-index: 2; } .features-column .icon-box .title { position: relative; font-size: 18px; font-weight: 700; text-transform: uppercase; z-index: 2; } .default-icon-column { position: relative; } .main-features .default-icon-column { margin-bottom: 50px; } .default-icon-column .icon-box { position: relative; width: 80px; height: 80px; padding: 10px; line-height: 56px; text-align: center; margin-bottom: 30px; border-radius: 50%; } .default-icon-column .icon-box.center { margin: auto auto 30px; } .default-icon-column .icon-box:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 2px solid #f1f1f1; border-radius: 50%; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; } .default-icon-column:hover .icon-box:before { border-color: #fff; } .default-icon-column .icon-box .icon { position: relative; font-size: 36px; color: #fff; z-index: 2; } .default-icon-column h3 { font-size: 18px; text-transform: uppercase; color: #25292f; font-weight: 700; margin-bottom: 10px; } .default-icon-column .text { font-size: 15px; color: #8d8d8d; } .sec-title { margin-top: 44px; position: relative; margin-bottom: 50px; font-family: "Raleway", arial; } .sec-title h2 { font-size: 40px; font-weight: 800; margin-bottom: 15px; line-height: 1.2em; text-transform: uppercase; } .sec-title .bigger-text { font-size: 26px; font-weight: 700; margin-bottom: 15px; line-height: 1.2em; } .sec-title .text { font-size: 16px; line-height: 2em; } /*** ==================================================================== Two Column Fluid ==================================================================== ***/ .featured-fluid-section { position: relative; padding: 0px; min-height: 250px; background: #f9f9f9; } .featured-fluid-section .column { position: relative; display: block; float: left; width: 50%; } .featured-fluid-section .image-column { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; float: right; } .featured-fluid-section .text-column { float: right; background-size: cover; background-repeat: no-repeat; background-position: center center; } .featured-fluid-section .text-column .content-box { position: relative; max-width: 600px; padding-left: 15px; } .featured-fluid-section .dark-column .content-box { padding: 80px 15px 80px 80px; color: #a8a8a8; } .featured-fluid-section .dark-column:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(25, 25, 25, 0.95); } .featured-fluid-section.style-two .dark-column:before { background: rgba(235, 83, 16, 0.95); } .two-column-fluid.featured-fluid-section.style-two .dark-column { color: #a8a8a8; } .two-column-fluid.featured-fluid-section.style-two .icon-box { margin-bottom: 0; } .two-column-fluid.featured-fluid-section.style-two .icon-box .icon { float: none; } .two-column-fluid.featured-fluid-section.style-two .icon-box .lower-box { padding: 0 28px; } .featured-fluid-section .dark-column h2 { font-size: 36px; margin-bottom: 20px; font-weight: 800; color: #ffffff; text-transform: uppercase; line-height: 1.2em; } .featured-fluid-section .dark-column .title-text { position: relative; color: #ffffff; font-size: 18px; font-weight: 300; margin-bottom: 40px; padding-bottom: 15px; } .featured-fluid-section.style-two .dark-column .title-text a { color: #ffffff; } .featured-fluid-section .dark-column .title-text:after { content: ""; position: absolute; left: 0px; top: 100%; width: 30px; height: 3px; background: #fff; color: #ffffff; } .featured-fluid-section.style-two .dark-column .title-text:after { background: #ffffff; } .featured-fluid-section .theme-btn { margin-right: 15px; padding-left: 30px; padding-right: 30px; } .featured-fluid-section .dark-column .text { position: relative; color: #d5d5d5; font-size: 15px; margin-bottom: 50px; } .featured-fluid-section.style-two .dark-column .text { color: #f2f2f2; } /*** ==================================================================== Recent Causes Section ==================================================================== ***/ .recent-projects, .projects-section { position: relative; padding: 60px 0px 10px; } .recent-projects .column, .projects-section .column { margin-bottom: 60px; } .default-featured-column .image-box img { display: block; width: 100%; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .default-featured-column:hover .image-box img { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .default-featured-column .inner-box { position: relative; background: #ffffff; } .default-featured-column .image-box { position: relative; overflow: hidden; } .default-featured-column .image-box .post-tag { position: absolute; font-size: 13px; font-weight: 600; font-family: "Raleway", sans-serif; left: 20px; bottom: 15px; background: #fff; text-transform: uppercase; color: #ffffff; line-height: 24px; padding: 5px 15px; border-radius: 3px; } .default-featured-column .content-box { position: relative; padding: 20px 0px 0px; } .list-view .default-featured-column .content-box { padding-top: 0px; } .default-featured-column .content-box .text { position: relative; margin-bottom: 25px; } .default-featured-column h3 { font-size: 18px; text-transform: uppercase; font-weight: 800; margin-bottom: 5px; } .default-featured-column .detail-header h2 { font-size: 32px; text-transform: uppercase; font-weight: 800; margin: 5px 0px 10px 0px; } .default-featured-column .bigger-text { font-size: 18px; margin-bottom: 20px; } .default-featured-column h3 a { color: #25292f; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .default-featured-column h3 a:hover { color: #fff; } .default-featured-column .column-info { position: relative; font-size: 15px; margin-bottom: 15px; color: #fff; } .default-featured-column .column-info .raised-amount { color: #303030; margin-right: 10px; } .default-featured-column .text { position: relative; font-size: 15px; color: #8d8d8d; } .default-featured-column.style-three .content-box { background-color: #f5f5f5; padding: 20px; } .default-featured-column.style-three .content-box .text { margin-bottom: 15px; } .default-featured-column.style-three h3 { font-size: 20px; font-weight: 700; } .default-featured-column.style-two .inner-box { background: #f5f5f5; } .default-featured-column.style-two .image-box { position: relative; overflow: visible; } .default-featured-column.style-two .image-box a { display: block; overflow: hidden; } .default-featured-column .image-box .donate-piechart { bottom: -25px; display: table; position: absolute; right: 10px; } .default-featured-column .image-box .donate-piechart .piechart-block { background-color: #fff; border-radius: 50%; } .default-featured-column .image-box .donate-piechart .piechart { position: relative; margin: 0 auto; text-align: center; } .default-featured-column .image-box .donate-piechart .piechart canvas { position: absolute; left: 0; right: 0; margin: 0 auto; max-height: 51px; } .default-featured-column .image-box .donate-piechart .piechart-block .piechart { min-height: 50px; min-width: 50px; } .default-featured-column .image-box .donate-piechart .piechart-block .piechart span { color: #fff; font-size: 14px; font-weight: 600; line-height: 49px; } .default-featured-column .image-box .donate-piechart .piechart-block .piechart span:after { color: #fff; content: "%"; font-size: 13px; font-weight: 600; } .default-featured-column.style-two h3 { font-size: 18px; font-weight: 700; text-transform: capitalize; } .default-featured-column.style-two .content-box { padding: 20px 18px; } .default-featured-column.style-two .content-box .column-info { font-size: 14px; } .default-featured-column.style-two .content-box .text { margin-bottom: 18px; } /*Style Two*/ /*Causes List Style*/ .causes-list-section .column { margin-bottom: 50px; } .causes-list-section .default-featured-column .image-box .donate-piechart { right: -25px; top: 42%; } /*Single Causes Style*/ .single-causes-section .default-featured-column h3 { font-size: 24px; font-weight: 800; margin-bottom: 20px; } .single-causes-section .default-featured-column .image-box .donate-piechart { bottom: 10px; } .single-causes-section .default-featured-column .image-box .donate-piechart .piechart-block { background-color: rgba(1, 1, 1, 0.55); } /*** ==================================================================== Two Column Fluid ==================================================================== ***/ .two-column-fluid { position: relative; padding: 0px; min-height: 250px; background: #f9f9f9; } .two-column-fluid .column { position: relative; display: block; float: left; width: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .two-column-fluid .left-column:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); } .two-column-fluid .left-column .content-box { position: relative; float: right; max-width: 600px; padding: 80px 80px 70px 15px; z-index: 1; } .two-column-fluid .left-column h2 { font-size: 40px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; line-height: 1.2em; color: #25292f; } .two-column-fluid .left-column .title-text { position: relative; color: #706f6f; font-size: 18px; font-weight: 300; margin-bottom: 20px; padding-bottom: 15px; } .two-column-fluid .left-column .title-text:after { content: ""; position: absolute; left: 0px; top: 100%; width: 30px; height: 3px; background: #fff; color: #ffffff; } .two-column-fluid .left-column .text { margin-bottom: 25px; font-size: 15px; color: #8d8d8d; } .two-column-fluid .text-column { min-height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .two-column-fluid .text-column .content-box { position: relative; max-width: 600px; padding-left: 15px; } .two-column-fluid .icon-box { position: relative; float: left; margin-bottom: 10px; } .two-column-fluid .icon-box h4 { font-size: 28px; font-weight: 800; color: #25292f; font-family: "Roboto", sans-serif; } .two-column-fluid .icon-box .icon { position: relative; color: #fff; padding-left: 26px; margin-bottom: 25px; font-size: 48px; } .two-column-fluid .icon-box .icon span { display: block; } .two-column-fluid .icon-box .lower-box { position: relative; font-size: 14px; text-transform: uppercase; font-weight: 400; padding: 0px 28px; color: #5f5f5f; border-right: 1px dashed #fff; } .two-column-fluid .icon-box:first-child .lower-box { padding-left: 0px; } .two-column-fluid .icon-box:last-child .lower-box { border: none; padding-right: 0px; } .two-column-fluid .icon-box:first-child .icon { padding-left: 0px; } .two-column-fluid.style-two { min-height: auto; } .two-column-fluid.style-two .icon-box .icon { float: left; margin-top: 18px; } .two-column-fluid.style-two .icon-box .lower-box { float: left; padding: 0px 15px; } .two-column-fluid.style-two .icon-box:first-child .lower-box { padding: 0px 15px; } .two-column-fluid.style-two .icon-box h4 { font-size: 24px; } .two-column-fluid .right-column .outer-box { position: relative; padding: 0px 0px 0px 100px; } .two-column-fluid .right-column .content-box { padding: 75px 15px 80px 80px; max-width: 600px; } .two-column-fluid .right-column:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(221, 83, 26, 0.95); } .two-column-fluid .right-column.dark-style:before { background: rgba(33, 33, 33, 0.92); } .two-column-fluid .right-column .quote-icon { position: absolute; left: 0px; top: 12px; width: 70px; height: 70px; line-height: 66px; border: 3px solid #ffffff; text-align: center; color: #ffffff; font-size: 26px; border-radius: 50% 0% 50% 50%; background: #fff; border-color: #fff; } .two-column-fluid .right-column h2 { color: #ffffff; font-size: 40px; font-weight: 800; margin-bottom: 30px; padding-bottom: 10px; text-transform: uppercase; } .two-column-fluid .right-column h2:after { content: ""; position: absolute; left: 0px; top: 100%; width: 35px; height: 2px; background: #ffffff; color: #ffffff; } .two-column-fluid .right-column .text-content { position: relative; } .two-column-fluid .right-column .text { position: relative; margin-bottom: 20px; color: #e8e8e8; font-size: 15px; } .two-column-fluid .right-column .info { position: relative; padding: 5px 15px 0px 90px; } .two-column-fluid .right-column .info .image-thumb { position: absolute; left: 0px; top: 0px; width: 70px; } .two-column-fluid .right-column .info .image-thumb img { display: block; width: 70px; border-radius: 3px; } .two-column-fluid .right-column .info h3 { font-size: 18px; font-weight: 700; margin-bottom: 5px; color: #ffffff; } .two-column-fluid .right-column .info p { margin-bottom: 0px; color: #e8e8e8; font-size: 16px; } .two-column-fluid .right-column .signature img { position: relative; margin-top: 20px; display: inline-block; max-width: 100%; } /*** ==================================================================== Events Section ==================================================================== ***/ .events-section { position: relative; padding: 90px 0px 40px; } .events-section .column { margin-bottom: 50px; } .vertical-links-outer { position: relative; } .vertical-links-outer .link-block { position: relative; color: #8d8d8d; font-size: 15px; margin-bottom: 5px; } .vertical-links-outer .link-block:last-child { margin-bottom: 0px; } .vertical-links-outer .default { position: relative; color: #8d8d8d; font-size: 15px; display: block; padding: 20px 0px 20px 100px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; } .vertical-links-outer .default .image-thumb { position: absolute; left: 0px; top: 20px; width: 80px; height: 75px; } .vertical-links-outer .default .image-thumb img { display: block; max-width: 100%; } .vertical-links-outer .alternate { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #ffffff; background: #393d42; padding: 20px 30px; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; } .vertical-links-outer .link-block:hover .alternate { opacity: 1; } .vertical-links-outer .link-block strong { font-size: 18px; font-weight: 700; margin-bottom: 5px; display: block; color: #25292f; font-family: "Raleway", sans-serif; } .vertical-links-outer .link-block .alternate strong { color: #ffffff; margin-bottom: 10px; } .vertical-links-outer .link-block .title { font-size: 18px; font-weight: 700; margin-bottom: 5px; display: block; color: #25292f; font-family: "Raleway", sans-serif; } .vertical-links-outer .link-block .alternate .title { color: #ffffff; margin-bottom: 10px; } .vertical-links-outer .link-block .alternate .title a { color: #ffffff; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .vertical-links-outer .link-block .alternate .title a:hover { color: #fff; } .vertical-links-outer.events-post .link-block { margin-bottom: 15px; } .vertical-links-outer.events-post .default { background-color: #f5f5f5; padding: 15px 70px 40px 110px; } .vertical-links-outer.events-post .default .image-thumb { left: 15px; top: 15px; } .vertical-links-outer.events-post .link-block .title { font-size: 16px; padding: 0; } /*Event Style*/ .events-post .event-held li { font-size: 13px; line-height: 22px; } .events-post .event-held li i { color: #fff; margin-right: 5px; } .events-post .event-date { position: absolute; right: 15px; top: 17%; } .events-post .event-date .event-day { background-color: #fff; color: #fff; font-size: 30px; font-weight: 700; padding: 10px 7px; } .events-post .event-date .event-month { background: #1c1c1c; color: #ddd; font-size: 14px; font-weight: 600; padding: 0 7px; text-align: center; text-transform: uppercase; } .vertical-links-outer.events-post .alternate { padding: 7px 30px; } .vertical-links-outer.events-post .alternate .desc { margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; } /*Events List Style*/ .events-list-section .default-featured-column .image-box .post-tag { font-family: "Roboto", sans-serif; } .events-list-section .default-featured-column.style-two h3 { font-size: 24px; } /*Events Slider Style*/ /* bx-event-carousel style-two */ /* event slider */ .bx-wrapper { margin: 0 auto 7px; padding: 0; position: relative; } .bx-wrapper .bx-viewport { background: transparent; border: none; box-shadow: none; left: 0; } /* bx top nav style */ .bx-controls .bx-controls-direction > a { background: #fff; background-image: none; border: 2px solid #fff; color: #fff; height: auto; line-height: 26px; padding: 0 11px; width: auto; text-indent: 0; top: -34px; z-index: 0; } .bx-controls .bx-controls-direction > a:hover { background: #fff; color: #fff; } .bx-controls .bx-controls-direction > a:hover i { color: #fff; } .bx-controls .bx-controls-direction > a i { color: #fff; } .bx-controls .bx-controls-direction .bx-prev { right: 51px; left: auto; } .bx-controls .bx-controls-direction .bx-next { right: 16px; } /*** ==================================================================== Testimonials Section style ==================================================================== ***/ .testimonials-section { position: relative; padding: 25px 0; background-position: center top; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; } .testimonials-section.style-two { background-size: auto; background-attachment: scroll; background-repeat: repeat; text-align: center; } .testimonials-section .testimonials-carousel { display: flex; justify-content: center; } .testimonials-section .auto-container { position: relative; z-index: 5; } .testimonials-section .sec-title { margin-bottom: 60px; } .testimonials-section .sec-title span { color: #121212 !important; } .testimonials-section .sec-title h2, .testimonials-section .sec-title .text { color: #121212; } .testimonials-section .testimonials-slider { width: 100%; background: #fff; padding: 80px 0; } .testimonials-section .testimonials-slider .slide-item { position: relative; margin: 0 0px 0px 0px; border: 2px solid transparent; background: #ffffff; padding: 0px 40px 30px; border-radius: 4px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; max-width: 400px; } .testimonials-section .testimonials-slider .info-box { position: relative; padding: 20px 0; margin: 0 auto; min-height: 60px; display: flex; justify-content: center; } .testimonials-section.style-two .testimonials-slider .info-box { padding: 0px 0px 20px 0px; } .testimonials-section .testimonials-slider .image-box { position: static; left: 0px; top: -50px; width: 100px; height: 100px; border: 5px solid #121212; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; background-color: #fff; padding: 0; transform: none; left: 50%; } .testimonials-section.style-two .testimonials-slider .image-box { position: relative; top: 0px; margin: -40px auto 20px; } .testimonials-section .testimonials-slider .slide-item:hover { border-color: #fff; } .testimonials-section .testimonials-slider .slide-item:hover .image-box { border-color: #fff; } .testimonials-section .testimonials-slider .image-box img { position: relative; width: 90px !important; height: 90px !important; display: block; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: initial; } .testimonials-section .slide-item h3 { position: relative; font-size: 16px; font-family: "Roboto", sans-serif; color: #253d4a; font-weight: 700; margin-bottom: 0px; text-transform: uppercase; } .testimonials-section .slide-item .designation { position: relative; font-size: 15px; color: #fff; margin-bottom: 0px; } .testimonials-section .slide-text { position: relative; font-size: 15px; color: #515c61; line-height: 2em; text-align: center; } .testimonials-section .slide-text p { color: #282727; font-weight: bold; font-family: "Futura-medium"; font-size: 19px; } .testimonials-section .owl-controls { position: relative; text-align: center; padding: 20px 0px; top: 0px; display: none; } .testimonials-section .owl-controls .owl-next, .testimonials-section .owl-controls .owl-prev { position: relative; width: 50px !important; height: 38px !important; padding: 0px !important; background: #fff !important; color: #ffffff !important; line-height: 38px; font-size: 20px !important; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .testimonials-section .owl-controls .owl-next:hover { background: #000 !important; } .testimonials-section .owl-controls .owl-prev { border-radius: 4px 0px 0px 4px !important; margin: 0px !important; } .testimonials-section .owl-controls .owl-prev:hover { background: #000 !important; } .testimonials-section .owl-controls .owl-next { border-radius: 0px 4px 4px 0px !important; margin: 0px !important; right: -1px; } .testimonials-section .owl-dots { display: none !important; } .testimonials-section.style-two .owl-nav { display: none !important; } .testimonials-section.style-two .owl-dots { display: block !important; } .owl-theme .owl-dots .owl-dot span { background: #4c4c4c; width: 10px; height: 10px; margin: 0px 3px; border-radius: 50%; } /*** ==================================================================== Blog News Section ==================================================================== ***/ .blog-news-section { position: relative; padding: 60px 0px 10px; } @media (max-width: 1149px) { .blog-news-section { padding-top: 20px; } } .blog-news-section .blog-news-column { margin-bottom: 60px; } .blog-news-section .auto-container .row { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: stretch; align-content: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-wrap: wrap; -ms-flex-wrap: wrap; } .blog-news-section .auto-container .row .column { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); padding: 0; width: calc(33.33% - 20px); margin: 0 10px 60px; } @media (max-width: 1149px) { .blog-news-section .auto-container .row .column { width: calc(50% - 20px); } } @media (max-width: 1149px) and (max-width: 767px) { .blog-news-section .auto-container .row .column { width: calc(100% - 20px); } } .blog-news-section .auto-container .row .column article { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; flex-wrap: wrap; -ms-flex-wrap: wrap; } .blog-news-section .auto-container .row .column article figure { width: 100%; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; position: relative; } .blog-news-section .auto-container .row .column article .content-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; position: relative; } .category .blog-news-column .comments-count { display: none; } .blog-news-column .image-box { min-height: 250px; display: none; } .category .blog-news-column .image-box { display: block; } .blog-news-column .image-box img { display: block; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .category .blog-news-column .image-box img { width: auto; max-width: initial; height: 100% !important; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; top: 50%; left: 50%; } @media (max-width: 1149px) { .category .blog-news-column .image-box img { width: 100%; height: auto !important; } } .blog-news-column:hover .image-box img { transform: translate(-50%, -50%) scale(1.2) rotate(2deg); -webkit-transform: translate(-50%, -50%) scale(1.2) rotate(2deg); left: 50%; top: 50%; position: absolute; } .blog-news-column .news-date { background: #eb5310 none repeat scroll 0 0; top: 18px; color: #ffffff; font-size: 32px; font-weight: 800; height: 80px; line-height: 30px; outline: 1px dashed #fff; outline-offset: -4px; padding: 12px 10px 10px; position: absolute; right: 16px; text-align: center; width: 80px; } .blog-news-column .news-date .month { font-size: 20px; line-height: 24px; display: block; } @media (max-width: 767px) { .single .blog-news-column .news-date { transform: scale(0.5); -webkit-transform: scale(0.5); right: -42px !important; top: -42px; } } .blog-news-column .image-box .news-date, .blog-news-column .news-date { background: #eb5310 none repeat scroll 0 0; bottom: 25px; color: #ffffff; font-size: 32px; font-weight: 800; height: 80px; line-height: 30px; outline: 1px dashed #fff; outline-offset: -4px; padding: 12px 10px 10px; position: absolute; right: 30px; text-align: center; width: 80px; } .blog-news-column .image-box .news-date .month, .blog-news-column .news-date .month { font-size: 20px; line-height: 24px; display: block; } .blog-news-column .inner-box { position: relative; background: #ffffff; } .blog-news-column .image-box { position: relative; overflow: hidden; } .blog-news-column .content-box { position: relative; padding: 20px; max-width: 80%; margin: 0 auto; top: -130px; background: #fff; box-sizing: border-box; } .category .blog-news-column .content-box { top: initial; max-width: 100%; } .blog-news-column .content-box .text { position: relative; margin-bottom: 20px; color: #8d8d8d; font-size: 15px; } .single .blog-news-column .content-box img { width: 100%; height: auto; margin-top: 20px; margin-bottom: 20px; } .blog-news-column h3 { font-size: 22px; font-weight: 700; margin-bottom: 12px; padding-top: 0; } .blog-news-column h3 a { color: #25292f; } .blog-news-column h3 a:hover { color: #fff; } .blog-news-column .post-info { position: relative; margin-bottom: 15px; color: #919191; font-size: 13px; line-height: 24px; } .blog-news-column .post-author { float: left; color: #c4c4c4; font-style: italic; padding-right: 10px; } .blog-news-column .post-options { float: right; } .blog-news-column .post-info .icon { display: inline-block; width: 20px; padding-right: 5px; font-size: 16px; color: #fff; font-weight: normal; } .blog-news-column .post-options a { position: relative; display: inline-block; margin-left: 15px; font-weight: 700; color: #67696c; } .blog-news-column .read-more { font-weight: 700; color: #25292f; font-size: 13px; text-transform: uppercase; } .blog-news-section .post-share-options { position: relative; padding: 10px 15px; background: #f8f8f8; border-bottom: 1px solid #e0e0e0; } .blog-news-section .post-share-options .tags { padding-top: 5px; } .blog-news-section .post-share-options .tags a { position: relative; color: #999999; } /*** ==================================================================== Sponsors Section Style ==================================================================== ***/ .sponsors-section { position: relative; padding: 0 0; background: #fff; } .sponsors-section .sec-title h2 span { color: #121212 !important; } .sponsors-section .slider-outer { margin: 0px; } .sponsors-section .sponsors-slider { position: relative; } .sponsors-section .sponsors-slider li img { width: 200px; max-width: initial; height: auto; } .sponsors-section .owl-controls { margin: 0px !important; display: none; } .sponsors-section .owl-nav .owl-prev { position: absolute; left: 0px; top: 50%; margin: -25px 0px 0px -25px !important; line-height: 48px; width: 50px; height: 50px; border: 1px solid #e9e9e9; text-align: center; color: #cccccc; background: #ffffff !important; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; } .sponsors-section .owl-nav .owl-next { position: absolute; right: 0px; top: 50%; margin: -25px -25px 0px 0px !important; line-height: 48px; width: 50px; height: 50px; border: 1px solid #e9e9e9; text-align: center; color: #cccccc; background: #ffffff !important; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; } .sponsors-section .owl-nav .owl-prev .fa:before, .sponsors-section .owl-nav .owl-next .fa:before { font-size: 24px; color: #223555; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; } .sponsors-section .owl-nav .owl-prev:hover .fa:before, .sponsors-section .owl-nav .owl-next:hover .fa:before { color: #ffffff; } .sponsors-section .owl-nav .owl-prev:hover, .sponsors-section .owl-nav .owl-next:hover { background: #223555 !important; } .sponsors-section .owl-dots { display: none !important; } /*** ==================================================================== Parallax Section Style ==================================================================== ***/ .parallax-section { position: relative; padding: 80px 0px; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; } .parallax-section:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .parallax-section .auto-container { position: relative; z-index: 1; } .parallax-section h2 { color: #ffffff; font-size: 48px; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; } .parallax-section .text { color: #ffffff; font-size: 24px; font-weight: 300; margin-bottom: 40px; } .parallax-section .theme-btn { position: relative; margin: 0px 10px 10px; } /*** ==================================================================== Subscribe Intro ==================================================================== ***/ .subscribe-intro { position: relative; padding: 50px 0px 30px; background: #fff; color: #ffffff; } .subscribe-intro:before { content: ""; position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; background: url(d0deacc8e4ea1b9dbf4426e33583b890.png) center center no-repeat; } .subscribe-intro .auto-container { position: relative; z-index: 1; } .subscribe-intro .column { margin-bottom: 20px; font-size: 18px; font-weight: 300; } .subscribe-intro .column h2 { font-size: 30px; margin-bottom: 10px; font-weight: 600; color: #ffffff; text-transform: capitalize; } /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer { position: relative; color: #c9c9c9; background-color: #000; background-size: cover; background-repeat: no-repeat; background-position: center center; font-family: "Roboto", sans-serif; margin-top: -1px; } .main-footer:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: none; } .main-footer p { line-height: 2em; margin-bottom: 20px; } .main-footer .footer-upper { position: relative; padding: 70px 50px 10px; z-index: 1; } .main-footer .footer-upper .column { position: relative; margin-bottom: 30px; } .footer-upper .column h2 { position: relative; font-size: 18px; line-height: 1.4em; margin-bottom: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; } .main-footer .footer-upper a { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .footer-upper .links-widget li { position: relative; margin-bottom: 15px; } .footer-upper .links-widget li a { position: relative; display: block; font-size: 18px; color: #fff; line-height: 24px; font-weight: 500; font-family: "Raleway"; } .footer-upper .links-widget li a:hover { color: #fff; } .footer-upper .news-widget .news-post a:hover { color: #fff; } .footer-widget.contact-widget input, .wpcf7 input { width: 100%; height: 50px; background: rgba(0, 0, 0, 0.15); color: #C9C9C9; font-size: 13px; margin-bottom: 10px; border: none; outline: none; padding: 0 20px; } .footer-widget.contact-widget textarea, .wpcf7 textarea { width: 100%; height: 50px; background: rgba(0, 0, 0, 0.15); color: #C9C9C9; font-size: 13px; margin-bottom: 10px; border: none; outline: none; padding: 0 20px; height: 100px; padding-top: 15px; margin-bottom: 5px; } .footer-widget.contact-widget button, .footer-widget.contact-widget input[type=submit], .wpcf7 button, .wpcf7 input[type=submit] { width: 100%; height: 50px; background: #fff; color: #fff; text-transform: uppercase; font-size: 13px; border: none; outline: none; padding: 0; line-height: 50px; font-weight: bold; transition: all 0.3s ease; } .footer-widget.contact-widget button:hover, .footer-widget.contact-widget input[type=submit]:hover, .wpcf7 button:hover, .wpcf7 input[type=submit]:hover { background: #fff; color: #fff; opacity: 0.8; } .main-footer .social-links a { position: relative; display: inline-block; font-size: 15px; width: 32px; height: 32px; line-height: 30px; border: 1px solid rgba(255, 255, 255, 0.2); text-align: center; background: none; margin-right: 10px; color: #f1f1f1; border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .main-footer .social-links a:hover { color: #ffffff; background: #fff; } .main-footer .contact-info { position: relative; margin-bottom: 20px; } .main-footer .contact-info li { position: relative; padding-left: 30px; margin: 0px 0px 7px; line-height: 30px; color: #fff; font-family: Raleway; font-size: 18px; font-weight: 500; } @media (max-width: 1149px) { .main-footer .contact-info li { font-size: 20px; } } .main-footer .contact-info li a, .main-footer .contact-info li a:hover { color: #fff !important; } .main-footer .contact-info li .icon { position: absolute; font-weight: 700; font-size: 16px; color: #fff !important; left: 0px; top: 0px; line-height: 30px; } .social-links-two { position: relative; } .social-links-two a { position: relative; display: block; float: left; text-align: center; width: 28px; height: 28px; line-height: 26px; border: 1px solid #ffffff; border-radius: 50%; font-size: 12px; margin-right: 8px; color: #ffffff !important; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .blog-news-section .social-links-two a { background: #545454; color: #ffffff; font-size: 13px; width: 32px; height: 32px; line-height: 32px; border: none; } .social-links-two.alt a { font-size: 12px; border: 1px solid #cccccc; color: #cccccc !important; } .social-links-two a:hover { background: #fff; border-color: #fff; } .social-links-two.alt a:hover { background: #fff !important; border-color: #fff; color: #ffffff !important; } .footer-upper .news-widget .news-post { position: relative; padding: 0px 0px 0px 80px; margin-bottom: 40px; color: #c9c9c9; line-height: 20px; } .footer-upper .news-widget .news-post .news-content { margin-bottom: 5px; } .footer-upper .news-widget .news-post a { position: relative; color: #c9c9c9; } .footer-upper .news-widget .news-post .time { position: relative; color: #808080; font-size: 12px; } .footer-upper .news-widget .news-post .image-thumb { position: absolute; width: 65px; height: 65px; left: 0px; top: 0px; overflow: hidden; } .footer-upper .news-widget .news-post .image-thumb img { display: block; width: 65px; } .footer-bottom { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 16px 0px; font-size: 15px; text-align: center; color: #808080; } .footer-bottom .copyright { position: relative; line-height: 20px; padding: 5px 0px; } .footer-bottom .copyright a { color: #fff; } /*** ==================================================================== Page Title Style ==================================================================== ***/ .page-title { position: relative; padding: 80px 0px 10px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #ffffff; } @media (max-width: 1149px) { .single .page-title { padding: 20px 0 10px; } } .page-title:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(38, 43, 47, 0.6); } .page-title h1 { font-size: 48px; margin-bottom: 15px; text-transform: uppercase; font-weight: 800; color: #ffffff; } .page-title .bread-crumb { position: relative; color: #ffffff; } .page-title .bread-crumb a { position: relative; font-size: 15px; text-transform: uppercase; color: #ffffff; margin: 0px 5px; } .page-title .bread-crumb a:hover { position: relative; color: #fff; } .page-title .auto-container { position: relative; z-index: 5; } /*** ==================================================================== 404 Section ==================================================================== ***/ .error-section { position: relative; padding: 100px 0px; background: #ffffff; } .error-section .error-text { position: relative; margin-top: -50px; display: inline-block; padding-left: 50px; } .error-section .error-text .medium-text { position: relative; font-size: 72px; line-height: 1.2em; margin-bottom: -10px; } .error-section .error-text .bigger-font { position: relative; font-size: 200px; line-height: 1.2em; color: #25292f; margin-bottom: 30px; padding-bottom: 15px; font-weight: 800; border-bottom: 1px solid #e0e0e0; } .error-section .error-text h3 { position: relative; font-size: 36px; line-height: 1.2em; margin-bottom: 20px; font-weight: 400; font-family: "Roboto", sans-serif; } .error-section .error-text .text { position: relative; font-size: 16px; margin-bottom: 30px; color: #828282; } .error-section .theme-btn { padding-left: 30px; padding-right: 30px; } /*** ==================================================================== Accordion Style ==================================================================== ***/ .faqs-section { position: relative; padding: 90px 0px 80px; } .faqs-section .column { margin-bottom: 20px; } .accordion-box { position: relative; margin-right: 0px; } .accordion-box .accordion { position: relative; margin-bottom: 25px; padding-bottom: 10px; padding-left: 60px; border-bottom: 1px solid #e9e9e9; } .accordion-box .accordion .accord-btn { position: relative; display: block; min-height: 40px; line-height: 30px; padding: 3px 0px 5px; color: #2f2f31; cursor: pointer; margin-bottom: 10px; } .accordion-box .accordion .accord-btn h4 { position: relative; font-size: 20px; line-height: 30px; font-weight: 600; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .accordion-box .accordion .accord-btn:before { content: "\f067"; font-family: "FontAwesome"; position: absolute; left: -60px; top: 0px; width: 30px; height: 30px; line-height: 28px; font-size: 14px; font-weight: normal; color: #fff; text-align: center; border: 2px solid #fff; background: #ffffff; border-radius: 3px; } .accordion-box .accordion .accord-btn.active { color: #fff; border-color: #fff; } .accordion-box .accordion .accord-btn.active:before { content: "\f068"; color: #ffffff; background: #fff; } .accordion-box .accordion .accord-content { position: relative; border-top: none; display: none; background: #ffffff; } .accordion-box .accordion .accord-content.collapsed { display: block; } .accordion-box .accordion .accord-content p { position: relative; font-size: 15px; color: #8d8d8d; } /*** ==================================================================== Welcome Section ==================================================================== ***/ /*** ==================================================================== Default Section ==================================================================== ***/ .default-section { position: relative; padding: 90px 0px 40px; } .default-section .column { position: relative; margin-bottom: 50px; } .default-section .image-column img { display: inline-block; width: 100%; } .video-box { position: relative; } .video-box img { display: block; width: 100%; } .video-box .video-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(37, 41, 47, 0.6); } .video-box .video-link .icon-outer { position: absolute; width: 100%; height: 50px; top: 50%; margin-top: -35px; text-align: center; } .video-box .video-link .icon-outer .fa { position: relative; display: inline-block; font-size: 28px; line-height: 70px; padding-left: 8px; width: 70px; height: 70px; text-align: center; background: rgba(255, 255, 255, 0.7); color: #fff; transition: all 500ms ease; } .video-box .video-link:hover .fa { background: rgba(255, 255, 255, 0.9); } .default-text-column { position: relative; } @media (max-width: 1149px) { .default-text-column { padding-top: 40px; } } .default-text-column.with-margin .inner-box { padding-left: 10px; } .default-text-column h2 { font-size: 36px; font-weight: 800; margin-bottom: 10px; line-height: 1.2em; text-transform: uppercase; } .default-text-column h3 { font-size: 20px; font-weight: 700; margin-bottom: 20px; } .default-text-column .bigger-text { font-size: 18px; font-weight: 300; margin-bottom: 20px; } .default-text-column .text { margin-bottom: 25px; font-size: 15px; color: #9d9d9d; } .default-text-column ul { margin-bottom: 35px; } .styled-list-one { position: relative; } .styled-list-one li { line-height: 26px; margin-bottom: 10px; padding-left: 25px; position: relative; font-size: 16px; color: #303030; font-weight: 600; } .styled-list-one.normal-font li { font-weight: normal; } li.col-xs-12 { padding-left: 40px; } .styled-list-one li::before { color: #fff; content: "\f105"; font-family: "FontAwesome"; font-size: 20px; left: 0; line-height: 24px; position: absolute; top: 0; width: 20px; } li.col-xs-12:before { left: 15px; } .styled-list-two { position: relative; } .styled-list-two li { line-height: 26px; margin-bottom: 10px; padding-left: 30px; position: relative; font-size: 16px; color: #303030; } .styled-list-two li::before { color: #fff; content: "\f00c"; font-family: "FontAwesome"; font-size: 20px; left: 0; font-weight: 300; line-height: 24px; position: absolute; top: 0; width: 20px; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section { position: relative; background: #ffffff; padding: 60px 0px 10px; } .team-section.extended { padding: 90px 0px 30px; } .team-section .team-member { position: relative; margin-bottom: 60px; } .team-section.extended .team-member { margin-bottom: 60px; } .team-section .team-member .inner-box { position: relative; display: block; background: #ffffff; margin: 0 auto; } .team-section .team-member .image { position: relative; } .team-section .team-member .image img { position: relative; display: block; width: 100%; } .member-details .team-member .image img { position: relative; display: block; width: auto; } .team-section .team-member .member-info { position: relative; padding: 25px 0px 0px; } .member-details .team-member .member-info { padding-top: 0px; } .team-section .team-member h3 { font-size: 18px; color: #2f2f31; font-weight: 700; text-transform: capitalize; margin-bottom: 5px; } .member-details .team-member h3 { font-size: 24px; font-weight: 700; text-transform: capitalize; } .team-section .team-member .designation { font-size: 14px; line-height: 20px; color: #fff; text-transform: capitalize; } .team-section .team-member .social-links { position: relative; } .team-section .team-member .social-links a { position: relative; display: inline-block; width: 34px; height: 34px; font-size: 14px; margin: 0px 3px 5px; line-height: 32px; border-radius: 50%; text-align: center; border: 1px solid #e1e1e1; color: #c3c3c3; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .team-section .team-member .social-links a:hover { background-color: #fff; color: #ffffff; border-color: #fff; } .team-section .team-member .text { position: relative; color: #8d8d8d; font-size: 15px; padding: 15px 0px 10px; border-bottom: 1px solid #e9e9e9; margin-bottom: 25px; } .no-border { border: none !important; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .styled-pagination { position: relative; } .styled-pagination li { position: relative; display: inline-block; margin: 0px 5px 10px; } .styled-pagination li a { position: relative; display: block; line-height: 24px; padding: 6px 5px; font-size: 16px; text-transform: uppercase; min-width: 40px; border: 2px solid rgba(0, 0, 0, 0.1); background: #ffffff; color: #1a1a1a; text-align: center; border-radius: 3px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .styled-pagination li a.next, .styled-pagination li a.prev { padding: 6px 25px; } .styled-pagination li a:hover, .styled-pagination li a.active { color: #ffffff; background: #3a3a3a; border-color: #3a3a3a; } /*** ==================================================================== Sidebar Page Style ==================================================================== ***/ .sidebar-page { position: relative; padding: 80px 0px 50px; } @media (max-width: 1149px) { .sidebar-page { padding-top: 0; } } .blog-container { position: relative; padding: 0px 0px; } .sidebar-page .blog-detail blockquote { position: relative; margin-top: 20px; padding: 5px 20px; line-height: 2em; font-size: 17px; color: #25292f; background: none; font-style: italic; } .sidebar-page .blog-detail .post-desc h2 { font-size: 20px; margin-bottom: 22px; color: #1a1a1a; } .sidebar-page .blog-detail .post-desc h3 { font-size: 18px; margin-bottom: 10px; color: #1a1a1a; } .sidebar-page .blog-detail h4 { font-size: 16px; margin-bottom: 20px; } .check-list li .fa { position: relative; color: #cbda37; } .remove-list li .fa { position: relative; color: #ff0000; } .sidebar-page .blog-detail .post-tags { position: relative; padding: 15px; font-size: 16px; background: #f5f5f5; color: #999999; margin-bottom: 50px; } .sidebar-page .blog-detail .post-tags a { position: relative; color: #777777; font-size: 15px; } .sidebar-page .blog-detail .post-tags a:hover { color: #00bff3; } .sidebar-page .comments-area { position: relative; } .sidebar-page .group-title { position: relative; margin-bottom: 40px; padding-bottom: 16px; } .sidebar-page .group-title h2 { font-size: 32px; font-family: "Roboto", sans-serif; color: #1a1a1a; font-weight: 700; margin-bottom: 0px; text-transform: uppercase; } .sidebar-page .group-title:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 40px; height: 2px; background: #fff; } .sidebar-page .comments-area .comment-box { position: relative; } .sidebar-page .comments-area .comment { position: relative; margin: 0px 0px 50px 0px; padding: 0px 0px 10px 110px; } .sidebar-page .comments-area .reply-comment { margin-left: 50px; } .sidebar-page .comments-area .comment-box .author-thumb { position: absolute; left: 0px; top: 0px; width: 84px; height: 84px; border: 3px solid #ffffff; border-radius: 5px; -moz-box-shadow: 0px 0px 2px 0px #000000; -ms-box-shadow: 0px 0px 2px 0px #000000; -o-box-shadow: 0px 0px 2px 0px #000000; -webkit-box-shadow: 0px 0px 2px 0px #000000; box-shadow: 0px 0px 2px 0px #000000; } .sidebar-page .comments-area .comment-box .author-thumb img { width: 100%; display: block; border-radius: 5px; } .sidebar-page .comments-area .comment-info { margin-bottom: 10px; color: #bcbcbc; font-size: 15px; font-family: "Roboto", sans-serif; } .sidebar-page .comments-area .comment-box strong { color: #1a1a1a; font-weight: 700; text-transform: uppercase; } .sidebar-page .comments-area .reply-btn { position: absolute; right: 0px; top: 0px; font-family: "Roboto", sans-serif; color: #ffffff; padding: 5px 20px; line-height: 24px; background: #545454; border-radius: 3px; font-weight: 600; text-transform: uppercase; } .sidebar-page .comments-area .reply-btn:hover { background-color: #fff; } /*** ==================================================================== Comments Area ==================================================================== ***/ /*** ==================================================================== Comment Form ==================================================================== ***/ .comment-form .form-group { position: relative; margin-bottom: 20px; } .comment-form .form-group input[type=text], .comment-form .form-group input[type=password], .comment-form .form-group input[type=tel], .comment-form .form-group input[type=email] { position: relative; display: block; width: 100%; line-height: 24px; padding: 8px 15px; color: #222222; border: 1px solid #d0d0d0; height: 42px; border-radius: 3px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .comment-form .form-group select { position: relative; display: block; width: 100%; line-height: 24px; padding: 8px 15px; color: #222222; border: 1px solid #d0d0d0; height: 42px; border-radius: 3px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .comment-form .form-group input[type=text]:focus, .comment-form .form-group input[type=password]:focus, .comment-form .form-group input[type=tel]:focus, .comment-form .form-group input[type=email]:focus { border-color: #fff; } .comment-form .form-group select:focus { border-color: #fff; } .comment-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 22px; padding: 10px 15px; color: #222222; border: 1px solid #d0d0d0; height: 170px; resize: none; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .comment-form .form-group textarea:focus { border-color: #fff; } .comment-form button { position: relative; display: inline-block; } /*** ==================================================================== Side Bar Style ==================================================================== ***/ .sidebar-page .sidebar { position: relative; padding: 0px 0px 0px; } .sidebar .widget, .sidebar-page .widget { position: relative; margin-bottom: 50px; } .sidebar .search-box .form-group, .sidebar .search-form, .sidebar-page .search-box .form-group, .sidebar-page .search-form { position: relative; margin: 0px; } .sidebar .search-box .form-group input[type=text], .sidebar .search-box .form-group input[type=search], .sidebar .search-box .form-group input.search-field, .sidebar .search-form input[type=text], .sidebar .search-form input[type=search], .sidebar .search-form input.search-field, .sidebar-page .search-box .form-group input[type=text], .sidebar-page .search-box .form-group input[type=search], .sidebar-page .search-box .form-group input.search-field, .sidebar-page .search-form input[type=text], .sidebar-page .search-form input[type=search], .sidebar-page .search-form input.search-field { position: relative; line-height: 24px; padding: 8px 50px 8px 20px; border: 1px solid #d0d0d0; background: #ffffff; color: #3a3a3a; display: block; width: 100%; border-radius: 5px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sidebar .search-box .form-group input:focus, .sidebar .search-form input:focus, .sidebar-page .search-box .form-group input:focus, .sidebar-page .search-form input:focus { border-color: #fff; } .sidebar .search-box .form-group button, .sidebar .search-box .form-group [type=submit], .sidebar .search-form button, .sidebar .search-form [type=submit], .sidebar-page .search-box .form-group button, .sidebar-page .search-box .form-group [type=submit], .sidebar-page .search-form button, .sidebar-page .search-form [type=submit] { position: absolute; right: 0px; top: 0px; height: 42px; width: 50px; line-height: 42px; text-align: center; display: block; font-size: 16px; color: #ffffff; background: #252525; border-radius: 0px 5px 5px 0px; } .sidebar .search-box .form-group button .icon, .sidebar .search-box .form-group [type=submit] .icon, .sidebar .search-form button .icon, .sidebar .search-form [type=submit] .icon, .sidebar-page .search-box .form-group button .icon, .sidebar-page .search-box .form-group [type=submit] .icon, .sidebar-page .search-form button .icon, .sidebar-page .search-form [type=submit] .icon { top: -8px; left: -3px; } .sidebar .search-box .form-group input:focus + button, .sidebar .search-box .form-group button:hover, .sidebar .search-form input:focus + button, .sidebar .search-form button:hover, .sidebar-page .search-box .form-group input:focus + button, .sidebar-page .search-box .form-group button:hover, .sidebar-page .search-form input:focus + button, .sidebar-page .search-form button:hover { color: #ffffff; background: #fff; } .sidebar .sidebar-title, .sidebar .widget, .sidebar-page .sidebar-title, .sidebar-page .widget { position: relative; margin-bottom: 30px; padding-bottom: 15px; } .sidebar .sidebar-title h3, .sidebar .sidebar-title h2, .sidebar .widget h3, .sidebar .widget h2, .sidebar-page .sidebar-title h3, .sidebar-page .sidebar-title h2, .sidebar-page .widget h3, .sidebar-page .widget h2 { font-size: 20px; color: #1a1a1a; font-weight: 800; text-transform: uppercase; margin-bottom: 8px; } .sidebar .sidebar-title:after, .sidebar .widget:after, .sidebar-page .sidebar-title:after, .sidebar-page .widget:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 40px; height: 2px; background: #fff; } .sidebar .recent-posts .post, .sidebar-page .recent-posts .post { position: relative; font-size: 13px; margin-bottom: 20px; color: #cccccc; padding-left: 90px; } .sidebar .recent-posts .post .post-thumb, .sidebar-page .recent-posts .post .post-thumb { position: absolute; left: 0px; top: 0px; width: 75px; } .sidebar .recent-posts .post .post-thumb img, .sidebar-page .recent-posts .post .post-thumb img { display: block; width: 100%; } .sidebar .recent-posts .post h4, .sidebar-page .recent-posts .post h4 { font-size: 16px; font-weight: 600; margin: 0px 0px 5px; line-height: 1.4em; color: #292929; padding-top: 0; } .sidebar .recent-posts .post a, .sidebar-page .recent-posts .post a { color: #fff; } .sidebar .recent-posts .post a:hover, .sidebar-page .recent-posts .post a:hover { color: #fff; } .sidebar .recent-posts .post h4 a, .sidebar-page .recent-posts .post h4 a { color: #292929; } .sidebar .recent-posts .post .icon, .sidebar-page .recent-posts .post .icon { width: auto; top: initial; position: static; vertical-align: top; padding-right: 3px; } .sidebar .recent-posts .post-info, .sidebar-page .recent-posts .post-info { color: #cccccc; text-transform: capitalize; } .sidebar .recent-posts .post-info .icon, .sidebar-page .recent-posts .post-info .icon { padding-right: 5px; } .sidebar-page .contact-info { position: relative; font-size: 14px; margin-bottom: 30px; } .sidebar-page .contact-info .text { position: relative; font-size: 14px; margin-bottom: 10px; color: #7f7f7f; } .sidebar-page .contact-info li { position: relative; margin-bottom: 5px; line-height: 1.8em; color: #fff; } .sidebar-page .contact-info li strong { position: relative; padding-right: 10px; font-weight: 600; color: #292929; } .sidebar-page .contact-info a { color: #fff; transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; } .sidebar-page .contact-info a:hover { color: #3d3d3d; } .sidebar .popular-tags a { position: relative; font-family: "Roboto", sans-serif; display: inline-block; line-height: 24px; padding: 5px 20px; margin: 0px 5px 12px 0px; border: 1px solid rgba(0, 0, 0, 0.1); background: #ffffff; color: #1a1a1a; text-align: center; font-size: 13px; border-radius: 5px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .sidebar .popular-tags a:hover { background-color: #fff; border-color: #fff; color: #ffffff; } .sidebar .list, .sidebar ul { position: relative; } .sidebar .list li, .sidebar ul li { position: relative; margin-bottom: 7px; line-height: 32px; border: 0 none; padding: 0; } .sidebar .list li:hover, .sidebar ul li:hover { box-shadow: none; border: 0 none; } .sidebar .list li .count, .sidebar ul li .count { position: relative; } .sidebar .list li a, .sidebar ul li a { position: relative; display: block; color: #3d3d3d; font-size: 16px; font-weight: 400; } .sidebar .list li a:hover, .sidebar ul li a:hover { color: #fff; box-shadow: none; border: 0 none; } /*** ==================================================================== Releated Posts Section ==================================================================== ***/ .related-posts-section { position: relative; padding: 60px 0px 50px; } .related-posts-section h2 { font-size: 36px; font-weight: 800; margin-bottom: 30px; color: #25292f; text-transform: uppercase; padding-right: 100px; } .related-posts-section .owl-controls { position: absolute; right: 0px; top: -80px; padding: 0px 0px; margin: 0px; } .related-posts-section .owl-controls .owl-next, .related-posts-section .owl-controls .owl-prev { position: relative; width: 40px !important; height: 40px !important; padding: 0px !important; background: #ffffff !important; color: #999999 !important; border: 2px solid #e9e9e9; line-height: 36px; font-size: 20px !important; border-radius: 4px !important; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; margin: 3px 0px 0px 10px !important; } .related-posts-section .owl-controls .owl-next:hover, .related-posts-section .owl-controls .owl-prev:hover { background: #25292f !important; color: #ffffff !important; border-color: #25292f; } .related-posts-section .owl-dots { display: none !important; } .filters-section { position: relative; padding: 30px 30px 20px; background: #fafafa; border-radius: 5px; margin-bottom: 40px; } .filters-section .form-group { position: relative; margin-bottom: 20px; } .filters-section .form-group .field-label { position: relative; font-size: 16px; color: #202020; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .filters-section .form-group input { position: relative; display: block; width: 100%; line-height: 30px; padding: 10px 20px; color: #555555; background: #ffffff; border: 1px solid #ffffff; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .filters-section .form-group input:focus { border-color: #fff; } .filters-section button { width: 100%; display: block; padding: 12px 20px; text-align: center; } .other-info { position: relative; padding-top: 35px; } .other-info h3 { font-size: 45px !important; font-weight: 800; text-transform: uppercase !important; color: #fff; } @media (max-width: 1149px) { .other-info h3 { font-size: 42px !important; } } .other-info .info-box { position: relative; } .other-info .info-box li { position: relative; padding-left: 60px; color: #8d8d8d; min-height: 50px; font-size: 15px; margin-bottom: 25px; } .other-info .info-box li:last-child { margin-bottom: 0px; } .other-info .info-box li strong { display: block; color: #000000; font-weight: 700; font-size: 18px; font-family: "Raleway", sans-serif; } .other-info .info-box li .icon { position: absolute; left: 0px; top: 50%; margin-top: -25px; height: 50px; line-height: 50px; color: #fff; font-size: 36px; } .other-info .text { margin-bottom: 20px; font-size: 15px; } /*** ==================================================================== Map Section Style ==================================================================== ***/ .map-section { position: relative; } .map-canvas { border-radius: 5px; } .map-canvas .map-data { text-align: center; font-size: 14px; font-weight: 400; font-family: "Roboto", sans-serif; } .map-canvas .map-data h6 { font-weight: 700; font-size: 14px; text-align: center; margin-bottom: 5px; color: #2e2e2e; } /*** ==================================================================== Contact Section Style ==================================================================== ***/ .contact-section { position: relative; padding: 90px 0px 10px; } @media (max-width: 1149px) { .contact-section { padding: 0 20px; } } .contact-section .column { margin-bottom: 60px; } .contact-section h2 { font-size: 24px; font-weight: 800; text-transform: uppercase; margin-bottom: 40px; color: #2f2f2f; } .contact-section .row { position: relative; } .contact-section .row .contact-sp-form { width: 100%; } .contact-section .row .map-column { position: static; top: 0; left: 0; width: 100%; height: 100%; } .contact-form .form-group, .content .wpcf7-form .wpcf7-form-control-wrap { position: relative; margin-bottom: 26px; } .contact-form .form-group .field-label, .content .wpcf7-form .wpcf7-form-control-wrap .field-label { position: relative; font-size: 16px; color: #202020; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .contact-form .form-group input, .content .wpcf7-form .wpcf7-form-control-wrap input { position: relative; display: block; width: 100%; line-height: 30px; padding: 10px 20px; color: #555555; background: #ffffff; border: 1px solid #e0e0e0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .contact-form .form-group textarea, .content .wpcf7-form .wpcf7-form-control-wrap textarea { position: relative; display: block; width: 100%; line-height: 30px; padding: 11px 20px; color: #555555; height: 300px; resize: none; background: #ffffff; border: 1px solid #e0e0e0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .contact-form .form-group input:focus, .contact-form .form-group textarea:focus, .content .wpcf7-form .wpcf7-form-control-wrap input:focus, .content .wpcf7-form .wpcf7-form-control-wrap textarea:focus { border-color: #fff; } .contact-form .form-group input.error, .contact-form .form-group textarea.error, .content .wpcf7-form .wpcf7-form-control-wrap input.error, .content .wpcf7-form .wpcf7-form-control-wrap textarea.error { border-color: #ff0000; } .contact-form .form-group label.error, .content .wpcf7-form .wpcf7-form-control-wrap label.error { display: block; padding: 10px 0px 0px 0px; line-height: 24px; text-transform: capitalize; font-size: 15px; color: #ff0000; font-weight: 400; } .contact-form .form-group .theme-btn, .content .wpcf7-form .wpcf7-form-control-wrap .theme-btn { padding: 10px 40px; } /*** ==================================================================== Fact Counter Style ==================================================================== ***/ .member-details .column { margin-bottom: 30px; } .fact-counter { position: relative; padding: 0px 0px 0px; width: 100%; } .fact-counter .column { position: relative; } .fact-counter .column .inner { position: relative; padding: 35px 5px 20px; text-align: center; background: #fff; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; } .fact-counter .column:hover .inner { background: #1c1c1c; } .fact-counter .column .icon { position: relative; color: #ffffff; font-size: 64px; line-height: 50px; } .fact-counter .column .count-text { position: relative; font-size: 48px; font-weight: 700; text-transform: uppercase; font-family: "Roboto", sans-serif; color: #ffffff; } .fact-counter .column .counter-title { position: relative; font-size: 14px; font-weight: 700; text-transform: uppercase; font-family: "Raleway", sans-serif; color: #ffffff; margin: 25px 0px 20px; } .info-list li { margin-bottom: 5px; } .info-list strong { display: inline-block; min-width: 120px; font-weight: 700; text-transform: uppercase; color: #222e35; } /*** ==================================================================== Gallery Section Style ==================================================================== ***/ .gallery-section { position: relative; padding: 60px 0px; } @media (max-width: 1149px) { .gallery-section { padding-top: 0; } } .default-portfolio-item { position: relative; } .mixed-gallery-section .column, .gallery-section .column { margin-bottom: 30px; } .default-portfolio-item .inner-box { position: relative; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .default-portfolio-item .image-box img { display: block; width: 100%; } .default-portfolio-item .overlay-box { position: static; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background: rgba(169, 22, 23, 0.7); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; transition: all 400ms ease-out; margin: 0 auto; } .default-portfolio-item:hover .overlay-box { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; } .default-portfolio-item .overlay-box .inner-content { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 20px 40px; display: table; vertical-align: middle; text-align: center; } .default-portfolio-item .overlay-box .content { display: table-cell; vertical-align: middle; } .default-portfolio-item .overlay-box h3 { font-size: 16px; font-weight: 700; color: #ffffff; max-width: 300px; margin: 15px auto 20px; text-transform: uppercase; line-height: 1.8em; } .default-portfolio-item .overlay-box h3 a { color: #ffffff; } .default-portfolio-item .overlay-box .arrow { position: relative; display: block; height: 30px; line-height: 30px; font-size: 30px; color: #ffffff; box-shadow: none; } .filter-list .mix { display: none; } .gutterless .filter-list .mix { padding: 1px; margin-bottom: 0; } .gallery-section { clear: both; } .gallery-section .filters { position: relative; text-align: center; margin-bottom: 50px; } .gallery-section .filter-btns { position: relative; text-align: center; font-family: "Raleway", sans-serif; } .gallery-section .filter-btns li { position: relative; display: inline-block; padding: 9px 25px; line-height: 24px; border: 2px solid #e9e9e9; color: #808080; cursor: pointer; text-transform: uppercase; font-size: 13px; font-weight: 700; margin: 0px 5px 10px; border-radius: 3px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .gallery-section .filter-btns li:hover, .gallery-section .filter-btns li.active { border-color: #fff; color: #ffffff; background: #fff; } /*** ==================================================================== Donation Section style ==================================================================== ***/ .donation-section { position: relative; } .donation-form-outer { position: relative; padding: 50px; background: #f6f6f6; border-radius: 2px; font-family: "Roboto", sans-serif; } .donation-form-outer h3 { font-size: 28px; font-weight: 700; margin-bottom: 30px; } .donation-form-outer h4 { font-size: 24px; font-weight: 800; margin-bottom: 30px; text-transform: uppercase; } .donation-form-outer hr { margin-bottom: 40px; border-color: #e0e0e0; } .donation-form-outer .form-group { position: relative; margin-bottom: 30px; } .donation-form-outer .form-group.other-amount { top: 5px; } .donation-form-outer input[type=text], .donation-form-outer input[type=email], .donation-form-outer input[type=tel], .donation-form-outer input[type=url], .donation-form-outer input[type=password] { position: relative; display: block; width: 100%; line-height: 34px; padding: 8px 20px; background: #ffffff; border: 1px solid #e0e0e0; height: 52px; } .donation-form-outer select, .donation-form-outer textarea { position: relative; display: block; width: 100%; line-height: 34px; padding: 8px 20px; background: #ffffff; border: 1px solid #e0e0e0; height: 52px; } .donation-form-outer select { cursor: pointer; } .donation-form-outer .field-label { position: relative; display: block; font-weight: 600; font-size: 18px; color: #252525; line-height: 28px; margin-bottom: 10px; } .donation-form-outer .field-label .required { color: #ff0000; font-size: 14px; } .donation-form-outer .radio-select { position: relative; float: left; margin-right: 10px; margin-bottom: 5px; line-height: 30px; } .donation-form-outer .radio-select label { position: relative; display: block; height: 56px; padding: 13px 20px; text-align: center; color: #ffffff; font-size: 24px; font-weight: 800; text-transform: uppercase; background: #878787; border-radius: 5px; cursor: pointer; } .donation-form-outer .radio-select input[type=radio] { display: none; } .donation-form-outer .radio-select input[type=radio]:checked + label { color: #ffffff; background: #fff; } .donation-form-outer button { padding: 12px 30px; } @media (max-width: 1149px) { html .main-footer .footer-upper { padding-top: 20px; } } @media (max-width: 1149px) { .footer-widget .logo { max-width: 170px; width: 100%; height: auto; margin: 0 auto; } } html .welcome-section { padding-top: 10px !important; } @media (max-width: 1149px) { html .welcome-section { padding-top: 10px !important; } } @media (max-width: 767px) { html .column-causes article { margin-bottom: 25px !important; } } @media (max-width: 767px) { html .column-causes .content-box a { display: block; width: 100%; text-align: center; } html .column-causes .content-box a + a { margin-top: 15px; } } .don_quartier { margin: 0 auto; text-align: center; transform: scale(1.2); -webkit-transform: scale(1.2); } .don_quartier * { display: inline-block; } #gmp-map { position: relative; bottom: 0; z-index: 1; left: 0; } .call-now { position: absolute; top: 50%; transform: translateY(-50%); right: 30px; text-decoration: none; font-weight: bold; border: 1px solid #fff; border-radius: 35px; padding: 8px 15px; } .call-now:hover { text-decoration: none; color: #fff; } #cmplz-cookiebanner-container { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: fixed; z-index: 50000000000; top: 0; left: 0; display: none !important; } #cmplz-cookiebanner-container.active { display: none !important; } #cmplz-cookiebanner-container.noactive { display: block !important; } #cmplz-manage-consent.active { display: none !important; } .cli_pg_page_contaner a { color: #000; } html .policy .page { display: block !important; } html .policy .page .entry-content { padding: 0 !important; } @media (max-width: 1149px) { html .policy #cmplz-document { padding: 0 !important; } } @media (max-width: 1149px) { html .policy #cmplz-document h3 { font-size: 15px !important; color: #000 !important; } } html .policy #cmplz-document a { color: #000 !important; } #cookie-law-info-again { display: none !important; }