@charset "UTF-8";@font-face { font-family: swiper-icons; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal } @font-face { font-family: 'Proxima'; src: url(fonts/proximanova/proximanova-reg-webfont.d444fb3a3347.eot); src: url(fonts/proximanova/proximanova-reg-webfont.d444fb3a3347.eot?#iefix) format("embedded-opentype") , url(fonts/proximanova/proximanova-reg-webfont.f05bc5515790.ttf) format("truetype") , url(fonts/proximanova/proximanova-reg-webfont.5c80cda64aaa.svg#proxima_nova_rgregular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'Proxima'; src: url(fonts/proximanova/proximanova-bold-webfont.1d3476d56b2c.eot); src: url(fonts/proximanova/proximanova-bold-webfont.1d3476d56b2c.eot?#iefix) format("embedded-opentype") , url(fonts/proximanova/proximanova-bold-webfont.2263f225635c.ttf) format("truetype") , url(fonts/proximanova/proximanova-bold-webfont.adb7039d21cf.svg#proxima_nova_rgbold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'Proxima'; src: url(fonts/proximanova/proximanova-semibold-webfont.00eeac176fdb.eot); src: url(fonts/proximanova/proximanova-semibold-webfont.00eeac176fdb.eot?#iefix) format("embedded-opentype") , url(fonts/proximanova/proximanova-semibold-webfont.486fcc3c12ed.ttf) format("truetype") , url(fonts/proximanova/proximanova-semibold-webfont.7ae9c92bbd6f.svg#ProximaNovaSemibold) format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: 'Proxima'; src: url(fonts/proximanova/proximanova-light-webfont.30a7ef798b42.eot); src: url(fonts/proximanova/proximanova-light-webfont.30a7ef798b42.eot?#iefix) format("embedded-opentype") , url(fonts/proximanova/proximanova-light-webfont.4281449ff9b9.ttf) format("truetype") , url(fonts/proximanova/proximanova-light-webfont.1a63cc648a80.svg#proxima_nova_ltlight) format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'opendyslexic'; src: url(fonts/opendyslexic/OpenDyslexic-Regular.be1e6672908f.otf) } @font-face { font-family: 'opendyslexic'; src: url(fonts/opendyslexic/OpenDyslexic-Italic.3718dfd6be5d.otf); font-style: italic } @font-face { font-family: 'opendyslexic'; src: url(fonts/opendyslexic/OpenDyslexic-Bold.fbcbf4437d9a.otf); font-weight: 700; font-style: normal } @font-face { font-family: 'opendyslexic'; src: url(fonts/opendyslexic/OpenDyslexic-BoldItalic.dde9c61b5ab2.otf); font-weight: 700; font-style: italic } @font-face { font-family: 'Proxima'; src: url(fonts/proximanova/proximanova-bold-webfont.1d3476d56b2c.eot); src: url(fonts/proximanova/proximanova-bold-webfont.1d3476d56b2c.eot?#iefix) format("embedded-opentype") , url(fonts/proximanova/proximanova-bold-webfont.2263f225635c.ttf) format("truetype") , url(fonts/proximanova/proximanova-bold-webfont.adb7039d21cf.svg#proxima_nova_rgbold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'Proxima'; src: url(fonts/proximanova/proximanova-semibold-webfont.00eeac176fdb.eot); src: url(fonts/proximanova/proximanova-semibold-webfont.00eeac176fdb.eot?#iefix) format("embedded-opentype") , url(fonts/proximanova/proximanova-semibold-webfont.486fcc3c12ed.ttf) format("truetype") , url(fonts/proximanova/proximanova-semibold-webfont.7ae9c92bbd6f.svg#ProximaNovaSemibold) format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: 'Proxima'; src: url(fonts/proximanova/proximanova-light-webfont.30a7ef798b42.eot); src: url(fonts/proximanova/proximanova-light-webfont.30a7ef798b42.eot?#iefix) format("embedded-opentype") , url(fonts/proximanova/proximanova-light-webfont.4281449ff9b9.ttf) format("truetype") , url(fonts/proximanova/proximanova-light-webfont.1a63cc648a80.svg#proxima_nova_ltlight) format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'Tahu!'; src: url(fonts/tahu/tahu.98c36c6da792.ttf) format("truetype"); font-weight: 400; font-style: normal } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"); font-weight: normal; font-style: normal } body { -webkit-backface-visibility: hidden } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes flash { 0,50%,100% { opacity: 1 } 25%,75% { opacity: 0 } } @-moz-keyframes flash { 0,50%,100% { opacity: 1 } 25%,75% { opacity: 0 } } @-o-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; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash } @-webkit-keyframes shake { 0,100% { -webkit-transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px) } } @-moz-keyframes shake { 0,100% { -moz-transform: translateX(0) } 10%,30%,50%,70%,90% { -moz-transform: translateX(-10px) } 20%,40%,60%,80% { -moz-transform: translateX(10px) } } @-o-keyframes shake { 0,100% { -o-transform: translateX(0) } 10%,30%,50%,70%,90% { -o-transform: translateX(-10px) } 20%,40%,60%,80% { -o-transform: translateX(10px) } } @keyframes shake { 0,100% { transform: translateX(0) } 10%,30%,50%,70%,90% { transform: translateX(-10px) } 20%,40%,60%,80% { transform: translateX(10px) } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake } @-webkit-keyframes bounce { 0,20%,50%,80%,100% { -webkit-transform: translateY(0) } 40% { -webkit-transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px) } } @-moz-keyframes bounce { 0,20%,50%,80%,100% { -moz-transform: translateY(0) } 40% { -moz-transform: translateY(-30px) } 60% { -moz-transform: translateY(-15px) } } @-o-keyframes bounce { 0,20%,50%,80%,100% { -o-transform: translateY(0) } 40% { -o-transform: translateY(-30px) } 60% { -o-transform: translateY(-15px) } } @keyframes bounce { 0,20%,50%,80%,100% { transform: translateY(0) } 40% { transform: translateY(-30px) } 60% { transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce } @-webkit-keyframes tada { 0 { -webkit-transform: scale(1) } 10%,20% { -webkit-transform: scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0) } } @-moz-keyframes tada { 0 { -moz-transform: scale(1) } 10%,20% { -moz-transform: scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -moz-transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -moz-transform: scale(1.1) rotate(-3deg) } 100% { -moz-transform: scale(1) rotate(0) } } @-o-keyframes tada { 0 { -o-transform: scale(1) } 10%,20% { -o-transform: scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -o-transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -o-transform: scale(1.1) rotate(-3deg) } 100% { -o-transform: scale(1) rotate(0) } } @keyframes tada { 0 { transform: scale(1) } 10%,20% { transform: scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { transform: scale(1.1) rotate(3deg) } 40%,60%,80% { transform: scale(1.1) rotate(-3deg) } 100% { transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada } @-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center } 20% { -webkit-transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0) } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg) } 40% { -moz-transform: rotate(-10deg) } 60% { -moz-transform: rotate(5deg) } 80% { -moz-transform: rotate(-5deg) } 100% { -moz-transform: rotate(0) } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg) } 40% { -o-transform: rotate(-10deg) } 60% { -o-transform: rotate(5deg) } 80% { -o-transform: rotate(-5deg) } 100% { -o-transform: rotate(0) } } @keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } 100% { transform: rotate(0) } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing } @-webkit-keyframes wobble { 0 { -webkit-transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes wobble { 0 { -moz-transform: translateX(0) } 15% { -moz-transform: translateX(-25%) rotate(-5deg) } 30% { -moz-transform: translateX(20%) rotate(3deg) } 45% { -moz-transform: translateX(-15%) rotate(-3deg) } 60% { -moz-transform: translateX(10%) rotate(2deg) } 75% { -moz-transform: translateX(-5%) rotate(-1deg) } 100% { -moz-transform: translateX(0) } } @-o-keyframes wobble { 0 { -o-transform: translateX(0) } 15% { -o-transform: translateX(-25%) rotate(-5deg) } 30% { -o-transform: translateX(20%) rotate(3deg) } 45% { -o-transform: translateX(-15%) rotate(-3deg) } 60% { -o-transform: translateX(10%) rotate(2deg) } 75% { -o-transform: translateX(-5%) rotate(-1deg) } 100% { -o-transform: translateX(0) } } @keyframes wobble { 0 { transform: translateX(0) } 15% { transform: translateX(-25%) rotate(-5deg) } 30% { transform: translateX(20%) rotate(3deg) } 45% { transform: translateX(-15%) rotate(-3deg) } 60% { transform: translateX(10%) rotate(2deg) } 75% { transform: translateX(-5%) rotate(-1deg) } 100% { transform: translateX(0) } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble } @-webkit-keyframes pulse { 0 { -webkit-transform: scale(1) } 50% { -webkit-transform: scale(1.1) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes pulse { 0 { -moz-transform: scale(1) } 50% { -moz-transform: scale(1.1) } 100% { -moz-transform: scale(1) } } @-o-keyframes pulse { 0 { -o-transform: scale(1) } 50% { -o-transform: scale(1.1) } 100% { -o-transform: scale(1) } } @keyframes pulse { 0 { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(1) } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse } @-webkit-keyframes flip { 0 { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in } } @-moz-keyframes flip { 0 { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in } } @-o-keyframes flip { 0 { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in } } @keyframes flip { 0 { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in } } .flip { -webkit-backface-visibility: visible!important; -webkit-animation-name: flip; -moz-backface-visibility: visible!important; -moz-animation-name: flip; -o-backface-visibility: visible!important; -o-animation-name: flip; backface-visibility: visible!important; animation-name: flip } @-webkit-keyframes flipInX { 0 { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0); opacity: 1 } } @-moz-keyframes flipInX { 0 { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -moz-transform: perspective(400px) rotateX(-10deg) } 70% { -moz-transform: perspective(400px) rotateX(10deg) } 100% { -moz-transform: perspective(400px) rotateX(0); opacity: 1 } } @-o-keyframes flipInX { 0 { -o-transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -o-transform: perspective(400px) rotateX(-10deg) } 70% { -o-transform: perspective(400px) rotateX(10deg) } 100% { -o-transform: perspective(400px) rotateX(0); opacity: 1 } } @keyframes flipInX { 0 { transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateX(-10deg) } 70% { transform: perspective(400px) rotateX(10deg) } 100% { transform: perspective(400px) rotateX(0); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX } @-webkit-keyframes flipOutX { 0 { -webkit-transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @-moz-keyframes flipOutX { 0 { -moz-transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @-o-keyframes flipOutX { 0 { -o-transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0 { transform: perspective(400px) rotateX(0); opacity: 1 } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible!important; -o-animation-name: flipOutX; -o-backface-visibility: visible!important; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipInY { 0 { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0); opacity: 1 } } @-moz-keyframes flipInY { 0 { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -moz-transform: perspective(400px) rotateY(-10deg) } 70% { -moz-transform: perspective(400px) rotateY(10deg) } 100% { -moz-transform: perspective(400px) rotateY(0); opacity: 1 } } @-o-keyframes flipInY { 0 { -o-transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -o-transform: perspective(400px) rotateY(-10deg) } 70% { -o-transform: perspective(400px) rotateY(10deg) } 100% { -o-transform: perspective(400px) rotateY(0); opacity: 1 } } @keyframes flipInY { 0 { transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateY(-10deg) } 70% { transform: perspective(400px) rotateY(10deg) } 100% { transform: perspective(400px) rotateY(0); opacity: 1 } } .flipInY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible!important; -moz-animation-name: flipInY; -o-backface-visibility: visible!important; -o-animation-name: flipInY; backface-visibility: visible!important; animation-name: flipInY } @-webkit-keyframes flipOutY { 0 { -webkit-transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0 } } @-moz-keyframes flipOutY { 0 { -moz-transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0 } } @-o-keyframes flipOutY { 0 { -o-transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0 { transform: perspective(400px) rotateY(0); opacity: 1 } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible!important; -moz-animation-name: flipOutY; -o-backface-visibility: visible!important; -o-animation-name: flipOutY; backface-visibility: visible!important; animation-name: flipOutY } @-webkit-keyframes fadeIn { 0 { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes fadeIn { 0 { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes fadeIn { 0 { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0 { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInUp { 0 { opacity: 0; -webkit-transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInUp { 0 { opacity: 0; -moz-transform: translateY(20px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUp { 0 { opacity: 0; -o-transform: translateY(20px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInUp { 0 { opacity: 0; transform: translateY(20px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInDown { 0 { opacity: 0; -webkit-transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInDown { 0 { opacity: 0; -moz-transform: translateY(-20px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDown { 0 { opacity: 0; -o-transform: translateY(-20px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInDown { 0 { opacity: 0; transform: translateY(-20px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInLeft { 0 { opacity: 0; -webkit-transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInLeft { 0 { opacity: 0; -moz-transform: translateX(-20px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeft { 0 { opacity: 0; -o-transform: translateX(-20px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInLeft { 0 { opacity: 0; transform: translateX(-20px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { 0 { opacity: 0; -webkit-transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRight { 0 { opacity: 0; -moz-transform: translateX(20px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRight { 0 { opacity: 0; -o-transform: translateX(20px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInRight { 0 { opacity: 0; transform: translateX(20px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUpBig { 0 { opacity: 0; -webkit-transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInUpBig { 0 { opacity: 0; -moz-transform: translateY(2000px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUpBig { 0 { opacity: 0; -o-transform: translateY(2000px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInUpBig { 0 { opacity: 0; transform: translateY(2000px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInDownBig { 0 { opacity: 0; -webkit-transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInDownBig { 0 { opacity: 0; -moz-transform: translateY(-2000px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDownBig { 0 { opacity: 0; -o-transform: translateY(-2000px) } 100% { opacity: 1; -o-transform: translateY(0) } } @keyframes fadeInDownBig { 0 { opacity: 0; transform: translateY(-2000px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeftBig { 0 { opacity: 0; -webkit-transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInLeftBig { 0 { opacity: 0; -moz-transform: translateX(-2000px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeftBig { 0 { opacity: 0; -o-transform: translateX(-2000px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInLeftBig { 0 { opacity: 0; transform: translateX(-2000px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRightBig { 0 { opacity: 0; -webkit-transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRightBig { 0 { opacity: 0; -moz-transform: translateX(2000px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRightBig { 0 { opacity: 0; -o-transform: translateX(2000px) } 100% { opacity: 1; -o-transform: translateX(0) } } @keyframes fadeInRightBig { 0 { opacity: 0; transform: translateX(2000px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeOut { 0 { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes fadeOut { 0 { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes fadeOut { 0 { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0 { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutUp { 0 { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px) } } @-moz-keyframes fadeOutUp { 0 { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(-20px) } } @-o-keyframes fadeOutUp { 0 { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(-20px) } } @keyframes fadeOutUp { 0 { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutDown { 0 { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px) } } @-moz-keyframes fadeOutDown { 0 { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(20px) } } @-o-keyframes fadeOutDown { 0 { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(20px) } } @keyframes fadeOutDown { 0 { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutLeft { 0 { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px) } } @-moz-keyframes fadeOutLeft { 0 { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(-20px) } } @-o-keyframes fadeOutLeft { 0 { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(-20px) } } @keyframes fadeOutLeft { 0 { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutRight { 0 { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px) } } @-moz-keyframes fadeOutRight { 0 { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(20px) } } @-o-keyframes fadeOutRight { 0 { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(20px) } } @keyframes fadeOutRight { 0 { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutUpBig { 0 { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px) } } @-moz-keyframes fadeOutUpBig { 0 { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(-2000px) } } @-o-keyframes fadeOutUpBig { 0 { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0 { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes fadeOutDownBig { 0 { opacity: 1; -webkit-transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px) } } @-moz-keyframes fadeOutDownBig { 0 { opacity: 1; -moz-transform: translateY(0) } 100% { opacity: 0; -moz-transform: translateY(2000px) } } @-o-keyframes fadeOutDownBig { 0 { opacity: 1; -o-transform: translateY(0) } 100% { opacity: 0; -o-transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0 { opacity: 1; transform: translateY(0) } 100% { opacity: 0; transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeftBig { 0 { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px) } } @-moz-keyframes fadeOutLeftBig { 0 { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(-2000px) } } @-o-keyframes fadeOutLeftBig { 0 { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0 { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRightBig { 0 { opacity: 1; -webkit-transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px) } } @-moz-keyframes fadeOutRightBig { 0 { opacity: 1; -moz-transform: translateX(0) } 100% { opacity: 0; -moz-transform: translateX(2000px) } } @-o-keyframes fadeOutRightBig { 0 { opacity: 1; -o-transform: translateX(0) } 100% { opacity: 0; -o-transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0 { opacity: 1; transform: translateX(0) } 100% { opacity: 0; transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes bounceIn { 0 { opacity: 0; -webkit-transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05) } 70% { -webkit-transform: scale(.9) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes bounceIn { 0 { opacity: 0; -moz-transform: scale(.3) } 50% { opacity: 1; -moz-transform: scale(1.05) } 70% { -moz-transform: scale(.9) } 100% { -moz-transform: scale(1) } } @-o-keyframes bounceIn { 0 { opacity: 0; -o-transform: scale(.3) } 50% { opacity: 1; -o-transform: scale(1.05) } 70% { -o-transform: scale(.9) } 100% { -o-transform: scale(1) } } @keyframes bounceIn { 0 { opacity: 0; transform: scale(.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInUp { 0 { opacity: 0; -webkit-transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes bounceInUp { 0 { opacity: 0; -moz-transform: translateY(2000px) } 60% { opacity: 1; -moz-transform: translateY(-30px) } 80% { -moz-transform: translateY(10px) } 100% { -moz-transform: translateY(0) } } @-o-keyframes bounceInUp { 0 { opacity: 0; -o-transform: translateY(2000px) } 60% { opacity: 1; -o-transform: translateY(-30px) } 80% { -o-transform: translateY(10px) } 100% { -o-transform: translateY(0) } } @keyframes bounceInUp { 0 { opacity: 0; transform: translateY(2000px) } 60% { opacity: 1; transform: translateY(-30px) } 80% { transform: translateY(10px) } 100% { transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceInDown { 0 { opacity: 0; -webkit-transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px) } 100% { -webkit-transform: translateY(0) } } @-moz-keyframes bounceInDown { 0 { opacity: 0; -moz-transform: translateY(-2000px) } 60% { opacity: 1; -moz-transform: translateY(30px) } 80% { -moz-transform: translateY(-10px) } 100% { -moz-transform: translateY(0) } } @-o-keyframes bounceInDown { 0 { opacity: 0; -o-transform: translateY(-2000px) } 60% { opacity: 1; -o-transform: translateY(30px) } 80% { -o-transform: translateY(-10px) } 100% { -o-transform: translateY(0) } } @keyframes bounceInDown { 0 { opacity: 0; transform: translateY(-2000px) } 60% { opacity: 1; transform: translateY(30px) } 80% { transform: translateY(-10px) } 100% { transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0 { opacity: 0; -webkit-transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes bounceInLeft { 0 { opacity: 0; -moz-transform: translateX(-2000px) } 60% { opacity: 1; -moz-transform: translateX(30px) } 80% { -moz-transform: translateX(-10px) } 100% { -moz-transform: translateX(0) } } @-o-keyframes bounceInLeft { 0 { opacity: 0; -o-transform: translateX(-2000px) } 60% { opacity: 1; -o-transform: translateX(30px) } 80% { -o-transform: translateX(-10px) } 100% { -o-transform: translateX(0) } } @keyframes bounceInLeft { 0 { opacity: 0; transform: translateX(-2000px) } 60% { opacity: 1; transform: translateX(30px) } 80% { transform: translateX(-10px) } 100% { transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0 { opacity: 0; -webkit-transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px) } 100% { -webkit-transform: translateX(0) } } @-moz-keyframes bounceInRight { 0 { opacity: 0; -moz-transform: translateX(2000px) } 60% { opacity: 1; -moz-transform: translateX(-30px) } 80% { -moz-transform: translateX(10px) } 100% { -moz-transform: translateX(0) } } @-o-keyframes bounceInRight { 0 { opacity: 0; -o-transform: translateX(2000px) } 60% { opacity: 1; -o-transform: translateX(-30px) } 80% { -o-transform: translateX(10px) } 100% { -o-transform: translateX(0) } } @keyframes bounceInRight { 0 { opacity: 0; transform: translateX(2000px) } 60% { opacity: 1; transform: translateX(-30px) } 80% { transform: translateX(10px) } 100% { transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceOut { 0 { -webkit-transform: scale(1) } 25% { -webkit-transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3) } } @-moz-keyframes bounceOut { 0 { -moz-transform: scale(1) } 25% { -moz-transform: scale(.95) } 50% { opacity: 1; -moz-transform: scale(1.1) } 100% { opacity: 0; -moz-transform: scale(.3) } } @-o-keyframes bounceOut { 0 { -o-transform: scale(1) } 25% { -o-transform: scale(.95) } 50% { opacity: 1; -o-transform: scale(1.1) } 100% { opacity: 0; -o-transform: scale(.3) } } @keyframes bounceOut { 0 { transform: scale(1) } 25% { transform: scale(.95) } 50% { opacity: 1; transform: scale(1.1) } 100% { opacity: 0; transform: scale(.3) } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutUp { 0 { -webkit-transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px) } } @-moz-keyframes bounceOutUp { 0 { -moz-transform: translateY(0) } 20% { opacity: 1; -moz-transform: translateY(20px) } 100% { opacity: 0; -moz-transform: translateY(-2000px) } } @-o-keyframes bounceOutUp { 0 { -o-transform: translateY(0) } 20% { opacity: 1; -o-transform: translateY(20px) } 100% { opacity: 0; -o-transform: translateY(-2000px) } } @keyframes bounceOutUp { 0 { transform: translateY(0) } 20% { opacity: 1; transform: translateY(20px) } 100% { opacity: 0; transform: translateY(-2000px) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes bounceOutDown { 0 { -webkit-transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px) } } @-moz-keyframes bounceOutDown { 0 { -moz-transform: translateY(0) } 20% { opacity: 1; -moz-transform: translateY(-20px) } 100% { opacity: 0; -moz-transform: translateY(2000px) } } @-o-keyframes bounceOutDown { 0 { -o-transform: translateY(0) } 20% { opacity: 1; -o-transform: translateY(-20px) } 100% { opacity: 0; -o-transform: translateY(2000px) } } @keyframes bounceOutDown { 0 { transform: translateY(0) } 20% { opacity: 1; transform: translateY(-20px) } 100% { opacity: 0; transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0 { -webkit-transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px) } } @-moz-keyframes bounceOutLeft { 0 { -moz-transform: translateX(0) } 20% { opacity: 1; -moz-transform: translateX(20px) } 100% { opacity: 0; -moz-transform: translateX(-2000px) } } @-o-keyframes bounceOutLeft { 0 { -o-transform: translateX(0) } 20% { opacity: 1; -o-transform: translateX(20px) } 100% { opacity: 0; -o-transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0 { transform: translateX(0) } 20% { opacity: 1; transform: translateX(20px) } 100% { opacity: 0; transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0 { -webkit-transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px) } } @-moz-keyframes bounceOutRight { 0 { -moz-transform: translateX(0) } 20% { opacity: 1; -moz-transform: translateX(-20px) } 100% { opacity: 0; -moz-transform: translateX(2000px) } } @-o-keyframes bounceOutRight { 0 { -o-transform: translateX(0) } 20% { opacity: 1; -o-transform: translateX(-20px) } 100% { opacity: 0; -o-transform: translateX(2000px) } } @keyframes bounceOutRight { 0 { transform: translateX(0) } 20% { opacity: 1; transform: translateX(-20px) } 100% { opacity: 0; transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes rotateIn { 0 { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateIn { 0 { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0 } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateIn { 0 { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0 } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0 { transform-origin: center center; transform: rotate(-200deg); opacity: 0 } 100% { transform-origin: center center; transform: rotate(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInUpLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0 { transform-origin: left bottom; transform: rotate(90deg); opacity: 0 } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInDownLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0 { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0 } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInUpRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0 { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0 } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateInDownRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0 { transform-origin: right bottom; transform: rotate(90deg); opacity: 0 } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateOut { 0 { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0 } } @-moz-keyframes rotateOut { 0 { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0 } } @-o-keyframes rotateOut { 0 { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0 { transform-origin: center center; transform: rotate(0); opacity: 1 } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutUpLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0 } } @-moz-keyframes rotateOutUpLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0 } } @-o-keyframes rotateOutUpLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0 { transform-origin: left bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutDownLeft { 0 { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0 } } @-moz-keyframes rotateOutDownLeft { 0 { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0 } } @-o-keyframes rotateOutDownLeft { 0 { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0 { transform-origin: left bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutUpRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0 } } @-moz-keyframes rotateOutUpRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0 } } @-o-keyframes rotateOutUpRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0 { transform-origin: right bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes rotateOutDownRight { 0 { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0 } } @-moz-keyframes rotateOutDownRight { 0 { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0 } } @-o-keyframes rotateOutDownRight { 0 { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1 } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0 { transform-origin: right bottom; transform: rotate(0); opacity: 1 } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes hinge { 0 { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); opacity: 0 } } @-moz-keyframes hinge { 0 { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 20%,60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out } 100% { -moz-transform: translateY(700px); opacity: 0 } } @-o-keyframes hinge { 0 { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 20%,60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out } 100% { -o-transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0 { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out } 20%,60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out } 100% { transform: translateY(700px); opacity: 0 } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0 { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0) } } @-moz-keyframes rollIn { 0 { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -moz-transform: translateX(0) rotate(0) } } @-o-keyframes rollIn { 0 { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -o-transform: translateX(0) rotate(0) } } @keyframes rollIn { 0 { opacity: 0; transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; transform: translateX(0) rotate(0) } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0 { opacity: 1; -webkit-transform: translateX(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg) } } @-moz-keyframes rollOut { 0 { opacity: 1; -moz-transform: translateX(0) rotate(0) } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg) } } @-o-keyframes rollOut { 0 { opacity: 1; -o-transform: translateX(0) rotate(0) } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0 { opacity: 1; transform: translateX(0) rotate(0) } 100% { opacity: 0; transform: translateX(100%) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes lightSpeedIn { 0 { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0) skewX(0); opacity: 1 } } @-moz-keyframes lightSpeedIn { 0 { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -moz-transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -moz-transform: translateX(0) skewX(0); opacity: 1 } } @-o-keyframes lightSpeedIn { 0 { -o-transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -o-transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -o-transform: translateX(0) skewX(0); opacity: 1 } } @keyframes lightSpeedIn { 0 { transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { transform: translateX(0) skewX(0); opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } .animated.lightSpeedIn { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s } @-webkit-keyframes lightSpeedOut { 0 { -webkit-transform: translateX(0) skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0 } } @-moz-keyframes lightSpeedOut { 0 { -moz-transform: translateX(0) skewX(0); opacity: 1 } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0 } } @-o-keyframes lightSpeedOut { 0 { -o-transform: translateX(0) skewX(0); opacity: 1 } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0 { transform: translateX(0) skewX(0); opacity: 1 } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } .animated.lightSpeedOut { -webkit-animation-duration: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: .25s } @-webkit-keyframes wiggle { 0 { -webkit-transform: skewX(9deg) } 10% { -webkit-transform: skewX(-8deg) } 20% { -webkit-transform: skewX(7deg) } 30% { -webkit-transform: skewX(-6deg) } 40% { -webkit-transform: skewX(5deg) } 50% { -webkit-transform: skewX(-4deg) } 60% { -webkit-transform: skewX(3deg) } 70% { -webkit-transform: skewX(-2deg) } 80% { -webkit-transform: skewX(1deg) } 90% { -webkit-transform: skewX(0) } 100% { -webkit-transform: skewX(0) } } @-moz-keyframes wiggle { 0 { -moz-transform: skewX(9deg) } 10% { -moz-transform: skewX(-8deg) } 20% { -moz-transform: skewX(7deg) } 30% { -moz-transform: skewX(-6deg) } 40% { -moz-transform: skewX(5deg) } 50% { -moz-transform: skewX(-4deg) } 60% { -moz-transform: skewX(3deg) } 70% { -moz-transform: skewX(-2deg) } 80% { -moz-transform: skewX(1deg) } 90% { -moz-transform: skewX(0) } 100% { -moz-transform: skewX(0) } } @-o-keyframes wiggle { 0 { -o-transform: skewX(9deg) } 10% { -o-transform: skewX(-8deg) } 20% { -o-transform: skewX(7deg) } 30% { -o-transform: skewX(-6deg) } 40% { -o-transform: skewX(5deg) } 50% { -o-transform: skewX(-4deg) } 60% { -o-transform: skewX(3deg) } 70% { -o-transform: skewX(-2deg) } 80% { -o-transform: skewX(1deg) } 90% { -o-transform: skewX(0) } 100% { -o-transform: skewX(0) } } @keyframes wiggle { 0 { transform: skewX(9deg) } 10% { transform: skewX(-8deg) } 20% { transform: skewX(7deg) } 30% { transform: skewX(-6deg) } 40% { transform: skewX(5deg) } 50% { transform: skewX(-4deg) } 60% { transform: skewX(3deg) } 70% { transform: skewX(-2deg) } 80% { transform: skewX(1deg) } 90% { transform: skewX(0) } 100% { transform: skewX(0) } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } .animated.wiggle { -webkit-animation-duration: .75s; -moz-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide,.swiper-wrapper { transform: translate3d(0,0,0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform , height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999 } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-horizontal>.swiper-wrapper: :before { height:100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-vertical>.swiper-wrapper: :before { width:100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display: none!important } .swiper-button-next:after,.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev,.swiper-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next,.swiper-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display: none!important } .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none!important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform , .2s top } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform , .2s left } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform , .2s right } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled { display: none!important } .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform , opacity , height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } .sp-container { position: absolute; top: 0; left: 0; display: inline-block; z-index: 9999994; overflow: hidden } .sp-original-input-container { position: relative; display: inline-flex } .sp-original-input-container input { margin: 0!important } .sp-original-input-container .sp-add-on { width: 40px; border-top-right-radius: 0!important; border-bottom-right-radius: 0!important } input.spectrum.with-add-on { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0 } .sp-original-input-container .sp-add-on .sp-colorize { height: 100%; width: 100%; border-radius: inherit } .sp-colorize-container { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .sp-container.sp-flat { position: relative } .sp-container,.sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .sp-top { position: relative; width: 100%; display: inline-block } .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20px!important } .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; width: 12px; height: 100%; left: initial!important } .sp-clear-enabled .sp-hue { top: 15%; height: 85% } .sp-fill { padding-top: 80% } .sp-sat,.sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .sp-alpha-enabled .sp-top { margin-bottom: 28px!important } .sp-alpha-enabled .sp-alpha { display: block } .sp-alpha-handle { position: absolute; top: -3px; cursor: pointer; height: 16px; border-radius: 50%; width: 16px; margin-right: 5px; left: -2px; right: 0; background: #f9f9f9; box-shadow: 0 0 2px 0 #3a3a3a } .sp-alpha { display: none; position: absolute; bottom: -18px; right: 0; left: 0; height: 10px } .sp-alpha-inner { border-radius: 4px } .sp-clear { display: none } .sp-clear.sp-clear-display { background-position: center } .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 3px; right: 0; bottom: 0; cursor: pointer; left: initial; height: 12px; width: 12px } .sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none } .sp-container.sp-input-disabled .sp-input-container { display: none } .sp-container.sp-buttons-disabled .sp-button-container { display: none } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none } .sp-palette-only .sp-picker-container { display: none } .sp-palette-disabled .sp-palette-container { display: none } .sp-initial-disabled .sp-initial { display: none } .sp-sat { background-image: -webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0))); background-image: -webkit-linear-gradient(left,#fff,rgba(204,154,129,0)); background-image: -moz-linear-gradient(left,#fff,rgba(204,154,129,0)); background-image: -o-linear-gradient(left,#fff,rgba(204,154,129,0)); background-image: -ms-linear-gradient(left,#fff,rgba(204,154,129,0)); background-image: linear-gradient(to right,#fff,rgba(204,154,129,0)) } .sp-val { border-radius: 4px; background-image: -webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0))); background-image: -webkit-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: -moz-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: -o-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: -ms-linear-gradient(bottom,#000,rgba(204,154,129,0)); background-image: linear-gradient(to top,#000,rgba(204,154,129,0)) } .sp-hue { background: -moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: -ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: -o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: -webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red)); background: -webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%); background: linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%) } .sp-1 { height: 17% } .sp-2 { height: 16% } .sp-3 { height: 17% } .sp-4 { height: 17% } .sp-5 { height: 16% } .sp-6 { height: 17% } .sp-hidden { display: none!important } .sp-cf:after,.sp-cf:before { content: ""; display: table } .sp-cf:after { clear: both } @media (max-device-width: 480px) { .sp-color { right:40% } .sp-hue { left: 63% } .sp-fill { padding-top: 60% } } .sp-dragger { border-radius: 5px; height: 10px; width: 10px; border: 1px solid #fff; cursor: pointer; position: absolute; top: 0; left: 0; margin-left: 3px; margin-top: 3px; box-shadow: 0 0 2px 1px rgba(0,0,0,.2) } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 16px; border-radius: 50%; width: 16px; left: -2px; background: #f9f9f9; box-shadow: 0 0 2px 0 #3a3a3a; margin-top: 8px } .sp-container { display: inline-flex; border-radius: 0; background-color: #fff; padding: 0; border-radius: 4px; color: #000; box-shadow: 0 0 0 1px rgba(99,114,130,.16) , 0 8px 16px rgba(27,39,51,.08) } .sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue { font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } .sp-top { margin-bottom: 10px } .sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val { border-radius: 3px } .sp-input-container { margin-top: -5px } .sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf { height: 25px } .sp-picker-container .sp-cf { margin-bottom: 10px } .sp-palette-row-initial>span:first-child { cursor: pointer } .sp-initial-disabled .sp-input-container { width: 100% } .sp-input { padding: 0 5px!important; margin: 0; width: 100%; box-shadow: none!important; height: 100%!important; background: 0 0; color: #3a3a3a; border-radius: 2px!important; border: 1px solid #e0e0e0!important; text-align: center; font-family: monospace; font-size: inherit!important } .sp-input:focus { border: 1px solid #ffa500 } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd } .sp-palette-container,.sp-picker-container { position: relative; padding: 10px } .sp-picker-container { width: 200px; padding-bottom: 0 } .sp-palette-container { border-right: solid 1px #ccc } .sp-palette-only .sp-palette-container { border: 0 } .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent } .sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover { border-color: #ffa500 } .sp-thumb-el { position: relative } .sp-initial { float: left } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0 } .sp-initial .spe-thumb-el.sp-thumb-active { border-radius: 0 5px 5px 0 } .sp-initial .spe-thumb-el { border-radius: 5px 0 0 5px } .sp-initial .sp-clear-display { background-position: center } .sp-button-container { float: right } .sp-palette-button-container { margin-top: 10px } .sp-replacer { position: relative; overflow: hidden; cursor: pointer; display: inline-block; border-radius: 3px; border: 1px solid #aaa; color: #666; transition: border-color .3s; vertical-align: middle; width: 3rem; height: 1.5rem } .sp-replacer.sp-active,.sp-replacer:hover { border: 1px solid #666; color: #000 } .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver } .sp-dd { position: absolute; font-size: 10px; right: 0; top: 0; bottom: 0; padding: 0 2px; line-height: 1.6rem; background-color: #fff } .sp-preview { position: relative; width: 100%; height: 100%; float: left; z-index: 0 } .sp-preview-inner { transition: background-color .2s } .sp-preview-inner.sp-clear-display { display: none } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 3px; border: none; border-radius: 3px } .sp-container button { border-radius: 3px; border: none; background: 0 0; line-height: 1; padding: 0 8px; height: 25px; text-transform: capitalize; text-align: center; vertical-align: middle; cursor: pointer; color: #606c72; font-weight: 700 } .sp-container button.sp-choose { background-color: #3cab3b; color: #fff; margin-left: 5px } .sp-container button:hover { opacity: .8 } .sp-container button.sp-palette-toggle { width: 100%; background-color: #f3f3f3; margin: 0 } .sp-palette span.sp-thumb-active,.sp-palette span:hover { border-color: #000 } .sp-alpha,.sp-preview,.sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .sp-palette .sp-thumb-inner { border-radius: 3px; background-position: 50% 50%; background-repeat: no-repeat } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=) } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=) } .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==) } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .noselect:focus { outline: none } html.no-touch a:hover { cursor: pointer!important } @media print { html { overflow: auto } body { margin-top: 0; background: #fff } #header { background: none; position: relative; top: 0; bottom: auto; left: auto; right: auto; display: none } #header #header-menu,#header #responsive-search-toggle,#header #header-search,#header #header-user,#header #header-kids,#header #header-donor,#header #responsive-menu-toggle-btn { display: none } #l-footer { display: none } #l-banners { display: none } .rightcolumn.l-sidebar { display: none } #wrapper { overflow: auto } .l-article { margin: 0 } .container { width: auto } .article-main { width: 100%; display: block; vertical-align: top; position: relative; margin-right: 0; z-index: 2; margin-top: 0 } .article-main .breadcrumb-container { display: none } .article-main .content { box-shadow: none } .article-main .content .article-actions { display: none } .article-main .content .pl_below_article { display: none } .article-main .content #tmp-details { display: none } .article-main .content .article-actions-mobile--container { display: none } .article-main #comments { display: none } .l-category-song #article_video_wrapper,.l-category-song .chord-checkbox,.l-category-song .key-select,.l-category-song .partition-action-block { display: none } } .font-playfair { font-family: "Playfair Display",serif } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block } audio,canvas,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } html,button,input,select,textarea { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } body { margin: 0 } a:focus { outline: thin dotted } h1 { font-size: 2.25rem; margin: 0 } h2 { font-size: 1.875rem; margin: 0 } h3 { font-size: 3.5rem; margin: 0 } h4 { font-size: 1.125rem; margin: 0 } h5 { font-size: .875rem; margin: 0 } h6 { font-size: .75rem; margin: 0 } abbr[title] { border-bottom: 1px dotted } b,strong { font-weight: bold } blockquote { margin: 1em 40px } dfn { font-style: italic } mark { background: #ff0; color: #000 } p,pre { margin: 1em 0; line-height: 25px; font-size: 16px } code,kbd,pre,samp { font-family: monospace,serif; _font-family: 'courier new' , monospace; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:before,q:after { content: ''; content: none } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } dl,menu,ol,ul { margin: 1em 0 } dd { margin: 0 0 0 40px } menu,ol,ul { padding: 0 0 0 40px } nav ul,nav ol { list-style: none; list-style-image: none } img { border: 0; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } figure { margin: 0 } form { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px } button,input,select,textarea { max-width: 100%; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle } button,input { line-height: normal } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible } button[disabled],input[disabled] { cursor: default } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } .fix { clear: both; margin: 0; padding: 0; height: 0; border: none } html,body { height: 100%; scroll-behavior: smooth } html { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } @media screen and (max-width: 480px) { html.scroll-disabled-xs { overflow:hidden } } html.scroll-disabled { overflow: hidden } html.domain-topbible,html.topbible { scroll-behavior: auto } body { font-weight: 300; line-height: 1.5; background-color: #f8f8f8; color: #222; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 100%; text-rendering: optimizeLegibility; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } @media screen and (max-width: 768px) { body { background-color:#fff } } body.l-section-home { background-color: #fff } body.l-section-bible { scroll-behavior: auto } html.hide-header body { margin-top: 0 } h1,h2,h3,h4,h5,h6 { font-family: "Montserrat",sans-serif } .article-content p a { text-decoration: underline; transition: all .3s ease-in; -webkit-transition: all .3s ease-in } .article-content p a.btn-base,.article-content p a.btn-ghost,.article-content p a.btn-outline { text-decoration: none } html.no-touch .article-content p a:hover { color: #285a8b } a { text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #l-footer a:hover{ color:#accc05f0; } ::-moz-selection { color: #fff; text-shadow: none } ::selection { color: #fff; text-shadow: none } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear: both } .clr { clear: both } a[name] { padding-top: 170px; display: inline-block; position: relative; margin-top: -170px } a[name][name="comments"] { display: block; position: relative; top: -250px; visibility: hidden } .app-only { display: none } html.app .app-only { display: initial } html.app .no-app { display: none } input[type="text"],input[type="url"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],.form-text,textarea { font-size: 1em; font-weight: 300; color: #000; padding: .7em .9em; border: 1px solid #ccc; outline: 0; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type="text"]::-webkit-input-placeholder,input[type="text"]:-moz-placeholder,input[type="text"]::-moz-placeholder,input[type="text"]:-ms-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="url"]:-moz-placeholder,input[type="url"]::-moz-placeholder,input[type="url"]:-ms-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="search"]:-moz-placeholder,input[type="search"]::-moz-placeholder,input[type="search"]:-ms-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="email"]:-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="email"]:-ms-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="password"]:-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="password"]:-ms-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="number"]:-moz-placeholder,input[type="number"]::-moz-placeholder,input[type="number"]:-ms-input-placeholder,.form-text::-webkit-input-placeholder,.form-text:-moz-placeholder,.form-text::-moz-placeholder,.form-text:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder { color: #cdcdcd } html.no-touch.domain-topmusic input[type="text"]:hover,html.no-touch.domain-topmusic input[type="url"]:hover,html.no-touch.domain-topmusic input[type="search"]:hover,html.no-touch.domain-topmusic input[type="email"]:hover,html.no-touch.domain-topmusic input[type="password"]:hover,html.no-touch.domain-topmusic input[type="number"]:hover,html.no-touch.domain-topmusic .form-text:hover,html.no-touch.domain-topmusic textarea:hover { border-color: #cf5a98 } .domain-topmusic input[type="text"]:focus,.domain-topmusic input[type="url"]:focus,.domain-topmusic input[type="search"]:focus,.domain-topmusic input[type="email"]:focus,.domain-topmusic input[type="password"]:focus,.domain-topmusic input[type="number"]:focus,.domain-topmusic .form-text:focus,.domain-topmusic textarea:focus { border-color: #cf5a98!important } input[readonly] { border: medium none; padding: 0 } input.small-input { max-width: 360px; width: 100% } @media screen and (max-width: 768px) { input.small-input { max-width:unset } } .checkbox-hidden input { position: absolute; left: -9999px } .checkbox-hidden label { display: block; position: relative; margin: 20px; padding: 10px; border: 2px solid #3a80c6; color: #3a80c6; background-color: none; border: 2px solid #3a80c6; white-space: nowrap; cursor: pointer; user-select: none; transition: background-color .2s } .checkbox-hidden label:first-of-type { transform: translateX(-40px) } .checkbox-hidden label:last-of-type { transform: translateX(40px) } .checkbox-hidden input:checked+label { background-color: #3a80c6; color: #fff } .domain-topmusic input[type="radio"] { color: #f5763a; border: 2px solid #a5a5a5!important; border-radius: 50%!important; background-color: #fff!important; -webkit-appearance: none; appearance: none; width: 20px; height: 20px; padding: 0!important; display: grid; place-content: center; margin-right: 10px; cursor: pointer } .domain-topmusic input[type="radio"]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; transform: scale(0); transition: 80ms transform ease-in-out; box-shadow: inset 1em 1em #f5763a; background-color: #f5763a; cursor: pointer } .domain-topmusic input[type="radio"]:checked::before { transform: scale(1) } .domain-topmusic input[type="radio"]:checked { border: 2px solid #f5763a!important } .domain-topmusic input[type="checkbox"] { color: #f5763a; border: 1px solid #a5a5a5!important; border-radius: 2px!important; background-color: #fff!important; -webkit-appearance: none; appearance: none; width: 20px; height: 20px; padding: 0!important; display: inline-block; position: relative; cursor: pointer; transform: translate(0,3px); margin-right: 10px; font: bold 16px Sen!important } .domain-topmusic input[type="checkbox"]:checked { background-color: #f5763a!important; border: 1px solid #f5763a!important; color: #fff } .domain-topmusic input[type="checkbox"]:checked::after { content: "\2713"; font-size: 14px; font-weight: 600; position: absolute; top: 0; left: 3px; color: #fff } .radio-hidden { position: relative; margin: 20px auto } .radio-hidden input { display: none } .radio-hidden input+label { background: none; border: 2px solid #3a80c6; padding: 6px 14px; margin: 0; cursor: pointer; border-radius: 2px; position: relative; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 6px } .radio-hidden input:checked+label { background: #3a80c6 } .radio-hidden input:checked+label span { color: #fff } .radio-hidden label span { color: #3a80c6; font-size: .875rem; text-transform: uppercase; font-family: "Montserrat",sans-serif } #id_positions li { float: none } .see-more-btn { background-color: #03a9f4; border-radius: 100px; width: 280px; height: 60px; box-shadow: 0 5px 10px rgba(0,0,40,.03); transition: all .4s cubic-bezier(.3,0,0,1.3); overflow: hidden; cursor: pointer; position: fixed; right: 20px; bottom: 50px; animation: expand-pulse 2s infinite } .see-more-btn .cta { position: absolute; color: #fff; font-size: 18px; font-weight: bold; font-family: "Montserrat",sans-serif; letter-spacing: 1px; transition: all .25s ease-in-out; line-height: 50px; text-align: center; width: 300px } .see-more-btn .cta .icon-leaderschretiens { font-size: 28px; position: relative; top: 2px; left: -10px } .see-more-btn .close { position: absolute; right: 20px; top: 20px; cursor: pointer; color: #cfd2d9; font-size: 20px; opacity: 0; transition: all .4s cubic-bezier(.3,0,0,1.3); transform: rotate(-45deg); transform-origin: center center } .see-more-btn .animated-arrow { position: absolute; right: 20px; bottom: 20px; color: #888; font-size: 20px; opacity: 0; transition: all .4s cubic-bezier(.3,0,0,1.3); transform-origin: center center } @media screen and (max-width: 480px) { .see-more-btn { width:60px; right: 15px; bottom: 110px } .see-more-btn .cta { width: 60px } .see-more-btn .cta .icon-leaderschretiens { left: 0 } .see-more-btn .cta .cta-text { display: none } } .see-more-btn .see-more-btn--body { width: 100%; padding: 0 20px 0 0; list-style-type: none; margin: 75px auto 0; max-height: 150px; overflow-y: scroll; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; padding: 0 15px } .see-more-btn .see-more-btn--body p { font-size: 14px; font-weight: bold } .see-more-btn .see-more-btn--body li { font-size: 12px; margin: 2px 0 } .see-more-btn .see-more-btn--body span { float: right } .see-more-btn .see-more-btn--body li,.see-more-btn .see-more-btn--body p { transform: scale(.7) translateX(10px) translateY(-10px); transition: all .25s ease-in-out; transform-origin: 0 0; opacity: 0 } .clicked { width: 320px; height: 270px; border-radius: 50px; cursor: auto; background: #fff; animation: none } @media screen and (max-width: 480px) { .clicked { width:calc(100% - 30px); left: auto } .clicked .cta-text { display: inline-block!important; padding-left: 2px } } .clicked .cta { transform: translateX(0) translateY(0); text-align: left; padding-left: 20px; color: #03a9f4; line-height: 85px } @media screen and (max-width: 480px) { .clicked .cta { width:100% } } .clicked .close { opacity: 1; transform: rotate(0deg) } .clicked .animated-arrow { opacity: 1; transform: rotate(0deg); -webkit-animation: animated-arrow 1.4s ease-in 0s infinite reverse; animation: animated-arrow 1.4s ease-in 0s infinite reverse } .see-more-btn.clicked .see-more-btn--body li,.see-more-btn.clicked .see-more-btn--body p { transform: scale(1) translateX(0) translateY(0); opacity: 1 } .see-more-btn.clicked .see-more-btn--body li:nth-child(1) { transition-delay: .05s } .see-more-btn.clicked .see-more-btn--body li:nth-child(2) { transition-delay: .1s } .see-more-btn.clicked .see-more-btn--body li:nth-child(3) { transition-delay: .15s } .see-more-btn.clicked .see-more-btn--body p:nth-child(1) { transition-delay: .05s } .see-more-btn.clicked .see-more-btn--body p:nth-child(2) { transition-delay: .1s } @-webkit-keyframes animated-arrow { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0 } 100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 1 } } @keyframes animated-arrow { 0% { transform: translateY(0); opacity: 0 } 100% { transform: translateY(-15px); opacity: 1 } } @-webkit-keyframes expand-pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(3,169,244,0.4) } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44,0) } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44,0) } } @keyframes expand-pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(3,169,244,0.4); box-shadow: 0 0 0 0 rgba(3,169,244,0.4) } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44,0); box-shadow: 0 0 0 10px rgba(204,169,44,0) } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44,0); box-shadow: 0 0 0 0 rgba(204,169,44,0) } } .switch__input { position: relative; display: inline-block; width: 48px; height: 28px } .switch__input input { opacity: 0; width: 0; height: 0 } .switch__input .switch__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s } .switch__input .switch__slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s } .switch__input input:checked+.switch__slider { background-color: #3a80c6 } .switch__input input:focus+.switch__slider { box-shadow: 0 0 1px #3a80c6 } .switch__input input:checked+.switch__slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } .switch__input .switch__slider.round { border-radius: 50px } .switch__input .switch__slider.round:before { border-radius: 50% } body { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } a { color: #accc05f0; } html.no-touch a:hover { color: #1e5c95 } ::-moz-selection { background: #2676c0 } ::selection { background: #2676c0 } input[type="text"],input[type="search"],.form-text textarea { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .noselect:focus { outline: none } #header-handle:after { font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1 } html.no-touch a:hover { cursor: pointer!important } @media print { html { overflow: auto } body { margin-top: 0; background: #fff } #header { background: none; position: relative; top: 0; bottom: auto; left: auto; right: auto; display: none } #header #header-menu,#header #responsive-search-toggle,#header #header-search,#header #header-user,#header #header-kids,#header #header-donor,#header #responsive-menu-toggle-btn { display: none } #l-footer { display: none } #l-banners { display: none } .rightcolumn.l-sidebar { display: none } #wrapper { overflow: auto } .l-article { margin: 0 } .container { width: auto } .article-main { width: 100%; display: block; vertical-align: top; position: relative; margin-right: 0; z-index: 2; margin-top: 0 } .article-main .breadcrumb-container { display: none } .article-main .content { box-shadow: none } .article-main .content .article-actions { display: none } .article-main .content .pl_below_article { display: none } .article-main .content #tmp-details { display: none } .article-main .content .article-actions-mobile--container { display: none } .article-main #comments { display: none } .l-category-song #article_video_wrapper,.l-category-song .chord-checkbox,.l-category-song .key-select,.l-category-song .partition-action-block { display: none } } .font-playfair { font-family: "Playfair Display",serif } body { margin-top: 116px } body.menu-is-open { overflow: hidden } body.menu-is-open ul.main-nav { transform: translateX(0); -webkit-transform: translateX(0) } body.menu-is-open .l-main #wrapper { transform: scale(.8) translateX(-320px) translateY(80px); box-shadow: 0 8px 16px rgba(0,0,0,.16); border-radius: 10px; transition: transform .3s ease-in-out; position: relative; z-index: 99999; height: 100vh; overflow: hidden } @media screen and (min-width: 768px) { body.menu-is-open.l-section-home { background-color:#f8f8f8 } body.menu-is-open.l-section-home #wrapper { background: #fff } } body.menu-is-open #header-extra { display: none } .l-main #wrapper { transition: transform .3s ease-in-out; transform-origin: top left } @media (max-width: 1090px) { body { margin-top:51px } html.app body { margin-top: 52px } html.fbm body { margin-top: 0 } } body.no-header { margin-top: 0 } .header-lsf { cursor: pointer; top: -4px; border-radius: 50% } @media screen and (max-width: 1090px) { .header-lsf { border-radius:0; top: 0 } } .header-lsf img { width: 35px; vertical-align: middle } @media screen and (max-width: 1090px) { .header-lsf img { width:26px } } .header-lsf.lsf-is-active { position: relative } .header-lsf.lsf-is-active:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background: #34ab05; display: inline-block; border: 2px solid #fff; box-shadow: 0 1px 6px rgba(0,0,0,.12); position: absolute; top: 2px; right: -2px } .header-lsf .dropdown { width: 220px; right: 0; top: 46px; text-align: center; padding: 10px } .header-lsf .dropdown a.btn-sm { display: inline-block; padding: .78571429em 1.5em .78571429em; margin: 8px auto } .header-lsf .header-lsf-selector { text-align: center; z-index: 1; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; top: 52px; right: -7.5em; padding: 14px; box-shadow: 0 16px 20px rgba(0,0,0,.2); -webkit-box-shadow: 0 16px 20px rgba(0,0,0,.2) } .header-lsf .header-lsf-selector:before { content: " "; border-bottom: solid 10px #fff; border-top: none; border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; top: -10px; right: 10px } @media screen and (max-width: 1090px) { .header-lsf .header-lsf-selector { top:48px } } @media screen and (max-width: 768px) { .header-lsf .header-lsf-selector { top:46px } } .header-lsf .header-lsf-selector label { width: 100%; display: block; margin-bottom: 10px; color: #272727 } .header-lsf .header-lsf-selector.is-visible { display: block } #responsive-header-menu-background { position: fixed; width: 100%; height: 100%; background-color: rgba(255,255,255,.5); z-index: -2; top: 54px; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media screen and (max-width: 768px) { #responsive-header-menu-background { top:50px } } #responsive-header-menu-background.is-active { opacity: 1; visibility: visible } #header { background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 99999; -webkit-box-sizing: content-box!important; moz-box-sizing: content-box!important; box-sizing: content-box!important; padding: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100%; height: 42px } #header .header__container { background: #fff; box-shadow: 0 3px 16px rgba(0,0,0,.1) } html.hide-header #header { display: none!important } .header-hidden #header { top: -124px } #header-bar { width: 100%; max-width: 1170px; list-style: none; margin: 0 auto; padding: 0; display: block; text-align: center; height: auto; padding: 15px; position: relative } @media screen and (max-width: 1090px) { #header-bar { text-align:left; padding: 5px 0 } } #header-bar>li { display: inline-block; vertical-align: middle; height: 42px; padding-left: 6px } #header-bar>li:last-child { padding-right: 6px } #header-bar .header__button-group { padding: 0; margin: 0; float: right } #header-bar .header__button-group li { list-style: none; display: inline-block; vertical-align: middle } .topmusic-btns { margin-right: 32px; margin-top: 30px; padding: 0; display: flex } .header__button-registration { width: 120px; height: 35px; margin-right: 10px; border: 2px solid #df4e9a; border-radius: 34px; opacity: 1; background-color: transparent; color: #df4e9a; font-weight: bold } .header__button-registration:hover { background: transparent linear-gradient(116deg,#f57639 0%,#d43ac9 100%) 0% 0% no-repeat padding-box; color: #fff } .header__button-login { width: 150px; height: 35px; border: 2px solid #df4e9a; border-radius: 34px; opacity: 1; background-color: transparent; color: #df4e9a; font-weight: bold } .header__button-login:hover { background: transparent linear-gradient(116deg,#f57639 0%,#d43ac9 100%) 0% 0% no-repeat padding-box; color: #fff } .topmusic-header-bar { display: flex; justify-content: space-between; align-items: center } .topmusic-header-logo { display: flex; width: 200px; height: 35px } .header-logo-container { display: flex; align-items: center; margin-left: 32px } #header-logo { margin: 0; position: absolute; top: 18px; left: 50%; transform: translateX(-50%) } @media screen and (max-width: 1090px) { #header-logo { top:8px } } #header-logo a { display: block } #header-logo span { display: none } .header-logo-text { position: absolute; left: 220px; font-size: 25px; font-weight: 300; top: 31px } #header-search { width: 100%; max-width: 270px; position: relative; float: left; z-index: 99999; transition: max-width .3s cubic-bezier(.25,.46,.45,.94) } #header-search.is-focused { max-width: 380px; transition: max-width .3s cubic-bezier(.25,.46,.45,.94) } @media screen and (max-width: 1090px) { #header-search.is-focused { max-width:unset; width: 100% } } #header-search.is-focused #search-input { padding-right: 160px } #header-search.is-focused .header__search--select { right: 34px; opacity: 1; visibility: visible; transition: visibility .3s ease-in-out , opacity .3s ease-in-out; transition-delay: .1s } .l-section-topkids #header-search.is-focused .header__search--select { display: none!important } #header-search.is-focused .header__search--select .select--dropdown { border-top-color: #78d5d7; border-bottom-color: #78d5d7 } #header-search .header__search--select { position: absolute; right: -125px; top: 0; height: 42px; width: 100%; max-width: 120px; cursor: pointer; visibility: hidden; opacity: 0 } @media screen and (max-width: 768px) { #header-search .header__search--select { height:50px } } @media screen and (max-width: 1090px) { #header-search .header__search--select { right:34px; opacity: 1; visibility: visible; transition: visibility .3s ease-in-out , opacity .3s ease-in-out; transition-delay: .1s } } #header-search .header__search--select i { position: absolute; right: 10px; top: 14px; font-size: .5em; z-index: 2; color: #b8b8b8 } @media screen and (max-width: 1090px) { #header-search .header__search--select i { top:20px } } #header-search .header__search--select .s-hidden { visibility: hidden } #header-search .header__search--select .select { cursor: pointer; display: block; position: relative; height: 42px; line-height: 42px } @media screen and (max-width: 1090px) { #header-search .header__search--select .select { height:50px; line-height: 50px } } #header-search .header__search--select .select:before { content: ''; border-left: 1px dashed #d1d1d1; position: absolute; left: 0; top: 20%; height: 60%; width: 1px; z-index: 1 } #header-search .header__search--select .select--dropdown { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; color: #272727; font-size: .8em; font-family: "Montserrat",sans-serif; text-overflow: ellipsis; overflow: hidden; padding-right: 22px; padding-left: 12px; text-align: left } #header-search .header__search--select .select--dropdown:active,#header-search .header__search--select .select--dropdown.active { background-color: #fff } #header-search .header__search--select .options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; min-width: 12rem; margin: 0 0; padding: 0 0; list-style: none; background-color: #fff; box-shadow: 0 8px 17px 0 rgba(0,0,0,.14); max-width: 12rem; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: left; border-radius: 20px } #header-search .header__search--select .options li { padding: 2px 12px; margin: 0; font-size: .8em } #header-search .header__search--select .options li:first-of-type { border-top-right-radius: 20px; border-top-left-radius: 20px } #header-search .header__search--select .options li:last-of-type { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px } html.no-touch #header-search .header__search--select .options li:hover { background-color: #daf4f4 } #responsive-search-toggle { display: none!important; position: absolute; top: 6px; left: 12px } html.hide-search #responsive-search-toggle { display: none!important } #responsive-search-toggle a { color: #272727; font-size: 24px } #search-open { display: none; height: 42px; width: 41px; text-align: center; background-color: #2e6eac; cursor: pointer } #header-handle { background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: inline-block; cursor: pointer; position: absolute; right: 15px; left: auto } #header-handle:after { padding: 5px 5px 7px 5px; color: #aaa; content: '\e059'; transform: rotate(180deg); transition: all .4s; display: block } html.header-hidden #header-handle:after { transform: rotate(0deg); padding: 10px 5px 5px 5px } @media (max-width: 1090px) { #header-handle { display:none } } #search { position: relative } #search .icon-search-glass { right: 0; top: 0; position: absolute; border: none; background-color: none; box-sizing: border-box } @media screen and (max-width: 480px) { #search .icon-search-glass#header-search-btn:before { content:''; background: #fff; position: absolute; top: 0; left: -20px; right: 0; bottom: 0; z-index: 0 } #search .icon-search-glass#header-search-btn:after { position: relative; z-index: 2 } } .header-or { text-transform: uppercase; color: #2e6eac } .header-connectwith { color: #5e5e5e; margin-bottom: 1em } a.header-facebook-login { display: block; color: #fff; background-color: #2e6eac; padding: 1em } #header-login { padding: 1em } #header-login input { display: block; width: 100%; margin-bottom: 1em; border-radius: 5px } #header-login input[type="submit"] { width: 75%; margin: 0 auto; text-transform: uppercase; color: #fff; background-color: #2e6eac; padding: 1em; border-radius: 1.5em; border: none } #header-menu { position: relative } #header-user-link.icon-user,#header-user-opener.icon-user { text-align: center; color: #272727; width: 42px; height: 33px; padding-top: 9px; font-size: 26px; line-height: 1; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: content-box } html.app #header-user-link.icon-user.is-active,html.app #header-user-opener.icon-user.is-active { color: #fff } #header-user-link.icon-user { display: none } #header-user { position: relative } #header-user .dropit { cursor: pointer } #header-user .header-user-avatar { width: 43px; height: 43px; border-radius: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative } #header-user .dropdown { text-align: center; right: -8em; top: 52px; box-shadow: 0 6px 20px rgba(0,0,0,.2); border-radius: 20px; max-height: 460px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 300px } #header-user .dropdown.active { max-height: 600px } #header-user .dropdown:before { content: " "; border-bottom: solid 10px #fff; border-top: none; border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; top: -10px; left: 8.5em } @media (max-width: 1090px) { #header-user .dropdown { position:fixed; top: 52px; right: 0; left: 0; bottom: auto; width: auto; margin: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; bottom: auto; max-height: unset; border-top-right-radius: 0; border-top-left-radius: 0 } } #header-user .dropdown .header-user-dropdown-head { padding: 4px 8px; text-align: left; border-bottom: 1px solid #e5e5e5; position: relative } #header-user .dropdown .header-user-dropdown-head h4 { color: #888; margin: 0; padding: 0; display: inline-block; font-size: 14px } #header-user .dropdown .header-user-dropdown--menu { padding: 0 14px; margin: 0; text-align: left; position: relative; overflow: hidden; min-height: 290px } #header-user .dropdown .header-user-dropdown--menu li { padding: 6px 0; list-style: none; position: initial; display: block } #header-user .dropdown .header-user-dropdown--menu li a { color: #272727; font-family: "Montserrat",sans-serif; font-weight: 400; font-size: .875em } html.no-touch #header-user .dropdown .header-user-dropdown--menu li a:hover { color: #3a80c6 } #header-user .dropdown .header-user-dropdown--menu li a i { margin-right: 8px } #header-user .dropdown .header-user-dropdown--menu li .icon-chevron-thin-right { position: absolute; right: 0 } #header-user .dropdown .header-user-dropdown--submenu { padding: 0 14px; margin: 0; text-align: left; transform: translateX(100%); position: absolute; top: 0; bottom: 0; left: 0; background: #fff; height: 100%; width: 100%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out } #header-user .dropdown .header-user-dropdown--submenu li { border-bottom: solid 1px #eee } #header-user .dropdown .header-user-dropdown--submenu li:last-of-type { border-bottom: none } #header-user .dropdown .header-user-dropdown--submenu.is-open { transform: translateX(0) } #header-user .header-user--title { font-size: 1.375em; display: block; color: #272727; margin: 0 auto 12px; font-weight: bold; font-family: "Montserrat",sans-serif } #header-user>img { width: 45px; height: 45px } #header-user label { display: block; color: #272727; text-align: left; font-size: 11px } #header-user .errorlist { margin: 0 } #header-user p { margin: 3px 0 } #header-user input[type="email"],#header-user input[type="password"],#header-user input[type="text"] { padding: 8px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100%; text-align: left; background: #fff; border-bottom: 1px solid #ededed!important; border: 0 } #header-user input[type="email"]:focus,#header-user input[type="password"]:focus,#header-user input[type="text"]:focus { border-bottom-color: #00adfa!important } #header-user .helptext { display: none } #header-user form { text-align: center } #header-user-form-out { overflow: hidden } #header-user-form-block { width: 36em } @media screen and (max-width: 480px) { #header-user-form-block { width:100% } } #header-user-dropdown-content { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #header-user-login-panel { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: translateX(-18em); display: inline-block; width: 19em; float: left } #header-user-login-panel.active { transform: translateX(0) } @media screen and (max-width: 480px) { #header-user-login-panel { width:100%; transform: translateX(-100%) } } #header-user-create-panel { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: translateX(18em); display: inline-block; width: 18em; float: left; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px } #header-user-create-panel.active { transform: translateX(-18em) } @media screen and (max-width: 480px) { #header-user-create-panel { width:100%; position: absolute; transform: translateX(100%) } #header-user-create-panel.active { transform: translateX(-100%) } } #header-user-login { padding: 10px 10px 0 10px } #header-user-register { padding: 10px 10px 0 10px } #header-user-register small { line-height: 14px; display: block; margin-bottom: 8px; color: #272727 } .user-reset-link { display: block; margin: 8px auto; color: #a3a3a3; font-size: 13px } .header-user-socials { display: block; padding: 0; width: 100% } .header-user-socials>* { padding: 12px 14px 12px 70px; color: #fff; font-weight: bold; overflow: hidden; font-size: .875em; position: relative; display: block; border-radius: 5px; margin-bottom: 10px; white-space: nowrap } html.no-touch .header-user-socials>*:hover:before { width: 100% } .header-user-socials>* span { position: relative; z-index: 1 } .header-user-socials>* i { position: absolute; left: 0; top: 0; color: #fff; height: 100%; width: 55px; font-size: 1.125em } .header-user-socials>* i:after { position: absolute; top: 50%; transform: translate(-50%,-50%) } .header-user-socials>*:before { content: ''; display: block; position: absolute; width: 2px; height: 100%; left: 0; top: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .header-user-socials>* img { position: absolute; left: 20px; top: 0; color: #fff; height: 100%; padding-left: 16px; padding-right: 16px; left: 0; width: 55px; vertical-align: middle; font-size: 1.125em; padding-top: 10px; padding-bottom: 10px } .header-user-socials>* img:after { position: absolute; top: 50%; transform: translate(-50%,-50%) } .header-user-socials>*.btn-login-apple { background: #666; display: none; color: #fff } .header-user-socials>*.btn-login-apple i { background: #595959; font-size: 24px } .header-user-socials>*.btn-login-apple:before { background: #595959 } html.no-touch .header-user-socials>*.btn-login-apple:hover { color: #fff } .header-user-socials>*.btn-login-facebook { background: #1877f2; color: #fff } .header-user-socials>*.btn-login-facebook i { background: #0d6ae4; font-size: 24px } .header-user-socials>*.btn-login-facebook:before { background: #0d6ae4 } html.no-touch .header-user-socials>*.btn-login-facebook:hover { color: #fff } .header-user-socials>*.btn-login-google { background: #fff; color: #212121; border: 1px solid #ccc; padding: 11px 14px 11px 70px } .header-user-socials>*.btn-login-google img { background: #f2f2f2 } .header-user-socials>*.btn-login-google:before { background: #f2f2f2 } html.app .header-user-socials>*.btn-login-google { display: none } #header-user-logout { background-color: #3a80c6; color: #fff; font-weight: bold; font-size: .8125em; font-family: "Montserrat",sans-serif; padding: .6em; display: block; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .user-register-toggle { display: block; padding: 1em; background-color: #ebeff1; clear: both; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px } .user-register-toggle b { text-transform: uppercase } .header-user-facebook { background-color: #1877f2 } .header-user-google { background-color: #dd4b39 } #search .icon-search-glass,#search-open { cursor: pointer; color: #555; font-size: 22px; line-height: 42px; margin-right: 10px } #header-user-opener.icon-user.is-active { cursor: pointer; color: #272727 } #search-input { width: 100%; height: 42px; border: 0; background-color: #fff; -webkit-appearance: none; border-radius: 0; padding-right: 38px; border-radius: 25px; border: 1px solid #e6e6e6 } #search-input:focus { border-color: #78d5d7 } #search-input:focus .header__search--select { opacity: 1 } @media screen and (max-width: 1090px) { #search-input { border-radius:0; box-shadow: none; height: 50px } } #search-section-selector { position: absolute; top: -50em; right: 0 } html.app #header #header-logo { display: none } html.app .l-article { margin-top: 0 } html.app.app-topbible #header-kids { display: none } @media screen and (max-width: 1090px) { #header-bar #header-kids { display:none } } #back-to-top { position: fixed; bottom: 0; right: 20px; transform: translateY(115px); -webkit-transform: translateY(115px); background: #fff; color: #3670ab; border-radius: 50%; padding: 1em; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; line-height: 1; border: 2px solid #3670ab; z-index: 100; outline: 0 } #back-to-top.is-shown { transform: translateY(-115px); -webkit-transform: translateY(-115px) } .mobile-only { display: none!important } @media screen and (max-width: 768px) { .nonmobile-only { display:none!important } .mobile-only { display: block!important } } @media screen and (max-width: 1090px) { #header-bar { width:100%; white-space: nowrap } html.app #header-bar { margin-right: 6px } #header { top: 0 } .header-hidden #header { top: -52px } #header-menu { position: absolute; top: 0; right: 0 } #header-bar #header-donor { display: none } #back-to-top.is-shown { transform: translateY(-70px); -webkit-transform: translateY(-70px) } #header-search { position: fixed; text-align: left; width: 100%; top: 50px; left: 0; padding: 0; margin: 0; transform: translateY(-200%); -webkit-transform: translateYs(-200%); transition: all .3s cubic-bezier(.3,0,0,1.3); max-width: unset; z-index: -1; border-bottom: 1px solid rgba(0,0,0,.08) } #header-search.active-search { transform: translateY(0%); -webkit-transform: translateY(0%) } #responsive-search-toggle { display: block!important } } @media screen and (max-width: 768px) { #header { height:40px; -webkit-box-shadow: 0 1px 5px 0 rgba(10,10,10,.2); box-shadow: 0 1px 5px 0 rgba(10,10,10,.2) } #header-bar { text-align: center } #header-bar #header-user { position: absolute; right: 50px; top: 2px } #header-bar #header-user .header-user-avatar { height: 44px; width: 44px } } html.app #hellobar-container,html.app .HB-Modal { display: none!important } .notification-count { background: red; color: #fff; border-radius: 50%; font-size: 11px; height: 16px; line-height: 12px; position: absolute; right: 2px; top: -2px; text-align: center; min-width: 16px; font-weight: bold; box-shadow: 1px 1px 5px rgba(0,0,0,.2); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2); border: 2px solid #fff } header nav { position: relative } ul.main-nav { list-style-type: none; padding: 0; font-size: 0; max-width: 1170px; margin: 0 auto; border-top: 1px solid #f7f7f7 } ul.main-nav li { display: inline-block; padding: 0; margin: 0; cursor: pointer } ul.main-nav li.top-level-link { -margin-right: 20px } ul.main-nav li.top-level-link:last-child { margin-right: 0 } ul.main-nav li.mobile-link--logout { box-shadow: none; margin-bottom: 100px } @media screen and (min-width: 1090px) { ul.main-nav li.mobile-link--logout { display:none } } @media (max-height: 812px) { ul.main-nav li.mobile-link--logout { margin-bottom:10vh } } ul.main-nav li.home-link span { display: none } @media screen and (max-width: 1090px) { ul.main-nav li.home-link span { display:inline-block } } ul.main-nav li.support-us-responsive-btn { padding: 0 20px; box-shadow: none } @media screen and (min-width: 1091px) { ul.main-nav li.support-us-responsive-btn { display:none } } ul.main-nav li.support-us-responsive-btn a { font-weight: bold; font-size: 14px } ul.main-nav li.support-us-responsive-btn a i { color: #fff } ul.main-nav li.header-lsf .menu-lsf-link.text-red { color: red } @media screen and (min-width: 1090px) { ul.main-nav li.header-lsf .menu-lsf-link { padding:0 } } html.no-touch ul.main-nav li:hover { background-color: #f9f9f9 } ul.main-nav li .badge { margin-right: 6px; position: relative; top: -1px } ul.main-nav li.current-page a { color: #00adfa } ul.main-nav li a { display: block; padding: 15px 15px; position: relative; color: #272727; font-size: 14px; font-weight: 400; font-family: "Montserrat",sans-serif } ul.main-nav li a:hover { background-color: #accc05f0 ; } html.no-touch ul.main-nav li a:hover { color: #3a80c6 } ul.main-nav li a i { /* display: none; */ color: #272727; margin-right: 10px } ul.main-nav li a i.icon-home { margin: 0; display: inline-block } @media screen and (max-width: 1090px) { ul.main-nav li a i.icon-home { margin-right:10px } } ul.main-nav li .sub-menu-lists { margin: 0; padding: 0; list-style-type: none; display: block; position: relative; background: #f8f8f8; color: #444; max-width: 25%; height: 100%; min-height: 380px; text-align: left; cursor: default } ul.main-nav li .sub-menu-lists li { display: block; border-bottom: 2px solid #f8f8f8; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.main-nav li .sub-menu-lists li>a { padding: 14px 10px; position: relative } ul.main-nav li .sub-menu-lists li>a span { font-style: initial!important; font-family: "Montserrat",sans-serif!important; display: inline; font-weight: 500!important; margin-right: 5px; font-size: 14px } ul.main-nav li .sub-menu-lists li>a:before { content: ''; background: #000; position: absolute; left: 0; top: 0; height: 100%; width: 1px; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: left; -webkit-transform-origin: left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.main-nav li .sub-menu-lists li.previous-sub-menu-toggle { display: none } ul.main-nav li .sub-menu-lists li.is-open { border-bottom-color: #e9e9e9; background: #fff } ul.main-nav li .sub-menu-lists li.is-open>a { text-indent: 15px } ul.main-nav li .sub-menu-lists li.is-open>a:before { transform: scaleX(10); -webkit-transform: scaleX(10) } ul.main-nav li .sub-menu-lists li.is-open a { color: #0a1128; } ul.main-nav li .sub-menu-lists li.is-open a:after { background: #0a1128; bottom: 2px } ul.main-nav li .sub-menu-lists li.is-open .sub-mega-menu-second-level { visibility: visible; opacity: 1 } ul.main-nav li .sub-menu-lists li.is-open .mega-menu-see-all-article { visibility: visible; opacity: 1 } ul.main-nav li .sub-menu-lists li .mega-menu-see-all-article { width: 300%; position: absolute; bottom: 0; left: 100%; z-index: 2; visibility: hidden; opacity: 0; height: auto; text-align: right; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.main-nav li .sub-menu-lists li .mega-menu-see-all-article a { font-size: 13px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch ul.main-nav li .sub-menu-lists li .mega-menu-see-all-article a:hover { color: #0a1128 } ul.main-nav li .sub-menu-lists li .sub-menu-third-level { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0; height: 100%; background: #fff; z-index: 14; transform: translateX(100%); -webkit-transform: translateX(100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.main-nav li .sub-menu-lists li .sub-menu-third-level.is-open { transform: translateX(0%); -webkit-transform: translateX(0%) } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level { width: 300%; position: absolute; top: 0; left: 100%; z-index: 1; visibility: hidden; opacity: 0; height: 100%; padding: 4px 10px; background: #fff; cursor: default; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.author-presentation { text-align: center } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.author-presentation img { margin: 30px auto; display: block; width: 100px; height: 100px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.author-presentation img.circle-image { border-radius: 50% } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.author-presentation span { font-weight: 500; margin: 0 auto 10px; text-transform: uppercase; color:#0a1128; font-size: 18px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.author-presentation p { font-size: 13px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.text-presentation { text-align: center } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.text-presentation .header-rich-menu-title { display: block; font-size: 20px; color: #0a1128; font-weight: 800; margin: 20px auto; font-family: "Montserrat",sans-serif } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.text-presentation p { color: #222; font-size: 14px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.text-presentation a { display: inline-block; font-size: 14px; margin: 0; padding: 0 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.text-presentation .btn-base { color: #fff; font-size: 16px; margin: 20px auto; padding: 5px 10px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.no-author article .post-author { display: none!important } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level.no-author article .header-article-title:after { display: none!important } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article { width: 25%; padding: 0; float: left; display: inline-block; text-align: left; cursor: default; max-width: 190px; margin: 10px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article a { cursor: pointer; padding: 0 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-post-favorite { width: 100%; max-width: unset; float: none; margin-bottom: 14px; padding-left: 8px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-post-favorite .header-article-image { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-post-favorite .header-article-title:after { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-article-image { width: 200px; height: 112px; margin: 0 auto 10px; overflow: hidden; position: relative; border-radius: 10px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-article-image .post-root-interest { color: #fff; font-size: 12px; padding: 2px 4px; position: absolute; top: 0; left: 0 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-article-image .post-img-btn { color: #fff; background-color: rgba(40,40,40,.6); position: absolute; bottom: 4px; left: 4px; padding: 0; width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: .875rem; border-radius: 50%; z-index: 7 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-article-image .post-duration { position: absolute; right: 4px; bottom: 4px; color: #fff; text-transform: uppercase; font-size: .625em; background: rgba(0,0,0,.5); padding: 1px 2px; z-index: 2 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name { text-transform: uppercase; padding: 2px 5px; font-size: .75em; color: #fff } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--quoi-dneuf-pasteur { background: red } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--tchat-avec-nath { background: #f3bb03 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--5-minutes-essentielles { background: #2d80bd } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--la-question-taboue { background: #46caf1 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--booste-ta-journee { background: #fdb95f } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--lifestyle { background: green } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--famille-co { background: #ee82ee } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--topchallenge { background: #8b8b8b } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--365histoirescom { background: #c44c48 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--logoscom { background: #f26f61 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header__concept-name.concept-name--portes-ouvertes { background: #663182 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-article-title { font-size: .875em; margin: 0; color: #272727; font-weight: 500; display: block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-article-title:hover { color: #3a80c6 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-article-title:after { content: ''; height: 2px; width: 10%; background: #ffa500; margin: 5px auto 5px 0; display: block } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .header-post-excerpt { color: #444; font-size: 13px; text-transform: initial; font-weight: normal; display: block; max-height: 56px; overflow: hidden; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; padding: 0 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .post-date { font-size: 12px; display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .post-date:before { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .post-date i { padding-right: 5px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article .post-author { font-size: 12px; text-transform: capitalize; text-align: left; color: #bbb; display: inline-block } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-new { width: 100%; max-width: 100%; text-align: center } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-new .header-article-image { width: 323px; height: 182px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-new .header-article-title { max-width: 420px; margin: 10px auto 5px; font-size: 16px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-new .header-article-title:after { margin: 5px auto } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-new .post-date { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-musicnews .header-post-excerpt { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-author { width: 20%; text-align: center; margin: 0 } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-author .header-article-image { border-radius: 50%; width: 100px; height: 100px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-author .header__concept-name { display: none!important } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-author .header-article-title:after { margin: 5px auto } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-author .post-author,ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-author .post-date { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-content-album .header-article-image { height: 200px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-content-about .header-article-image { width: 200px; height: 112px } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-content-about .header-post-excerpt,ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-content-about .post-author { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-miracle .post-duration,ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-miracle .post-img-btn { display: none } ul.main-nav li .sub-menu-lists li .sub-mega-menu-second-level article.header-article-album .post-date { display: none } ul.main-nav li .sub-menu-lists li .external-website-presentation { width: 100%; text-align: center; margin-top: -10px } ul.main-nav li .sub-menu-lists li .external-website-presentation .external-website-case { display: inline-block; text-align: center; padding: 10px; margin-bottom: 10px } ul.main-nav li .sub-menu-lists li .external-website-presentation .external-website-case a { color: #222 } ul.main-nav li .sub-menu-lists li .external-website-presentation .external-website-case a img { max-height: 34px; margin: 0 auto; display: block } ul.main-nav li .sub-menu-lists li .external-website-presentation .external-website-case a h4 { color: #222; margin: 5px auto; text-transform: capitalize } ul.main-nav li .sub-menu-lists li .header-verse-of-the-day { text-align: center; padding: 50px; font-size: 18px } ul.main-nav li .sub-menu-lists li .header-verse-of-the-day b { display: block; margin: 20px } ul.main-nav li .sub-menu-lists li .header-verse-of-the-day a { color: #222; text-transform: inherit } ul.main-nav li .sub-menu-lists li .header-verse-of-the-day .btn-base { background: #255e89!important; color: #fff!important; display: inline-block!important } ul.main-nav li .sub-menu-lists li a { font-size: 14px; color: #0a1128; font-weight: 500 } .sub-mega-menu-second-level-empty { text-align: center; margin-top: 3em; font-size: 1.5em } #header-devotional-link .sub-menu-lists li>a:before { background: #fdb95f!important } #header-devotional-link .sub-menu-lists .icon-video-play,#header-devotional-link .sub-menu-lists .post-duration { display: none } #header-miracle-link .sub-menu-lists li>a:before { background: #f5596f!important } #header-bible-link .sub-menu-block { min-height: 440px } #header-bible-link .sub-menu-block .is-testaments-opened .biblenav-books-testaments-menu { background-color: #fff; border-top: solid 2px #14527b; border-bottom-color: #fff } #header-bible-link .sub-menu-block .is-chapters-opened .biblenav-books-chapters-menu { background-color: #fff; border-top: solid 2px #14527b; border-bottom-color: #fff } #header-bible-link .sub-menu-block .biblenav-book-link { font-size: 12px; height: 34px } #header-bible-link .sub-menu-block .biblenav-book-link .biblenav-book-long { height: 12px } #header-bible-link .sub-menu-lists { min-height: 440px } #header-bible-link .sub-menu-lists li>a:before { background: #255e89!important } #header-topmusic-link .sub-menu-lists li>a:before { background: #118ab2!important } #header-messages-link .sub-menu-lists li>a:before { background: #83b6d3!important } @media only screen and (min-width: 1091px) { .icon-third-level-menu { display:none } ul.main-nav { display: block; position: relative; text-align: center } ul.main-nav li.previous-menu-toggle { display: none!important } ul.main-nav .sub-menu-lists li.active-rich-menu { border-bottom-color: #e9e9e9; background: #fff } ul.main-nav .sub-menu-lists li.active-rich-menu>a { text-indent: 15px } ul.main-nav .sub-menu-lists li.active-rich-menu>a:before { transform: scaleX(10); -webkit-transform: scaleX(10) } ul.main-nav .sub-menu-lists li.active-rich-menu>.sub-mega-menu-second-level { visibility: visible; opacity: 1 } ul.main-nav .sub-menu-third-level { display: none } ul.main-nav>li>div.sub-menu-block { visibility: hidden; background-color: #fff; border-top: 1px solid #e9e9e9; position: absolute; margin-top: 0; width: 100%; color: #222; min-height: 380px; left: 0; z-index: 10; font-size: 16px; opacity: 0; pointer-events: none; cursor: default; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; -webkit-transform-origin: top center; transform-origin: top center; box-shadow: 0 35px 50px rgba(0,0,0,.2); -webkit-box-shadow: 0 35px 50px rgba(0,0,0,.2); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden } ul.main-nav>li>div.sub-menu-block>* { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .4s; transition-duration: .4s; opacity: 0; pointer-events: none } ul.main-nav>li.is-open>div.sub-menu-block { visibility: visible; pointer-events: auto; opacity: 1 } ul.main-nav>li.is-open>div.sub-menu-block>* { pointer-events: auto; opacity: 1 } html.no-touch ul.main-nav>li:hover>a.mega-menu { color: #00adfa } html.no-touch ul.main-nav>li:hover>a.mega-menu:after { content: ''; background: #00adfa; height: 2px; width: 50%; position: absolute; bottom: 6px; left: 25%; -webkit-animation: scale-in-center .6s cubic-bezier(.25,.46,.45,.94) both; animation: scale-in-center .6s cubic-bezier(.25,.46,.45,.94) both } .top-level-link .sub-menu-block { position: fixed; left: -1000px; background: #fff; width: 100%; z-index: 3 } .caret-dropdown { cursor: pointer; top: 2px; display: inline-block; height: 10px; left: 8px; margin-top: 0; position: relative; text-align: left; -webkit-transition: .4s ease; transition: .4s ease; -webkit-transform: rotate(0); transform: rotate(0); width: 5px } .caret-dropdown:after,.caret-dropdown:before { background-color: transparent; border-bottom: 6px solid #ccc; box-sizing: content-box; content: ''; display: inline-block; height: 8px; left: 0; position: absolute; top: 0; -webkit-transition: .4s ease; transition: .4s ease; width: 2px } .caret-dropdown:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: -2px } .caret-dropdown:after { -webkit-transform: rotate(135deg); transform: rotate(135deg) } html.no-touch ul.main-nav>li:hover>a.mega-menu>.caret-dropdown { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform: translate(0,-6px); transform: translate(0,-6px) } html.no-touch ul.main-nav>li:hover>a.mega-menu>.caret-dropdown:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom-color: #00adfa } html.no-touch ul.main-nav>li:hover>a.mega-menu>.caret-dropdown:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom-color: #00adfa } .responsive-user-profil-block { display: none!important } } @media only screen and (max-width: 1090px) { .sub-menu-third-level { display:block } #responsive-menu-toggle,#responsive-menu-toggle--open { display: block!important } .icon-third-level-menu { display: block; float: right; line-height: 18px } ul.main-nav { z-index: -10; padding: 0; position: fixed; right: 0; top: 54px; width: 100%; background-color: #f8f8f8; height: calc(100% - 50px); overflow-y: auto; overflow-x: hidden; transform: translateX(100%); -webkit-transform: translateX(100%); max-width: 300px; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; text-align: left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.main-nav li { display: block; position: relative; box-shadow: inset 0 -1px rgba(0,0,0,.03); clear: both } ul.main-nav li a { font-weight: 500 } ul.main-nav li a i { display: inline-block } ul.main-nav li .sub-menu-block { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #f8f8f8; width: 100%; max-width: 400px; z-index: 12; overflow-y: auto; overflow-x: hidden; transform: translateX(100%); -webkit-transform: translateX(100%); -webkit-transition: transform .3s ease-in-out; -moz-transition: transform .3s ease-in-out; -ms-transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out } ul.main-nav li .sub-menu-block li { box-shadow: inset 0 -1px rgba(0,0,0,.03) } ul.main-nav li .sub-menu-block li.previous-menu-toggle a,ul.main-nav li .sub-menu-block li .previous-third-level a,ul.main-nav li .sub-menu-block li .third-level-menu-toggle a { font-weight: bold } ul.main-nav li .sub-menu-block li.previous-menu-toggle i,ul.main-nav li .sub-menu-block li .previous-third-level i,ul.main-nav li .sub-menu-block li .third-level-menu-toggle i { font-size: 12px; vertical-align: top; line-height: 20px } ul.main-nav li .sub-menu-block li a { display: block; padding: 14px 15px; position: relative } ul.main-nav li .sub-menu-block .sub-menu-lists { width: 100%; border: 0; background: #f8f8f8; height: auto; max-width: 100% } } @media only screen and (max-width: 1090px) and (max-width:480px) { ul.main-nav li .sub-menu-block .sub-menu-lists { background:#fff } } @media only screen and (max-width: 1090px) { ul.main-nav li .sub-menu-block .sub-menu-lists li { border:0 } ul.main-nav li .sub-menu-block .sub-menu-lists li a { padding-top: 20px; padding-bottom: 20px } ul.main-nav li.active .sub-menu-block { transform: translateX(0); -webkit-transform: translateX(0) } .caret-dropdown { cursor: pointer; display: inline-block; height: 10px; text-align: left; -webkit-transition: .4s ease; transition: .4s ease; -webkit-transform: rotate(270deg); transform: rotate(270deg); width: 5px; position: absolute; top: 50%; right: 10px; margin-top: -10px } .caret-dropdown:after,.caret-dropdown:before { background-color: transparent; border-bottom: 6px solid #272727; box-sizing: content-box; content: ''; display: inline-block; height: 5px; left: 0; position: absolute; top: 0; -webkit-transition: .4s ease; transition: .4s ease; width: 2px } .caret-dropdown:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: -2px } .caret-dropdown:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); left: -2px } html.no-touch ul.main-nav>li:hover>a.mega-menu>.caret-dropdown { -webkit-transform: translate(-10px,0) rotate(270deg); transform: translate(-10px,0) rotate(270deg) } html.no-touch ul.main-nav>li:hover>a.mega-menu>.caret-dropdown:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom-color: #00adfa } html.no-touch ul.main-nav>li:hover>a.mega-menu>.caret-dropdown:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom-color: #00adfa } #header-user { display: none!important } ul.main-nav { top: 50px; background: #fff!important } ul.main-nav .sub-menu-block { background: #fff!important } ul.main-nav .sub-menu-block .sub-menu-lists { background: #fff!important } } html.hide-menu .icon-logo { pointer-events: none } #responsive-menu-toggle,#responsive-menu-toggle--open { padding: 0; display: none; position: absolute; right: 14px; top: 10px } #responsive-menu-toggle .hamburger-menu-icon,#responsive-menu-toggle--open .hamburger-menu-icon { position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer } html.hide-menu #responsive-menu-toggle .hamburger-menu-icon,html.hide-menu #responsive-menu-toggle--open .hamburger-menu-icon { display: none!important } #responsive-menu-toggle .hamburger-menu-icon:before,#responsive-menu-toggle--open .hamburger-menu-icon:before { content: ""; position: absolute; width: 34px; height: 34px; border: 1px solid transparent; top: calc(50% - 17px); left: calc(50% - 17px); border-radius: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #responsive-menu-toggle .hamburger-menu-icon .line,#responsive-menu-toggle--open .hamburger-menu-icon .line { width: 30px; height: 4px; background-color: #272727; display: block; margin: 5px 0 5px auto; border-radius: 6px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 5px } #responsive-menu-toggle .hamburger-menu-icon .line:first-of-type,#responsive-menu-toggle--open .hamburger-menu-icon .line:first-of-type { width: 16px } #responsive-menu-toggle .hamburger-menu-icon .line:last-of-type,#responsive-menu-toggle--open .hamburger-menu-icon .line:last-of-type { width: 22px } #responsive-menu-toggle.is-open,#responsive-menu-toggle--open.is-open { right: 18px; top: 12px } #responsive-menu-toggle.is-open:after,#responsive-menu-toggle--open.is-open:after { display: none } #responsive-menu-toggle.is-open .hamburger-menu-icon,#responsive-menu-toggle--open.is-open .hamburger-menu-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg) } #responsive-menu-toggle.is-open .hamburger-menu-icon:before,#responsive-menu-toggle--open.is-open .hamburger-menu-icon:before { border: 3px solid #272727 } #responsive-menu-toggle.is-open .hamburger-menu-icon .line,#responsive-menu-toggle--open.is-open .hamburger-menu-icon .line { width: 22px; height: 3px } #responsive-menu-toggle.is-open .hamburger-menu-icon .line:nth-child(2),#responsive-menu-toggle--open.is-open .hamburger-menu-icon .line:nth-child(2) { opacity: 0 } #responsive-menu-toggle.is-open .hamburger-menu-icon .line:nth-child(1),#responsive-menu-toggle--open.is-open .hamburger-menu-icon .line:nth-child(1) { -webkit-transform: translateY(8px); transform: translateY(8px) } #responsive-menu-toggle.is-open .hamburger-menu-icon .line:nth-child(3),#responsive-menu-toggle--open.is-open .hamburger-menu-icon .line:nth-child(3) { -webkit-transform: translateY(-8px) rotate(90deg); transform: translateY(-8px) rotate(90deg) } .responsive-user-profil-block { display: block; box-shadow: none; padding: 20px; font-size: 13px; text-align: left; position: relative } .responsive-user-profil-block .caret-dropdown { right: 30px } .responsive-user-profil-block .responsive-user-avatar { width: 70px; height: 70px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; float: left; margin-right: 15px; position: relative; -webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.3); box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.3) } .responsive-user-profil-block .responsive-user-avatar .notification-count { font-size: 15px; height: 22px; line-height: 17px; min-width: 22px } .responsive-user-profil-block h4 { color: #444; display: inline-block; font-size: 16px; margin-top: 20px; margin-bottom: 20px } .responsive-user-profil-block .btn-group { display: block; padding: 0 } .responsive-user-profil-block .btn-group a { margin-bottom: 5px; margin-top: 0 } @media screen and (max-width: 1200px) { #header-donor .support-us-btn { font-size:12px } ul.main-nav .header-article-content-about,ul.main-nav .header-article-content { margin: 1%!important; max-width: 170px!important } ul.main-nav .header-article-content-about .header-article-image,ul.main-nav .header-article-content .header-article-image { width: 170px!important; height: 96px!important } ul.main-nav .header-article-content-album { margin: 1%!important; max-width: 170px!important } ul.main-nav .header-article-content-album .header-article-image { width: 170px!important; height: 170px!important } } #header-donor { height: auto!important } #header-donor .support-us-btn { color: #fff; font-weight: bold; font-family: "Montserrat",sans-serif; background: #f9a300; box-shadow: 0 0 16px rgba(0,0,0,.1); border: 2px solid #fff; letter-spacing: 0; border-radius: 20px; font-size: 15px; padding: 7px 26px; display: inline-block } #header-donor .support-us-btn span { display: inline-block } html.no-touch #header-donor .support-us-btn:hover { background: #fff; border-color: #f9a300; color: #f9a300 } #header-toptv-link .sub-menu-block a.mobile-only { font-size: 0 } #header-toptv-link .sub-menu-block a.mobile-only:after { content: "Télécharger l'application TopTV"; font-size: 14px } @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(1); transform: scale(1) } } html.app #wrapper { margin-top: 0!important } html.app #header-bar #header-search { transform: translateX(0)!important; -webkit-transform: translateX(0)!important; top: 0; transition: top .3s ease-in-out 0s; height: 52px; z-index: 5; width: calc(100% - 100px)!important } html.app #header-bar #header-search #search-input { height: 52px!important } @media screen and (min-width: 700px) { html.app #header-bar #header-search #search-input { height:52px!important } } html.app #header-bar #header-search .icon-search-glass { top: 4px!important } html.app #header-user .dropdown .header-user-dropdown--menu li { display: block } html.app .l-section-topmessages #responsive-menu-toggle-btn #responsive-menu-toggle,html.app .l-section-about #responsive-menu-toggle-btn #responsive-menu-toggle,html.app .l-section-miracle #responsive-menu-toggle-btn #responsive-menu-toggle,html.app .l-section-passlemot #responsive-menu-toggle-btn #responsive-menu-toggle { display: none!important } html.app .l-section-topmessages #header-user,html.app .l-section-about #header-user,html.app .l-section-miracle #header-user,html.app .l-section-passlemot #header-user { display: block!important; right: 10px!important; position: absolute!important; top: 4px!important } html.app .l-section-topmessages #header-user #header-user-dropdown,html.app .l-section-about #header-user #header-user-dropdown,html.app .l-section-miracle #header-user #header-user-dropdown,html.app .l-section-passlemot #header-user #header-user-dropdown { right: .5em } html.app .l-section-topmessages #header-user #header-user-dropdown:before,html.app .l-section-about #header-user #header-user-dropdown:before,html.app .l-section-miracle #header-user #header-user-dropdown:before,html.app .l-section-passlemot #header-user #header-user-dropdown:before { left: 16.5em } html.app.app-topbible #header-bible-link { display: block } html.app.app-topbible #header-bible-link .sub-menu-block { transform: translateX(0); -webkit-transform: translateX(0); top: 132px; overflow-y: visible } html.app.app-topbible #header-bible-link .sub-menu-block .previous-menu-toggle { display: none } html.app.app-topbible #header-bible-link .sub-menu-block li { display: block } html.app.app-topbible #header-bible-link .sub-menu-block li a { padding-top: 15px; padding-bottom: 15px } html.app.app-topbible #header-bible-link .sub-menu-block .sub-menu-lists { min-height: unset } html.app.app-topbible body.logged-in #header-bible-link .sub-menu-block { top: 156px; transform: translateX(0); -webkit-transform: translateX(0); height: 250px } html.app.app-topbible body.logged-in .responsive-user-profil-block .caret-dropdown { display: none } html.app.app-topbible body.logged-in .main-nav #header-devotional-link { display: block!important } html.app.app-topbible body.logged-in li.mobile-link--logout { z-index: 99; position: absolute; bottom: auto; left: 90px; right: auto; top: 48px; margin: 0 } html.app.app-topbible body.logged-in li.mobile-link--logout a { font-size: 12px } html.app.app-topbible .main-nav li.top-level-link { display: none } html.app.app-topbible .main-nav li.hidden-lg-menu { display: none } html.app.app-lapenseedujour #header-devotional-link { display: block } html.app.app-lapenseedujour #header-devotional-link .sub-menu-block { transform: translateX(0); -webkit-transform: translateX(0); top: 132px; overflow-y: visible } html.app.app-lapenseedujour #header-devotional-link .sub-menu-block .previous-menu-toggle { display: none } html.app.app-lapenseedujour #header-devotional-link .sub-menu-block li { display: block } html.app.app-lapenseedujour #header-devotional-link .sub-menu-block li a { padding-top: 15px; padding-bottom: 15px } html.app.app-lapenseedujour #header-devotional-link .sub-menu-block .sub-menu-lists { min-height: unset } html.app.app-lapenseedujour body.logged-in #header-devotional-link .sub-menu-block { top: 155px; transform: translateX(0); -webkit-transform: translateX(0); height: 250px } html.app.app-lapenseedujour body.logged-in .responsive-user-profil-block .caret-dropdown { display: none } html.app.app-lapenseedujour body.logged-in .main-nav #header-devotional-link { display: block!important } html.app.app-lapenseedujour body.logged-in li.mobile-link--logout { z-index: 99; position: absolute; bottom: auto; left: 90px; right: auto; top: 48px; margin: 0 } html.app.app-lapenseedujour body.logged-in li.mobile-link--logout a { font-size: 12px } html.app.app-lapenseedujour .main-nav li.top-level-link { display: none } html.app.app-lapenseedujour .main-nav li.hidden-lg-menu { display: none } html.app.app-unmiraclechaquejour #header-miracle-link .sub-menu-block { transform: translateX(0); -webkit-transform: translateX(0) } html.app.app-unmiraclechaquejour #header-miracle-link .sub-menu-block .previous-menu-toggle { display: none } html.app.app-topmessages #header-messages-link .sub-menu-block { transform: translateX(0); -webkit-transform: translateX(0) } html.app.app-topmessages #header-messages-link .sub-menu-block .previous-menu-toggle { display: none } html.app.app-topmusic #header-topmusic-link .sub-menu-block { transform: translateX(0); -webkit-transform: translateX(0) } html.app.app-topmusic #header-topmusic-link .sub-menu-block .previous-menu-toggle { display: none } html.app.app-topformations #header-topformations-link .sub-menu-block { transform: translateX(0); -webkit-transform: translateX(0) } html.app.app-topformations #header-topformations-link .sub-menu-block .previous-menu-toggle { display: none } html.app.header-hidden #header-bar #header-search { top: -52px } .hijacked-warning-bootstrap { position: absolute; top: 120px; width: 100%; z-index: 999; left: 0; right: 0; padding: 12px } .hijacked-warning-bootstrap .close { background: none; border: none; font-size: 30px } @keyframes loop { 65% { transform: scale(1); opacity: 1 } 100% { transform: scale(1); opacity: .2; box-shadow: 0 0 0 .5em inset } } .header-loader { position: relative; position: relative; margin: 80px auto; width: 100px; height: 100px; color: #3a80c6; border-radius: 100%; box-shadow: 0 0 0 .5em rgba(58,128,198,.1) inset; display: flex; align-items: center; justify-content: center; font-family: sans-serif } .header-loader::before,.header-loader::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(.1); opacity: 1; border-radius: 100%; box-shadow: 0 0 0 .1em inset; animation: loop 1000ms infinite ease-out } .header-loader::before { animation-delay: 500ms } .iframe-loader { background: url(data:image/svg+xml;charset=utf-8,Chargement...) 0 0 no-repeat } .android-app-notification { display: block; width: 100%; height: 60px; position: relative; top: 0; left: 0; background: #fff; color: #444; z-index: 9999; border-bottom: 1px solid #ccc; padding: 5px 0 } .android-app-notification img { width: 45px; height: 45px; float: left; margin: 0 10px } .android-app-notification .android-app-notification-close { float: left; line-height: 50px; margin-left: 10px; margin-right: 0 } .android-app-notification .android-app-notification-close a { color: #3a80c6; font-size: 14px } .android-app-notification .android-app-notification-content { padding: 5px 0 } .android-app-notification .android-app-notification-content h2 { font-size: .875em; margin: 0 0 -4px 0 } .android-app-notification .android-app-notification-content p { font-size: .75em; color: #a2a2a2; font-style: italic; margin: 0; display: inline-block; max-width: calc(100% - 170px); line-height: 11px } .android-app-notification .android-app-notification-content a { background: #3a80c6; color: #fff; font-size: 14px; padding: 5px 10px; margin: -14px 10px 0 0; float: right } .top-level-link .btn-base.header-user-goto-kids { background: none; text-align: left; display: block; padding: 15px 15px; position: relative; color: #272727; font-size: 14px; border-radius: 0; border: none } .top-level-link .btn-base.header-user-goto-kids svg { fill: #272727 } body .l-header--topmusic-hidden { display: none } body .l-header--topmusic #responsive-menu-toggle--close { display: none } body .l-header--topmusic #nav { display: none } body .l-header--topmusic #header-bar { display: flex!important; justify-content: space-between; align-items: center; padding: 1rem 0 } body .l-header--topmusic #header-menu { position: static } body .l-header--topmusic .header__container { position: relative } body .l-header--topmusic #header-logo { position: initial; transform: none } body .l-header--topmusic #responsive-menu-toggle-btn { height: auto } body .l-header--topmusic #responsive-menu-toggle--open { position: initial } body .l-header--topmusic #responsive-menu-toggle--open .hamburger-menu-icon .line { width: 24px; margin: 3px 0 3px auto } body .l-header--topmusic #responsive-menu-toggle--open .hamburger-menu-icon .line:first-of-type { width: 20px } body .l-header--topmusic #responsive-menu-toggle--open .hamburger-menu-icon .line:last-of-type { width: 17px } body .l-header--topmusic .header__container { padding-top: 30px; padding-left: 5px; padding-right: 9px } body .l-header--topmusic .main-nav__header { display: flex; justify-content: space-between; align-items: center; padding-top: 0; padding-right: 0; padding-left: 0; max-width: 100vw; margin-bottom: 32px } body .l-header--topmusic #responsive-menu-toggle--close { height: 30px; width: 30px; border: none; background: transparent; position: relative; display: initial } body .l-header--topmusic #responsive-menu-toggle--close .line { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 22px; margin: auto; border-radius: 6px; height: 3px; background-color: #191c1c } body .l-header--topmusic #responsive-menu-toggle--close .line:first-of-type { transform: rotate(45deg) } body .l-header--topmusic #responsive-menu-toggle--close .line:last-of-type { transform: rotate(-45deg) } body .l-header--topmusic .btn-base.btn-topmusic { display: block; width: 100%; text-transform: uppercase; font-size: 16px; line-height: 24px; padding: 8px 14px; margin: 0 } body .l-header--topmusic #nav { position: absolute; display: initial; top: 0; right: 0; left: auto; width: 100%; max-width: 320px; height: 100vh; max-height: 100vh; max-height: none; transform: translateX(100vw); transition: all .3s ease-in-out; box-shadow: -4px 0 20px rgba(0,0,0,.05); border-radius: 40px 0 0 40px } body .l-header--topmusic #nav nav { height: 100vh; max-height: 100% } body .l-header--topmusic ul.main-nav { position: static; display: flex; flex-direction: column; transform: none; width: 100%; max-width: 320px; margin-right: 0; height: 100vh; max-width: 90vw; border: 1px solid transparent; border-radius: 40px 0 0 40px; padding: 40px 32px 152px 32px; display: flex; flex-direction: column; box-shadow: none } body .l-header--topmusic ul.main-nav li:first-of-type { cursor: initial } body .l-header--topmusic ul.main-nav li:first-of-type:hover { background: none } body .l-header--topmusic ul { padding: 0 } body .l-header--topmusic .responsive-user-profil-block { box-shadow: none; padding: 0; flex-grow: 1 } body .l-header--topmusic .responsive-user-profil-block .main-nav__link { box-shadow: none; position: relative } body .l-header--topmusic .responsive-user-profil-block .main-nav__link:not(:first-of-type)::after { content: ""; width: 100%; position: absolute; left: 15px; top: 0; display: block; height: 1px; background-color: rgba(112,112,112,.12) } body .l-header--topmusic .responsive-user-profil-block .main-nav__link a,body .l-header--topmusic .responsive-user-profil-block .main-nav__link h4 { font-size: 18px; line-height: 22px; font-weight: 700; color: #191c1c; padding: 16px 0; font-family: "Sen",sans-serif } body .l-header--topmusic .responsive-user-profil-block .main-nav__link a:hover,body .l-header--topmusic .responsive-user-profil-block .main-nav__link h4:hover { color: #191c1c } body .l-header--topmusic .responsive-user-profil-block .main-nav__link h4 { font-weight: 800; margin: 0 0 32px 0; font-size: 18px; line-height: 22px; font-weight: 700; border-top: none; padding: 0 } body .l-header--topmusic .responsive-user-profil-block .main-nav__link.active:hover { background-color: #fff } body .l-header--topmusic .responsive-user-profil-block .main-nav__link.active a { color: #e85d73 } body .l-header--topmusic .responsive-user-profil-block .main-nav__link.active a:hover { color: #e85d73 } @media (max-width: 768px) { body .l-header--topmusic#header { box-shadow:none } body .l-header--topmusic#header .header__container { box-shadow: none } } @media screen and (max-width: 1090px) { body.l-body--wallet.menu-is-open #nav { transform:translateX(0); width: 100%; max-width: 320px; right: 0; left: auto; box-shadow: -4px 0 20px rgba(0,0,0,.05); border-radius: 40px 0 0 40px } } .cb-element:has(.cb-close-cookie) { display: none } .menu__verse-of-the-day--content .plm { display: none } .menu__plm-of-the-day .menu__verse-of-the-day--content .verse-of-the-day { display: none } .menu__plm-of-the-day .menu__verse-of-the-day--content .plm { display: block } #nav { position: relative; right: 0; left: 0; top: 0; width: 100%; max-height: 58px; background: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #nav-header { text-align: center; background-color: #1a3551; padding: 10px; position: relative } #nav-social { text-align: center; margin-top: .5em } #nav-social a { display: inline-block; background-color: #2e6eac; border-radius: 50%; width: 2em; height: 2em; vertical-align: top; margin: 0 10px } #nav-phases { border-left: solid 1px #1a3551 } #nav-phases h2 { position: relative; font-weight: bold; text-transform: uppercase; font-size: 1.25em; padding: .5em 0 .5em 1em; margin: 0; border-left: solid 3px #000; background-color: #f2f2f2 } #nav-phases .txt { display: inline-block; vertical-align: middle; margin-left: 1.1em } #nav-phases .btxt { display: inline-block; padding-left: 4em } #nav-phases a { display: block; color: #000; padding: .5em 0 .5em 1.1em; font-size: 1.125em; margin: 0; position: relative; transition: none } #nav-phases a img { position: absolute; top: 3px; left: 10px; bottom: 3px; width: 39px; height: 39px } #nav-phases a:after { font-weight: 400; content: "\e006"; float: right; margin-right: 1em } html.no-touch #nav-phases a:hover { color: #fff } html.no-touch #nav-phases a:hover:after { color: #fff } #nav-phases .nav-phase-access h2 { color: #e17c24; border-color: #e17c24 } #nav-phases .nav-phase-access a:after { color: #e17c24 } html.no-touch #nav-phases .nav-phase-access a:hover { background-color: #e17c24 } #nav-phases .nav-phase-know h2 { color: #2e6eac; border-color: #2e6eac } #nav-phases .nav-phase-know a:after { color: #2e6eac } html.no-touch #nav-phases .nav-phase-know a:hover { background-color: #2e6eac } #nav-phases .nav-phase-grow h2 { color: #23ae60; border-color: #23ae60 } #nav-phases .nav-phase-grow a:after { color: #23ae60 } html.no-touch #nav-phases .nav-phase-grow a:hover { background-color: #23ae60 } #nav-phases .nav-phase-share h2 { color: #e34a3a; border-color: #e34a3a } #nav-phases .nav-phase-share a:after { color: #e34a3a } html.no-touch #nav-phases .nav-phase-share a:hover { background-color: #e34a3a } #nav-phases .nav-phase-help h2 { color: #171717; border-color: #171717 } #nav-phases .nav-phase-help a:after { color: #171717 } html.no-touch #nav-phases .nav-phase-help a:hover { background-color: #171717 } @media (max-width: 37em) { #nav.is-open { width:100% } #nav-phases { border: none } } @media (max-width: 360px) { #nav-header { text-align:left } } .l-main { padding: 0; margin: 0; min-height: 100% } html.android.app-topbible .l-main { padding-bottom: 52px } .main-title { font-size: 1em; text-align: center } .main-title .btn-icon { margin-top: -3.3em } .app-topmusic-block { display: none } html.app-topmusic .app-topmusic-block { display: initial } #wrapper { position: relative; margin-top: 0; overflow-x: hidden } @media screen and (max-width: 1024px) { #wrapper { margin-top:0 } } @media screen and (max-width: 480px) { #wrapper { margin-top:0!important } } #banners { min-height: 50px } hr.clear { border: none; margin: 0; padding: 0; clear: both; height: 0 } .flash-message { position: fixed; z-index: 9999; right: 20px; top: 60px; border-left: 5px solid #82b31e; color: #444; background: #fff; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-box-shadow: 0 0 10px 2px rgba(48,48,48,.3); -moz-box-shadow: 0 0 10px 2px rgba(48,48,48,.3); box-shadow: 0 0 10px 2px rgba(48,48,48,.3) } .flash-message p { padding: 0 1em; text-align: center; max-width: 800px } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } 20% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } 20% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } } .breadcrumb-container { position: relative; z-index: 2 } .breadcrumb-container.container { margin: 30px auto; position: relative; z-index: 1 } @media screen and (max-width: 480px) { .breadcrumb-container.container { margin-top:0; margin-bottom: 20px } } .breadcrumb-container.container .breadcrumb.breadcrumb-on-page { margin: 0; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } @media screen and (max-width: 480px) { .breadcrumb-container.container .breadcrumb.breadcrumb-on-page ul li:before { top:1px!important } } .loadspinner { border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .l-2cols,.l-3cols,.l-4cols,.l-5cols,.l-6cols { margin-left: -2% } .l-2cols:before,.l-3cols:before,.l-4cols:before,.l-5cols:before,.l-6cols:before,.l-2cols:after,.l-3cols:after,.l-4cols:after,.l-5cols:after,.l-6cols:after { content: ""; display: table } .l-2cols:after,.l-3cols:after,.l-4cols:after,.l-5cols:after,.l-6cols:after { clear: both } .l-2cols .col,.l-3cols .col,.l-4cols .col,.l-5cols .col,.l-6cols .col { float: left; margin-left: 1%; margin-right: 1% } .l-1cols { max-width: 52em; margin: 0 auto } .l-2cols .col { width: 48% } .l-3cols .col { width: 31.3333333% } .l-4cols .col { width: 23% } .l-5cols .col { width: 18% } .l-6cols .col { width: 18% } @media (max-width: 60em) { .l-2cols .col,.l-3cols .col,.l-4cols .col,.l-5cols .col,.l-6cols .col { width:auto!important; display: block } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } @media screen and (max-width: 768px) { .container.no-padding-xs { padding:0 } } .container.padding-xs { padding-left: 15px; padding-right: 15px } @media (min-width: 768px) { .container { width:750px } } @media (min-width: 992px) { .container { width:970px } } @media (min-width: 1200px) { .container { width:1170px } } @media (min-width: 1600px) { .container { width:1450px } } @media (max-width: 37em) { .container { padding-left:5px; padding-right: 5px } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } @media screen and (max-width: 480px) { .break-row--mobile { display:block; clear: both; height: 24px } } .row { margin-left: -15px; margin-right: -15px } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } @media screen and (min-width: 993px) { .row-eq-height-md { display:-webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } } .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px } @media (max-width: 375px) { .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { padding-left:4vw; padding-right: 4vw } } .col-xs-1.no-padding,.col-sm-1.no-padding,.col-md-1.no-padding,.col-lg-1.no-padding,.col-xs-2.no-padding,.col-sm-2.no-padding,.col-md-2.no-padding,.col-lg-2.no-padding,.col-xs-3.no-padding,.col-sm-3.no-padding,.col-md-3.no-padding,.col-lg-3.no-padding,.col-xs-4.no-padding,.col-sm-4.no-padding,.col-md-4.no-padding,.col-lg-4.no-padding,.col-xs-5.no-padding,.col-sm-5.no-padding,.col-md-5.no-padding,.col-lg-5.no-padding,.col-xs-6.no-padding,.col-sm-6.no-padding,.col-md-6.no-padding,.col-lg-6.no-padding,.col-xs-7.no-padding,.col-sm-7.no-padding,.col-md-7.no-padding,.col-lg-7.no-padding,.col-xs-8.no-padding,.col-sm-8.no-padding,.col-md-8.no-padding,.col-lg-8.no-padding,.col-xs-9.no-padding,.col-sm-9.no-padding,.col-md-9.no-padding,.col-lg-9.no-padding,.col-xs-10.no-padding,.col-sm-10.no-padding,.col-md-10.no-padding,.col-lg-10.no-padding,.col-xs-11.no-padding,.col-sm-11.no-padding,.col-md-11.no-padding,.col-lg-11.no-padding,.col-xs-12.no-padding,.col-sm-12.no-padding,.col-md-12.no-padding,.col-lg-12.no-padding { padding: 0 } @media screen and (max-width: 768px) { .col-xs-1.no-padding-xs,.col-sm-1.no-padding-xs,.col-md-1.no-padding-xs,.col-lg-1.no-padding-xs,.col-xs-2.no-padding-xs,.col-sm-2.no-padding-xs,.col-md-2.no-padding-xs,.col-lg-2.no-padding-xs,.col-xs-3.no-padding-xs,.col-sm-3.no-padding-xs,.col-md-3.no-padding-xs,.col-lg-3.no-padding-xs,.col-xs-4.no-padding-xs,.col-sm-4.no-padding-xs,.col-md-4.no-padding-xs,.col-lg-4.no-padding-xs,.col-xs-5.no-padding-xs,.col-sm-5.no-padding-xs,.col-md-5.no-padding-xs,.col-lg-5.no-padding-xs,.col-xs-6.no-padding-xs,.col-sm-6.no-padding-xs,.col-md-6.no-padding-xs,.col-lg-6.no-padding-xs,.col-xs-7.no-padding-xs,.col-sm-7.no-padding-xs,.col-md-7.no-padding-xs,.col-lg-7.no-padding-xs,.col-xs-8.no-padding-xs,.col-sm-8.no-padding-xs,.col-md-8.no-padding-xs,.col-lg-8.no-padding-xs,.col-xs-9.no-padding-xs,.col-sm-9.no-padding-xs,.col-md-9.no-padding-xs,.col-lg-9.no-padding-xs,.col-xs-10.no-padding-xs,.col-sm-10.no-padding-xs,.col-md-10.no-padding-xs,.col-lg-10.no-padding-xs,.col-xs-11.no-padding-xs,.col-sm-11.no-padding-xs,.col-md-11.no-padding-xs,.col-lg-11.no-padding-xs,.col-xs-12.no-padding-xs,.col-sm-12.no-padding-xs,.col-md-12.no-padding-xs,.col-lg-12.no-padding-xs { padding:0 } } .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { 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-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { 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-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { 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-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { 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% } } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after { content: " "; display: table } .clearfix:after,.container:after,.container-fluid:after,.row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: 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 } .col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-5ths { width: 20%; float: left } @media (min-width: 768px) { .col-sm-5ths { width:20%; float: left } } @media (min-width: 992px) { .col-md-5ths { width:20%; float: left } } @media (min-width: 1200px) { .col-lg-5ths { width:20%; float: left } } .l-constrained { max-width: 120em; padding: 0 .625em; margin: 0 auto } .l-categories { max-width: 121em; padding: 0 1.25em 0; margin: 0 auto; position: relative; text-align: center } .l-categories:before,.l-categories:after { content: ""; display: table } .l-categories:after { clear: both } @media (max-width: 520px) { .l-categories { padding:0 0 0 } } #l-banners { width: 100%; overflow: hidden } .l-banner-container { width: 100%; margin-left: auto; margin-right: auto; height: 240px } .l-banner-inner { height: 100% } .l-banner-inner { width: 100% } @media (max-width: 43.75em) { .l-article-banner-inner { height:460px } } .l-article-banner-container { width: 100%; margin-left: auto; margin-right: auto; height: 100% } .l-article-banner-inner { line-height: 0; width: 100%; height: 240px; position: relative } .l-banner-author { top: 80px; position: absolute; left: 50%; z-index: 1; transform: translateX(-50%); color: #fff; font-size: 30px } .l-article-banner-mask { width: 100%; height: 100%; background: #000; display: block; position: absolute; opacity: .2; top: 0; left: 0; right: 0; bottom: 0 } .l-article-banner-image,.l-banner-image { background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100% } .l-article-banner-image.l-article-banner-image,.l-banner-image.l-article-banner-image { height: 100% } @media (max-width: 57.438em) { .l-article-banner-image,.l-banner-image { padding-bottom:56.25%; background-size: cover } } .l-section-about .l-article-banner-image,.l-section-about .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/about.fed4c50a72ea.jpg) } @media (max-width: 57.438em) { .l-section-about .l-article-banner-image,.l-section-about .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/about.9739215df877.jpg) } } .l-section-topformations .l-article-banner-image,.l-section-topformations .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topformations.747f97985e01.jpg) } @media (max-width: 57.438em) { .l-section-topformations .l-article-banner-image,.l-section-topformations .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topformations.239a74c8dc46.jpg) } } .l-category-favorite .l-article-banner-image,.l-category-favorite .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/user.abaf11348289.jpg) } @media (max-width: 57.438em) { .l-category-favorite .l-article-banner-image,.l-category-favorite .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/user.d4c7e4f3f64a.jpg) } } .l-category-tag .l-article-banner-image,.l-category-tag .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/pdj.199147e2d831.jpg) } @media (max-width: 57.438em) { .l-category-tag .l-article-banner-image,.l-category-tag .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/pdj.eaaa3246146a.jpg) } } .l-category-passlemot .l-article-banner-image,.l-category-passlemot .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/passlemot.6c790c9e72a2.jpg) } @media (max-width: 57.438em) { .l-category-passlemot .l-article-banner-image,.l-category-passlemot .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/passlemot.c00740e76fe5.jpg) } } .l-category-passlemot-homepage .l-article-banner-image,.l-category-passlemot-homepage .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/passlemot-homepage.1279f9b206ff.jpg) } @media (max-width: 57.438em) { .l-category-passlemot-homepage .l-article-banner-image,.l-category-passlemot-homepage .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/passlemot-homepage.7179e75472e3.jpg) } } .l-category-topmusic-allalbums .l-article-banner-image,.l-category-topmusic-allalbums .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topmusic-allalbums.1f0fa0989406.jpg) } @media (max-width: 57.438em) { .l-category-topmusic-allalbums .l-article-banner-image,.l-category-topmusic-allalbums .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topmusic-allalbums.f89f6d3fd859.jpg) } } .l-section-bible .l-article-banner-image,.l-section-bible .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topbible.f5fe3b58135b.jpg) } @media (max-width: 57.438em) { .l-section-bible .l-article-banner-image,.l-section-bible .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topbible.68c504178b2e.jpg) } } .l-category-readingplan .l-article-banner-image,.l-category-readingplan .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/readingplan.1728800dea9a.jpg) } @media (max-width: 57.438em) { .l-category-readingplan .l-article-banner-image,.l-category-readingplan .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/readingplan.674a281edbbc.jpg) } } .l-category-dictionary .l-article-banner-image,.l-category-dictionary .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/dictionary.65daa427e546.jpg) } @media (max-width: 57.438em) { .l-category-dictionary .l-article-banner-image,.l-category-dictionary .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/dictionary.b3e8323fb23c.jpg) } } .l-category-strong .l-article-banner-image,.l-category-strong .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/strong.dc11be0eaa59.jpg) } @media (max-width: 57.438em) { .l-category-strong .l-article-banner-image,.l-category-strong .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/strong.ce0c58a5457e.jpg) } } .l-section-topmusic .l-article-banner-image,.l-section-topmusic .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topmusic.a78237b73f2a.jpg) } @media (max-width: 57.438em) { .l-section-topmusic .l-article-banner-image,.l-section-topmusic .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topmusic.6cec7a152b0d.jpg) } } .l-section-musique .l-article-banner-image,.l-section-musique .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topmusic.a78237b73f2a.jpg) } @media (max-width: 57.438em) { .l-section-musique .l-article-banner-image,.l-section-musique .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topmusic.6cec7a152b0d.jpg) } } .l-category-album .l-article-banner-image,.l-category-album .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/album.ec8cb88e1d90.jpg) } @media (max-width: 57.438em) { .l-category-album .l-article-banner-image,.l-category-album .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/album.f210aa82dd82.jpg) } } .l-category-musicnews .l-article-banner-image,.l-category-musicnews .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/musicnews.0ab6c2b5f2f6.jpg) } @media (max-width: 57.438em) { .l-category-musicnews .l-article-banner-image,.l-category-musicnews .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/musicnews.14b10b00b38f.jpg) } } .l-category-musicresource .l-article-banner-image,.l-category-musicresource .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/musicresource.745e442031bf.jpg) } @media (max-width: 57.438em) { .l-category-musicresource .l-article-banner-image,.l-category-musicresource .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/musicresource.153e8d900031.jpg) } } .l-category-playlist .l-article-banner-image,.l-category-playlist .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/playlist.979cd77fc9d5.jpg) } @media (max-width: 57.438em) { .l-category-playlist .l-article-banner-image,.l-category-playlist .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/playlist.95588997f753.jpg) } } .l-section-toplive .l-article-banner-image,.l-section-toplive .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/toplive.cbdf150be545.jpg) } @media (max-width: 57.438em) { .l-section-toplive .l-article-banner-image,.l-section-toplive .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/toplive.d5fb8a3df770.jpg) } } .l-category-video .l-article-banner-image,.l-category-video .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/video.9e5696c08143.jpg) } @media (max-width: 57.438em) { .l-category-video .l-article-banner-image,.l-category-video .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/video.702886f05dd3.jpg) } } .l-section-topmessages .l-article-banner-image,.l-section-topmessages .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topmessages.8f208f0b7975.jpg) } @media (max-width: 57.438em) { .l-section-topmessages .l-article-banner-image,.l-section-topmessages .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topmessages.3fc929640ea8.jpg) } } .l-category-audio .l-article-banner-image,.l-category-audio .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/audio.7f1c225e5574.jpg) } @media (max-width: 57.438em) { .l-category-audio .l-article-banner-image,.l-category-audio .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/audio.6ebc5dde78d7.jpg) } } .l-category-text .l-article-banner-image,.l-category-text .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/text.11c5133c0ff6.jpg) } @media (max-width: 57.438em) { .l-category-text .l-article-banner-image,.l-category-text .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/text.bb5b94f747bf.jpg) } } .l-section-pdj .l-article-banner-image,.l-section-pdj .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/pdj.199147e2d831.jpg) } @media (max-width: 57.438em) { .l-section-pdj .l-article-banner-image,.l-section-pdj .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/pdj.eaaa3246146a.jpg) } } .l-section-ecard .l-article-banner-image,.l-section-ecard .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topcartes.57cfa9a15f6a.jpg) } @media (max-width: 57.438em) { .l-section-ecard .l-article-banner-image,.l-section-ecard .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topcartes.36537ce1ccf5.jpg) } } .l-section-topkids .l-article-banner-image,.l-section-topkids .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/topkids.76b84eca0f36.jpg) } @media (max-width: 57.438em) { .l-section-topkids .l-article-banner-image,.l-section-topkids .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/topkids.6e3a9516c35c.jpg) } } .l-category-miracle .l-article-banner-image,.l-category-miracle .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/miracle.cbbc123bb1fb.jpg) } @media (max-width: 57.438em) { .l-category-miracle .l-article-banner-image,.l-category-miracle .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/miracle.63fd1cf8355d.jpg) } } .l-category-author .l-article-banner-image,.l-category-author .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/author.c6cac1f6eaa1.jpg) } @media (max-width: 57.438em) { .l-category-author .l-article-banner-image,.l-category-author .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/author.f16bb94834c4.jpg) } } .l-category-project2 .l-article-banner-image,.l-category-project2 .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/top-project.11eb6c6b5191.jpg) } @media (max-width: 57.438em) { .l-category-project2 .l-article-banner-image,.l-category-project2 .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/top-project.c5cbf8ea4296.jpg) } } .l-section-reseau .l-article-banner-image,.l-section-reseau .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/top-reseau.c921b5797346.jpg) } @media (max-width: 57.438em) { .l-section-reseau .l-article-banner-image,.l-section-reseau .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/top-reseau.d534b00aa169.jpg) } } .l-section-coronavirus .l-article-banner-image,.l-section-coronavirus .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/coronavirus.11c2871880e1.jpg) } @media (max-width: 57.438em) { .l-section-coronavirus .l-article-banner-image,.l-section-coronavirus .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/coronavirus.1d50ddb713d7.jpg) } } .l-section-toptv .l-article-banner-image,.l-section-toptv .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/toptv.a99b937b2c43.jpg) } @media (max-width: 57.438em) { .l-section-toptv .l-article-banner-image,.l-section-toptv .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/toptv.7d171c35fcf4.jpg) } } .l-category-podcast .l-article-banner-image,.l-category-podcast .l-banner-image { background-image: url(https://fructifietestalents.org/maj/img/banners/large/podcast.9f9c43ad21d1.jpg) } @media (max-width: 57.438em) { .l-category-podcast .l-article-banner-image,.l-category-podcast .l-banner-image { background-image:url(https://fructifietestalents.org/maj/img/banners/small/podcast.981e607672bd.jpg) } } .l-banner-image.l-banner-artists { display: none } .l-banner-video { width: 100% } .l-banner-video.full { display: block } @media (max-width: 640px) { .l-banner-video.full { display:none } } .l-banner-video.mobile { display: none } @media (max-width: 640px) { .l-banner-video.mobile { display:block } } .l-banner-detail { text-align: center; display: table; height: 100%; width: 100%; margin-left: auto; margin-right: auto; max-width: 800px } .l-banner-detail-container { position: absolute; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: #444 } .l-banner-thumb { display: table-cell; vertical-align: middle; width: 30%; padding: 10px } .l-banner-thumb img { height: 150px } @media (max-width: 580px) { .l-banner-thumb img { height:100px } } @media (max-width: 440px) { .l-banner-thumb img { height:75px } } .l-banner-text { margin-left: 1em; vertical-align: middle; text-align: left; color: #fff; display: table-cell; line-height: 1; width: 300px; padding: 10px } .l-banner-text h3 { margin: 1em 0 .5em; font-size: 1.2em } @media (max-width: 440px) { .l-banner-text h3 { font-size:.9em } } .l-banner-text .banner-text { overflow: hidden; max-height: 3em } @media (max-width: 440px) { .l-banner-text .banner-text { display:none } } .banner-read { margin-top: .5em; display: inline-block; background-color: #90bd62; border-radius: 5px; padding: 5px 2em; text-transform: uppercase; font-size: .9em } .l-banner-section-heading { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; color: #fff; line-height: 1; font-size: 2.5em; padding-bottom: 10% } .l-banner-section-icon { margin-top: 20px; font-size: 24px } .l-banner-section-icon:before,.l-banner-section-icon:after { display: inline-block; position: relative; border-top: solid 2px #2e6eac; content: " "; width: 1em; top: -7px } .l-section-bible .l-banner-section-icon:before,.l-section-bible .l-banner-section-icon:after { border-color: #255e89 } .l-section-topkids .l-banner-section-icon:before,.l-section-topkids .l-banner-section-icon:after { border-color: #fdc53c } .l-section-ecard .l-banner-section-icon:before,.l-section-ecard .l-banner-section-icon:after { border-color: #e66345 } .l-section-topmusic .l-banner-section-icon:before,.l-section-topmusic .l-banner-section-icon:after { border-color: #118ab2 } .l-section-topmessages .l-banner-section-icon:before,.l-section-topmessages .l-banner-section-icon:after { border-color: #83b6d3 } .l-section-passlemot .l-banner-section-icon:before,.l-section-passlemot .l-banner-section-icon:after { border-color: #02c6ad } .l-section-toptv .l-banner-section-icon:before,.l-section-toptv .l-banner-section-icon:after { border-color: #ef525b } .l-section-toplive .l-banner-section-icon:before,.l-section-toplive .l-banner-section-icon:after { border-color: #ef525b } .l-section-topformations .l-banner-section-icon:before,.l-section-topformations .l-banner-section-icon:after { border-color: #bb84df } .l-section-author .l-banner-section-icon:before,.l-section-author .l-banner-section-icon:after { border-color: #3a80c6 } .l-section-user .l-banner-section-icon:before,.l-section-user .l-banner-section-icon:after { border-color: #3a80c6 } .l-section-miracle .l-banner-section-icon:before,.l-section-miracle .l-banner-section-icon:after { border-color: #f5596f } .l-section-pdj .l-banner-section-icon:before,.l-section-pdj .l-banner-section-icon:after { border-color: #fdb95f } .l-banner-section-icon:before { margin-right: .5em } .l-banner-section-icon:after { margin-left: .5em } @media (max-width: 37em) { .l-banner-section-heading { padding-bottom:15% } } .main-slider.swiper-container { border: none; border-radius: 0; margin: 0; overflow: hidden; background: #000 } .main-slider.swiper-container .swiper-pagination .swiper-pagination-bullet { background: #fff; width: 15px; height: 15px; opacity: 1 } @media (max-width: 480px) { .main-slider.swiper-container .swiper-pagination .swiper-pagination-bullet { width:8px; height: 8px } } .main-slider.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #000 } .main-slider .pos,.main-slider .back,.main-slider .next { position: absolute; top: 50%; margin-top: -22px; z-index: 10; cursor: pointer; opacity: 0 } .main-slider .back { left: 10% } .main-slider .next { right: 10% } html.no-touch .main-slider:hover html.no-touch .back,.main-slider:hover .next { opacity: 1 } .l-section-pdj .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/pdj.7254b2b8159c.svg) } .l-category-passlemot .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/passlemot.9f43b7774f69.svg) } .l-category-miracle .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/umcj.97cb8c6adfd5.svg) } .l-section-bible .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-bible.51fab7ba7d74.svg) } .l-section-topkids .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-kids.7f4a159589fb.svg) } .l-section-topmessages .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-messages.1a0347a78640.svg) } .l-section-topmusic .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-music.7bd1482e2b18.svg) } .l-section-musique .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-music.7bd1482e2b18.svg) } .l-section-toplive .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-live.ea7c7ce3c10e.svg) } .l-section-ecard .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-cartes.90649942cb9b.svg) } .l-section-about .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/about-us.85993a9eb407.svg) } .l-category-about .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/about-us-white.692fc3786cd6.svg) } .l-category-musicresource .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/music-ressources.d035d7f8e2b7.svg) } .l-category-song .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/topchant.e8caad248ecd.svg) } .l-category-project2 .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/project.c3e6d1815872.svg) } .l-category-project .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/equipe.3d0ce5ded379.svg) } .l-section-reseau .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/top-reseau.1697931e5680.svg) } .l-section-topformations .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/topformations.406ab2ece569.svg) } .l-section-toptv .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/toptv.6f42f4c59012.svg) } .l-category-podcast .logo-head-svg { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/podcast.3a93fc3a60de.svg) } .logo-head-banner { position: relative; z-index: 2 } .logo-head-banner p { color: #fff; text-align: center; font-size: 1em; line-height: 1.125em; display: block; margin-top: 0 } .logo-head-container { width: 160px; margin: 0 auto } .logo-head-container div { width: 100% } .logo-head-container div.logo-head-svg { width: 100%; height: 0; padding-bottom: 100%; display: block; background-position: center center; background-repeat: no-repeat } .l-head-banner-mask { background-color: rgba(0,0,0,.2); width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1 } .l-head-banner-mask-white { background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; max-height: 300px } .l-category-tag .l-banner-inner { margin-top: 50px } .l-posts { padding-bottom: 3em; position: relative; z-index: 1; margin-top: 2em } .l-posts:before,.l-posts:after { content: ""; display: table } .l-posts:after { clear: both } .l-article-page #l-banners { margin-bottom: 42px } .l-article-page #l-banners .l-article-banner-container,.l-article-page #l-banners .l-article-banner-inner { height: 320px } @media screen and (max-width: 480px) { .l-article-page #l-banners .l-article-banner-container,.l-article-page #l-banners .l-article-banner-inner { height:240px } .l-article-page { background: #fff } } .l-article { margin-top: 1em; margin-bottom: 1em; text-align: center } .l-article:before,.l-article:after { content: ""; display: table } .l-article:after { clear: both } .l-article .l-sidebar { display: inline-block; text-align: left; vertical-align: top; max-width: 285px; position: relative; z-index: 1 } .l-article .l-sidebar img { max-width: 100%; margin-bottom: -5px } .l-full-article .l-article { margin-top: -6em; margin-bottom: 2em } .l-article .container { padding: 0 } @media screen and (max-width: 480px) { .l-article { margin-top:0 } .l-article.l-constrained { padding: 0 } } .article-main { margin: 0 auto; text-align: justify; width: -moz-calc(100% - 19.5em - 30px); width: -webkit-calc(100% - 19.5em - 30px); width: -o-calc(100% - 19.5em - 30px); width: calc(100% - 19.5em - 30px); display: inline-block; vertical-align: top; position: relative; margin-right: 30px; z-index: 2; -margin-top: -120px } .article-main.trail .content { min-height: 310px } .article-main .BeOpWidget,.article-main .BeOpinionWidget { max-width: 400px; margin: 54px auto!important; background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.1); border-radius: 6px; padding: 12px } .article-main .article-img { max-width: 100%; display: block; text-align: center; float: left; padding-right: 30px } .article-main .article-img img { max-width: 100% } .article-main .article-img img.square { display: none } .article-main .article-img img.wide { display: block } .article-main .article-img .icon-video-play { display: none } .article-main .breadcrumb li:before { top: -1px } .article-main .content { padding: 40px; background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px } .article-main .content:before,.article-main .content:after { content: ""; display: table } .article-main .content:after { clear: both } @media screen and (max-width: 480px) { .article-main .content { border-radius:0; box-shadow: none } } .article-main .content img { max-width: 100%; height: auto; border-radius: 6px } .article-main .content p,.article-main .content li { font-size: 1.125rem; line-height: 1.3 } @media screen and (max-width: 800px) { .article-main .content p,.article-main .content li { font-size:1.0625rem; line-height: 1.3 } } .article-main .content p.song-related-explain,.article-main .content li.song-related-explain { font-size: .625em; line-height: 1.3 } html.font-serif .article-main .content p,html.font-serif .article-main .content li { font-family: "Playfair Display",serif } html.font-large .article-main .content p,html.font-large .article-main .content li { font-size: 1.25rem } html.font-small .article-main .content p,html.font-small .article-main .content li { font-size: 1rem } .article-main .content h2 { font-weight: 500; margin-top: 42px; margin-bottom: 10px; line-height: 36px } .article-main .content h3 { font-weight: 500; margin-top: 10px; margin-bottom: 10px; line-height: 30px } @media screen and (max-width: 480px) { .article-main .content { padding:0 10px; margin-bottom: 20px } } .article-main .content .author-image-signature { max-width: 240px; height: auto } .article-main .content .pl_below_article { background: #f9f9f9; border-radius: 10px; padding: 14px; -webkit-box-shadow: inset 0 0 15px 11px rgba(0,0,0,.02); box-shadow: inset 0 0 15px 11px rgba(0,0,0,.02); margin-bottom: 14px } .article-main .content .pl_below_article img { margin-right: 15px!important } @media screen and (max-width: 768px) { .article-main .content .pl_below_article img { float:none!important; display: block; margin: 10px auto; margin-right: auto!important; text-align: center } } .article-main .content .author-subscription-notlogged { text-transform: uppercase; background: none; font-size: 12px; color: #3a80c6; padding: 0; margin-left: 8px; border: none; margin-bottom: 0; font-weight: 400 } .article-main .content .author-subscription-notlogged span { line-height: 1; font-size: inherit; color: inherit } .article-main .oneprayfortoday { display: block; position: relative; margin: 0 auto; width: 260px; text-transform: uppercase; font-weight: 400; text-align: center } .article-main .oneprayfortoday:after,.article-main .oneprayfortoday:before { content: ""; border-top: solid 1px #ddd; position: absolute; height: 1px; width: 80% } .article-main .oneprayfortoday:before { left: -80%; top: 50% } .article-main .oneprayfortoday:after { right: -80%; top: 50% } .article-main .BeOpinionWidget { max-width: 500px; margin: 20px auto } html.app .breadcrumb { display: none } .l-section-bible.l-category-readingplan .article-main .article-img,.l-section-miracle .article-main .article-img,.l-section-pdj .article-main .article-img,.l-section-about .article-main .article-img,.l-section-topformations .article-main .article-img,.l-section-topmessages.l-category-text .article-main .article-img { float: none; padding-right: 0 } .article-main.article-verse .content { border: none; padding: 0 } .article-overlay:before { background: -webkit-linear-gradient(left,#333,rgba(51,51,51,0)); background: -moz-linear-gradient(left,#333,rgba(51,51,51,0)); background: -ms-linear-gradient(left,#333,rgba(51,51,51,0)); background: -o-linear-gradient(left,#333,rgba(51,51,51,0)); background: linear-gradient(to right,#333,rgba(51,51,51,0)); content: " "; height: 100%; left: -800px; position: absolute; width: 100px } .article-overlay:after { background: -webkit-linear-gradient(right,#333,rgba(51,51,51,0)); background: -moz-linear-gradient(right,#333,rgba(51,51,51,0)); background: -ms-linear-gradient(right,#333,rgba(51,51,51,0)); background: -o-linear-gradient(right,#333,rgba(51,51,51,0)); background: linear-gradient(to left,#333,rgba(51,51,51,0)); content: " "; height: 100%; left: 700px; position: absolute; width: 100px } .article-overlay { height: 100%; left: 50%; position: absolute } .article-title { margin-top: 42px; margin-bottom: 42px; clear: both; color: #212121; font-size: 2.875rem; line-height: 1.2; padding-bottom: 1px; text-align: center; font-weight: 700!important; word-wrap: break-word } @media screen and (max-width: 800px) { .article-title { font-size:2rem; text-align: center; line-height: 38px; margin: 0 } } .article-title.article-title-form,.article-verse .article-title { border: none } .article-subtitle { text-transform: uppercase; color: #727272; font-weight: 300; font-size: 1.5rem; margin-top: .7em; text-align: center } @media screen and (min-width: 769px) { .article-actions-mobile--container { display:none!important } } .article-actions-mobile--container { position: relative; z-index: 999; right: auto; top: auto; margin: 20px auto 0 auto; white-space: nowrap; text-align: center; display: flex; align-items: center; justify-content: center } .article-actions-mobile--container .share-count { display: none } .article-actions-mobile--container .article-actions-mobile--icons { display: flex; justify-content: center; align-items: center; gap: 20px } .article-actions-mobile--container .article-actions-mobile--icons .article-actions { display: inline-block; width: auto } .article-actions-mobile--container .article-actions-mobile--icons .article-actions .share-count { display: none } .article-actions { transition: top .3s ease-in; -webkit-transition: top .3s ease-in; margin-bottom: 24px; margin-top: 24px; text-align: center; clear: both } .article-actions .share-count { font-family: "Montserrat",sans-serif; margin-bottom: 8px; display: block; color: #a5a5a5; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: .75em; margin-top: 8px } .article-actions .article-actions-btn { margin-right: 14px } .article-actions .article-actions-btn:last-of-type { margin-right: 0 } @media screen and (max-width: 1320px) { .article-actions { left:-44px } } @media screen and (max-width: 1200px) { .article-actions { left:-84px } } @media screen and (max-width: 1124px) { .article-actions { position:relative; top: 0; left: 0; display: block; width: 100% } .article-actions .share-count { display: block; font-size: .75em } } .sharebar { width: 100%; display: block; text-align: center } .sharebar .btn-base { margin: 0 } html.app-app .sharebar .share-whatsapp-button { display: none } .actionbar { display: inline-block; margin-top: 0; line-height: 1.5; margin-bottom: 1px } .actionbar a { position: relative; top: .5em } .scroll-to-comments .btn-icon-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .share-fb-page { float: right } .share-fb-page>div { text-align: center; font-size: .6em; line-height: 0 } .author_signature { display: flex; align-items: center; justify-content: flex-end; clear: both; font-size: .875rem; line-height: 1.2; font-weight: bold; margin: 32px 0 32px auto; font-family: "Montserrat",sans-serif } @media screen and (max-width: 480px) { .author_signature { justify-content:center } } .author_signature .author_signature--inner { border: 1px solid #f4f4f4; display: flex; align-items: center; flex-shrink: 1; padding: 8px 12px; border-radius: 12px; gap: 8px } @media screen and (max-width: 480px) { .author_signature .author_signature--inner { flex-direction:column; gap: 12px } } .author_signature a { color: #212121 } .author_signature a.btn-base { margin: 0; display: inline-flex; gap: 4px; align-items: center } .author_signature a.btn-base svg { width: 18px; height: 18px } .author_signature a.btn-base.is-subscribed { color: #fff; background: #3a80c6; border-color: #3a80c6 } html.no-touch .author_signature a.btn-base.is-subscribed:hover { background: #fff; color: #3a80c6!important; border-color: #fff!important } html.no-touch .author_signature a.btn-base.is-subscribed:hover svg { fill: #3a80c6!important } .article-author { line-height: 1; position: absolute; left: 0; right: 0; top: 54px; text-align: center } .article-author-name { width: 100%; text-align: center; margin-bottom: 2em } .article-author-name .author-subscription-notlogged { margin-top: 10px } .article-author-name.large { text-transform: uppercase; font-size: 16px; margin-bottom: 10px } .article-author-name span { color: #444; line-height: 30px; vertical-align: top; font-size: .875rem } @media screen and (max-width: 800px) { .article-author-name span { line-height:26px } } .article-author-name .article-author-image { display: inline-block; border-radius: 50%; padding: 2px; width: 30px; height: 30px; background-size: cover; background-position: center; margin-right: 10px } @media screen and (max-width: 800px) { .article-author-name .article-author-image { width:26px; height: 26px } .article-author-name { margin-top: 1em; text-align: center } } .article-author-category { padding-top: 10px; display: block; color: #fff; font-size: 28px } html.no-touch .article-author-category:hover { color: #fff } .article-author-category:after,.article-author-category:before { content: " / " } .l-category-favorite .article-author-category:after,.l-category-favorite .article-author-category:before { color: #255e89 } .l-category-section .article-author-category:after,.l-category-section .article-author-category:before { color: #255e89 } .l-category-shortlink .article-author-category:after,.l-category-shortlink .article-author-category:before { color: #255e89 } .l-category-category .article-author-category:after,.l-category-category .article-author-category:before { color: #255e89 } .l-category-comic .article-author-category:after,.l-category-comic .article-author-category:before { color: #fbc139 } .l-category-ecard .article-author-category:after,.l-category-ecard .article-author-category:before { color: #e0523a } .l-category-ecardsend .article-author-category:after,.l-category-ecardsend .article-author-category:before { color: #e0523a } .l-category-album .article-author-category:after,.l-category-album .article-author-category:before { color: #118ab2 } .l-category-musicnews .article-author-category:after,.l-category-musicnews .article-author-category:before { color: #25b9ea } .l-category-musicresource .article-author-category:after,.l-category-musicresource .article-author-category:before { color: #3dc1ec } .l-category-playlist .article-author-category:after,.l-category-playlist .article-author-category:before { color: #118ab2 } .l-category-devotional .article-author-category:after,.l-category-devotional .article-author-category:before { color: #fdb95f } .l-category-text .article-author-category:after,.l-category-text .article-author-category:before { color: #7bb8db } .l-category-textserie .article-author-category:after,.l-category-textserie .article-author-category:before { color: #7bb8db } .l-category-audio .article-author-category:after,.l-category-audio .article-author-category:before { color: #4780b9 } .l-category-readingplan .article-author-category:after,.l-category-readingplan .article-author-category:before { color: #3c9bdf } .l-category-dictionary .article-author-category:after,.l-category-dictionary .article-author-category:before { color: #3382ba } .l-category-strong .article-author-category:after,.l-category-strong .article-author-category:before { color: #26638f } .l-category-verse .article-author-category:after,.l-category-verse .article-author-category:before { color: #1b4869 } .l-category-passlemot .article-author-category:after,.l-category-passlemot .article-author-category:before { color: #03ccb6 } .l-category-event .article-author-category:after,.l-category-event .article-author-category:before { color: #f2565f } .l-category-video .article-author-category:after,.l-category-video .article-author-category:before { color: #2180df } .l-category-emissions .article-author-category:after,.l-category-emissions .article-author-category:before { color: #5a80a6 } .l-category-user .article-author-category:after,.l-category-user .article-author-category:before { color: #a3a6af } .l-category-tag .article-author-category:after,.l-category-tag .article-author-category:before { color: #666 } .l-category-author .article-author-category:after,.l-category-author .article-author-category:before { color: #3a80c6 } .l-category-about .article-author-category:after,.l-category-about .article-author-category:before { color: #31bce3 } .l-category-topfamille .article-author-category:after,.l-category-topfamille .article-author-category:before { color: #0394b8 } .l-category-topformations .article-author-category:after,.l-category-topformations .article-author-category:before { color: #bb7bdf } .l-category-infochretienne .article-author-category:after,.l-category-infochretienne .article-author-category:before { color: #f77f1e } .l-category-madlife .article-author-category:after,.l-category-madlife .article-author-category:before { color: #40307f } .l-category-leaderschretiens .article-author-category:after,.l-category-leaderschretiens .article-author-category:before { color: #d00472 } .l-category-podcast .article-author-category:after,.l-category-podcast .article-author-category:before { color: #c0252b } .l-category-mystory .article-author-category:after,.l-category-mystory .article-author-category:before { color: #f77f1e } .l-category-project2 .article-author-category:after,.l-category-project2 .article-author-category:before { color: #e34a3a } .l-category-ebookchretien .article-author-category:after,.l-category-ebookchretien .article-author-category:before { color: #f73734 } .l-category-miracle .article-author-category:after,.l-category-miracle .article-author-category:before { color: #f5596f } .l-category-videokid .article-author-category:after,.l-category-videokid .article-author-category:before { color: #fcc34b } .l-category-clip .article-author-category:after,.l-category-clip .article-author-category:before { color: #118ab2 } .l-category-track .article-author-category:after,.l-category-track .article-author-category:before { color: #118ab2 } .l-category-song .article-author-category:after,.l-category-song .article-author-category:before { color: #118ab2 } .l-category-course .article-author-category:after,.l-category-course .article-author-category:before { color: #1b4869 } .l-category-product .article-author-category:after,.l-category-product .article-author-category:before { color: #3a3a3a } .legal_mentions { text-align: right; font-style: italic; clear: both } .legal_mentions a { color: #777 } #article_video_wrapper { width: 700px; max-width: 100%; margin: 30px auto } #article_video_container { position: relative; padding-bottom: 56.25%; margin: 0 auto; height: 0; overflow: hidden } #article_video_player,#article_video_player_video_player { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #article_video_player:after,#article_video_player_video_player:after { content: ""; clear: both } #article_video_player iframe,#article_video_player_video_player iframe { width: 100%!important; height: 100% } .article-media { min-height: 20px; position: relative; width: 100%; margin: 1em auto } .l-category-devotionallive .article-media,.l-category-kidslive .article-media,.l-category-musiclive .article-media,.l-category-messagelive .article-media { display: none } .article-media>div { width: 100%; padding-bottom: 20%; } .article-media>div #article_video_container,.article-media>div .article-img { position: absolute; top: 0; width: 400px; height: 100% } .article-media>div #article_video_container { z-index: 1; margin-left: 400px; } .article-media>div .article-img { background: #fff; z-index: 2; } .article-media>div .article-img img { width: 100%; } .article-media-image-with-video .article-img { cursor: pointer } .article-media-image-with-video .article-img .icon-video-play { display: inline-block; position: absolute; top: 50%; left: 50%; font-size: 5em; color: #fff; line-height: 1; transform: translate(-.5em,-.5em); background-color: rgba(0,0,0,.5); border-radius: 50%; padding: 0 .04em .06em } .button-inside { border: none; background: none; margin: 0; padding: 0 } .article-edit { text-align: right; margin: 1em 0 0 } #recaptcha_widget_div { position: relative } @media (max-width: 37em) { #recaptcha_widget_div { margin-left:-30px } } .article-strong .heading { text-align: center; margin-bottom: 1em } .article-strong .heading>* { display: inline-block } .article-strong .heading .strong-num { font-weight: bold } .article-strong .heading .pron { margin-left: 3em; font-style: italic } .article-strong .definition,.article-strong .etym,.article-strong .pos,.article-strong .main-slider .back,.main-slider .article-strong .back,.article-strong .main-slider .next,.main-slider .article-strong .next,.article-strong .seealso,.article-strong .syn { margin-bottom: 2em; border-radius: 20px; box-shadow: 0 6px 18px rgba(10,10,10,.09); padding: 20px } .article-strong .definition h3,.article-strong .etym h3,.article-strong .pos h3,.article-strong .main-slider .back h3,.main-slider .article-strong .back h3,.article-strong .main-slider .next h3,.main-slider .article-strong .next h3,.article-strong .seealso h3,.article-strong .syn h3 { margin: 0; color: #272727; margin-bottom: 20px; font-size: 1.125em; font-weight: bold } .article-strong .definition h3:after,.article-strong .etym h3:after,.article-strong .pos h3:after,.article-strong .main-slider .back h3:after,.main-slider .article-strong .back h3:after,.article-strong .main-slider .next h3:after,.main-slider .article-strong .next h3:after,.article-strong .seealso h3:after,.article-strong .syn h3:after { content: ''; display: block; width: 40px; border-radius: 10px; height: 4px; background: #fc8b2f; margin: 4px auto 8px 0 } .article-strong .definition div,.article-strong .etym div,.article-strong .pos div,.article-strong .main-slider .back div,.main-slider .article-strong .back div,.article-strong .main-slider .next div,.main-slider .article-strong .next div,.article-strong .seealso div,.article-strong .syn div { padding: 10px } .article-strong .definition h3:after { background: #ffcc3f } .article-strong .etym h3:after { background: #428efe } .article-strong .pos h3:after,.article-strong .main-slider .back h3:after,.main-slider .article-strong .back h3:after,.article-strong .main-slider .next h3:after,.main-slider .article-strong .next h3:after { background: #50dfb3 } .article-strong .definition { width: 98%; margin: 0 1% 1em } .article-strong .definition ol { margin: 0; padding: 0 0 0 1em; list-style-type: decimal } .article-strong .definition ol .strong-level2,.article-strong .definition ol .strong-level4 { list-style-type: lower-latin } .article-strong .l-strong-column { float: left; width: 48%; margin: 0 1%; vertical-align: top } .scrollFix { line-height: 1.35; overflow: hidden; white-space: nowrap } .l-article .ui-datepicker { width: auto; max-width: 17em } .rsbtn { width: initial!important; height: auto; display: inline!important; vertical-align: middle!important; top: 1px!important } .rsbtn .rspart { float: right!important; height: 37px!important; margin-left: 5px!important; overflow: hidden!important; top: 2px!important } .rsbtn .rsbtn_exp { padding: 4px!important } .rsbtn .rsbtn_play { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif!important; padding: 8px 14px!important; font-size: 12px!important; letter-spacing: 1px!important; text-transform: uppercase!important; font-weight: 500!important; position: relative!important; color: #fff!important; text-align: center!important; float: none!important; line-height: 1.5em!important; display: inline-block!important; margin-bottom: 5px!important; margin-top: auto!important; top: 1px!important } .rsbtn .rsbtn_left .rsbtn_text { margin: 7px 10px 0 7px!important; background-image: url(static/img/articlebar/listen.1cc81558175f.png)!important; background-size: 18px auto!important; padding-right: 2px } .rsbtn .rsbtn_left .rsbtn_text span { color: #fff; padding-left: 10px } .rsbtn .rsbtn_right { display: none } .rsbtn .rsbtn_exp,.rsbtn .rsbtn_left,.rsbtn .rsbtn_player { background: none!important; background-color: #336fad!important } .rsbtn .rsbtn_pause { background: transparent url(static/img/articlebar/rs_button_pause.9e6775544806.png) no-repeat scroll 0 0!important } .rsbtn .rsbtn_stop { background: transparent url(static/img/articlebar/rs_button_stop.8a7aca98e2aa.png) no-repeat scroll 0 0!important } .rsbtn .rsbtn_closer { background: transparent url(static/img/articlebar/rs_button_closer.6f00f1bcd0b3.png) no-repeat scroll 0 0!important } .rsbtn .rsbtn_powered { padding-top: 10px } .rsimg { display: none } .article-phrase { margin: 30px 0; padding: 20px 25px; position: relative; color: #000; background: none; font-size: 2.375rem; line-height: 1.2em; font-weight: 700; border-left: 4px solid #ffa500; text-align: left!important } .article-phrase:before { content: '“' } .article-phrase:after { content: '”' } @media screen and (max-width: 480px) { .article-phrase { max-width:unset; width: 100%; margin: 20px 0; font-size: 1.5rem } } .article-verse { padding-left: 50px; padding-right: 50px; padding-top: 0; padding-bottom: 0; margin-top: 40px; margin-bottom: 40px; font-size: 1.75rem; font-weight: bold; line-height: 1.875rem; position: relative; border: none!important; text-align: center!important } .article-verse a { font-weight: bold; font-size: 1rem; margin-top: 12px } .article-verse a:first-of-type:before { content: ''; display: block; white-space: pre } .article-verse:before { content: ""; line-height: 84px; font-size: 140px; display: block; text-align: center; color: #eff0f4; font-weight: 500; margin-bottom: -20px } @media screen and (max-width: 480px) { .article-verse { padding:0; font-size: 1.375rem; line-height: 1.5rem; margin-top: 46px; margin-bottom: 34px; text-align: left!important } .article-verse:before { line-height: 3.75rem; text-align: left; margin-bottom: -36px } } .utilbutbar { float: right } .utilbutbar .action_icon { background-color: #336fad; width: 31px; height: 31px; text-align: center; float: left; margin-right: 10px } .utilbutbar .action_icon img { padding-top: 6px } @media screen and (max-width: 768px) { .l-category-readingplan .utilbutbar { float:none } .l-category-readingplan .utilbutbar.hidden-sm { display: block!important } } .l-category-readingplan .utilbutbar .article-download-pdf-btn,html.app .utilbutbar .article-download-pdf-btn,.l-category-readingplan .utilbutbar .article-print-btn,html.app .utilbutbar .article-print-btn { display: none } html.fbm #cookiebar,html.fbm #ht_container,html.fbm #music-player-site,html.fbm #l-banners,html.fbm #header,html.fbm .l-sidebar,html.fbm .article-actions { display: none } @media (max-width: 992px) { .l-article .l-sidebar { float:inherit; width: 100%; margin-bottom: 2em; padding: 0; max-width: unset } .l-article .l-sidebar #pl_relative_zone { max-width: unset } .l-article .l-sidebar #pl_relative_zone .subscribe-newsletter-form { width: 100% } .l-article .l-sidebar .pl_relative_zone_module.sidebar-informations { float: none; margin-right: 10px; width: calc(50% - 25px); margin-bottom: 40px; display: inline-block; margin-left: 10px } .l-article .l-sidebar .pl_relative_zone_module.related-type-latest,.l-article .l-sidebar .pl_relative_zone_module.related-type-author,.l-article .l-sidebar .pl_relative_zone_module.related-type-theme { clear: both } .l-article .l-sidebar .pl_relative_zone_module.related-type-latest .sidebar-title,.l-article .l-sidebar .pl_relative_zone_module.related-type-author .sidebar-title,.l-article .l-sidebar .pl_relative_zone_module.related-type-theme .sidebar-title { font-size: 1.375em } .l-article .l-sidebar .pl_relative_zone_module.related-products { clear: both } .l-article-page #l-banners { margin-bottom: 0 } .l-article-page .breadcrumb-container { margin-top: 1.6em } .article-main { margin-right: 0; width: 100%; margin-bottom: 1em; clear: both; float: none; margin-top: 0 } .article-subtitle { font-size: 1.25em } } @media screen and (max-width: 480px) { .l-article .l-sidebar { margin-bottom:1em; padding: 10px } .l-article .l-sidebar .pl_relative_zone_module { margin-bottom: 30px } .l-article .l-sidebar .pl_relative_zone_module.sidebar-informations { float: none; margin-right: 0; width: 100%; margin-bottom: 20px; margin-left: 0 } .l-article .l-sidebar .pl_relative_zone_module.related-type-latest .sidebar-title,.l-article .l-sidebar .pl_relative_zone_module.related-type-author .sidebar-title,.l-article .l-sidebar .pl_relative_zone_module.related-type-theme .sidebar-title { font-size: 1em } } @media (max-width: 43.563em) { .article-strong .l-strong-column { width:98%; margin: 0 1% } } @media (max-width: 37em) { .article-main .article-img { float:none; margin: 0 auto 1em; max-width: 100% } .article-main .article-img img { width: 100% } .article-main .article-img img.square { display: block } .article-main .article-img img.wide { display: none } } .respimg { max-width: 100%; height: auto } @media (max-width: 57.438em) { .article-actions { text-align:center } } .overlay { display: none; height: 100%; width: 100%; position: fixed; z-index: 999; top: 0; left: 0; background-color: #000; background-color: rgba(0,0,0,.9); overflow-x: hidden } @media (max-width: 37em) { .overlay { display:block } } .overlay-content { position: relative; top: 60px; width: 100%; text-align: center; margin-top: 30px } .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #f1f1f1; display: block } .overlay .closebtn { position: absolute; top: 60px; right: 35px; font-size: 60px; z-index: 999 } .breadcrumb { margin: 0 0 15px; background: #fff; display: inline-block; padding: 1px 4px; border-radius: 4px } .breadcrumb ul { list-style: none; display: inline; padding: 0 10px } .breadcrumb ul li { display: inline-block; font-size: .875em!important } .breadcrumb ul li:before { top: -3px } .breadcrumb ul li a { color: #3a80c6; display: inline-block; text-decoration: none; margin: 0 5px; font-size: .875em } @media screen and (max-width: 480px) { .breadcrumb ul li a { margin:5px 0 } } .breadcrumb ul li a.current-page { color: #5a94cf } html.no-touch .breadcrumb ul li a:hover { color: #285a8b } .breadcrumb ul li:before { content: '\203A'; color: #8c8c8c; font-size: 1.25em; margin: 4px; vertical-align: top; position: relative } @media screen and (max-width: 480px) { .breadcrumb ul li:before { margin:4px; top: 4px!important } } .breadcrumb ul li:first-child:before { display: none } @media screen and (max-width: 768px) { .breadcrumb-container { text-align:center; float: none; margin: 10px auto 5px } .breadcrumb-container .breadcrumb { width: 100%; border-bottom: 0; background: none } } @media screen and (max-width: 480px) { .breadcrumb-container { text-align:center; float: none; margin: 10px auto 5px } .breadcrumb-container .breadcrumb { width: 100%; font-size: .8125rem; border-bottom: 0; background: none } } .classifications-block { float: right } .classifications-block .btn-classifications { border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #3a80c6; padding-bottom: 4px; font-size: 13px; margin-right: 5px; margin-bottom: 5px } @media screen and (max-width: 480px) { .classifications-block { float:none; margin-top: 0; margin-bottom: .5em; padding-left: 10px } } .close { color: #00adfa; line-height: 25px; position: absolute; right: 15px; top: 15px; width: 24px; text-decoration: none; font-weight: bold; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .close:hover { color: #3a80c6 } .article-title-editable { cursor: pointer; position: relative } .article-title-editable:after { content: ""; font-weight: 400; font-style: normal; line-height: 1; opacity: 0; position: absolute; font-size: 18px; background: #ccc; border-radius: 50%; padding: 10px; color: #f2f2f2; top: 4px; margin-left: 10px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .article-title-editable:hover { text-decoration: none } html.no-touch .article-title-editable:hover:after { opacity: 1 } h4.medium-title { text-transform: uppercase; font-weight: 500; font-size: 1.5em; margin: 10px auto; color: #3a80c6 } span.small-message { font-size: 1.125em; color: #00adfa; display: block; margin-top: 40px } .jp_container_main { margin: 0 auto; position: relative } .jp_container_main.jp-state-playing .jp-audio .jp-play { display: none!important } .jp_container_main.jp-state-playing .jp-audio .jp-stop { display: block!important } .jp_container_main .close-audio-player { position: absolute; right: 0; top: 0; color: #272727; font-size: .625em; z-index: 1 } .jp_container_main .close-audio-player i { margin-right: 4px } .jp_container_main .jp-audio { background: none; border: none; font-family: "Montserrat",sans-serif; margin: 0 } .jp_container_main .jp-audio .jp-controls button { background: none; text-indent: initial; font-size: 3em; color: #3a80c6; height: auto; width: auto; margin: 0; margin-top: -8px } .jp_container_main .jp-audio .jp-volume-controls { top: 27px } .jp_container_main .jp-audio .jp-volume-controls .jp-mute,.jp_container_main .jp-audio .jp-volume-controls .jp-volume-max { background: none; text-indent: initial; width: auto; height: auto; font-size: 14px } .jp_container_main .jp-audio .jp-volume-controls .jp-volume-bar { left: 26px } .jp_container_main .jp-audio .jp-stop { display: none!important } .jp_container_main .jp-audio .jp-interface { background: none } .jp_container_main .jp-audio .jp-details { background: none; border: 0 } .jp_container_main .jp-audio .jp-progress { height: 6px; border-radius: 12px; overflow: hidden } .jp_container_main .jp-audio .jp-progress .jp-play-bar { background: #3a80c6 } .jp_container_main .jp-audio .jp-download { position: absolute; right: 0; bottom: 0; font-size: .8em } .jp-before-audio-playing .jp-audio { position: relative; min-height: 90px; overflow: hidden } .jp-before-audio-playing .jp-audio .jp-before-audio-playing-message { display: block; position: absolute; background: #aff; text-align: center; top: 0; left: 0; right: 0; bottom: 0; z-index: 999 } .jp-before-audio-playing #skip-intro,.jp-before-audio-playing #continue-meditation { display: none } .jp-before-audio-playing-message { display: none } .article_before_video_container { pointer-events: none } .article_before_video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% } .article-reseau #skill--find-on-map,.l-section-user #skill--find-on-map,.l-section-musique #skill--find-on-map,.l-section-topmusic #skill--find-on-map { position: absolute; width: 300px; top: 10px; right: 10px; z-index: 3 } @media screen and (max-width: 480px) { .article-reseau #skill--find-on-map,.l-section-user #skill--find-on-map,.l-section-musique #skill--find-on-map,.l-section-topmusic #skill--find-on-map { width:calc(100% - 20px) } } .article-reseau #skill--find-on-map.form-group,.l-section-user #skill--find-on-map.form-group,.l-section-musique #skill--find-on-map.form-group,.l-section-topmusic #skill--find-on-map.form-group { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .article-reseau #skill--find-on-map.form-group input[type="text"],.l-section-user #skill--find-on-map.form-group input[type="text"],.l-section-musique #skill--find-on-map.form-group input[type="text"],.l-section-topmusic #skill--find-on-map.form-group input[type="text"] { border: 0; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; width: 100%; text-align: center; background: #fff; font-size: 1rem; padding: 10px; -webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03); box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03) } .article-reseau .btn-action-network,.l-section-user .btn-action-network,.l-section-musique .btn-action-network,.l-section-topmusic .btn-action-network { margin: 14px auto } @media screen and (max-width: 480px) { .article-reseau .btn-action-network,.l-section-user .btn-action-network,.l-section-musique .btn-action-network,.l-section-topmusic .btn-action-network { margin:10px auto } } .article-reseau .skill--map,.l-section-user .skill--map,.l-section-musique .skill--map,.l-section-topmusic .skill--map { width: 100%; height: 400px; position: relative; clear: both; margin: 40px auto } .article-reseau .skill--map .result-count--container,.l-section-user .skill--map .result-count--container,.l-section-musique .skill--map .result-count--container,.l-section-topmusic .skill--map .result-count--container { position: absolute; bottom: 0; left: 0; background-color: rgba(255,255,255,.7); color: #232332; padding: 8px 20px; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 600; font-size: 1.375rem } @media screen and (max-width: 480px) { .article-reseau .skill--map .result-count--container,.l-section-user .skill--map .result-count--container,.l-section-musique .skill--map .result-count--container,.l-section-topmusic .skill--map .result-count--container { font-size:1rem } } .article-reseau #skillset h4,.l-section-user #skillset h4,.l-section-musique #skillset h4,.l-section-topmusic #skillset h4 { margin-bottom: 5px; min-height: 72px; text-transform: uppercase; font-size: 1.125em; color: #3a80c6 } @media screen and (max-width: 480px) { .article-reseau #skillset h4,.l-section-user #skillset h4,.l-section-musique #skillset h4,.l-section-topmusic #skillset h4 { min-height:unset; margin-bottom: 10px; margin-top: 25px } } .article-reseau .join-network--form,.l-section-user .join-network--form,.l-section-musique .join-network--form,.l-section-topmusic .join-network--form { margin-bottom: 40px } .article-reseau .join-network--form textarea,.l-section-user .join-network--form textarea,.l-section-musique .join-network--form textarea,.l-section-topmusic .join-network--form textarea { height: 100px } .article-reseau .skill--detail-container h3,.l-section-user .skill--detail-container h3,.l-section-musique .skill--detail-container h3,.l-section-topmusic .skill--detail-container h3 { font-weight: 500 } .article-reseau .skill--detail-container .skill--category,.l-section-user .skill--detail-container .skill--category,.l-section-musique .skill--detail-container .skill--category,.l-section-topmusic .skill--detail-container .skill--category { text-transform: uppercase; font-size: 1.125em; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; margin-top: 15px; font-weight: 600 } .article-reseau .candidature-action-block,.l-section-user .candidature-action-block,.l-section-musique .candidature-action-block,.l-section-topmusic .candidature-action-block { margin-top: 15px } .article-reseau #category-musicien .category-skill-content,.l-section-user #category-musicien .category-skill-content,.l-section-musique #category-musicien .category-skill-content,.l-section-topmusic #category-musicien .category-skill-content { height: 175px; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .article-reseau #category-musicien.is-visible .category-skill-content,.l-section-user #category-musicien.is-visible .category-skill-content,.l-section-musique #category-musicien.is-visible .category-skill-content,.l-section-topmusic #category-musicien.is-visible .category-skill-content { height: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .article-reseau #category-musicien button#toggle-instruments,.l-section-user #category-musicien button#toggle-instruments,.l-section-musique #category-musicien button#toggle-instruments,.l-section-topmusic #category-musicien button#toggle-instruments { background: none; border: none; color: #3a80c6; margin-top: 10px; padding: 0 } table.music-network { border-collapse: collapse; margin: 0 0 20px 0; padding: 0; width: 100%; table-layout: fixed } table.music-network tr { border-bottom: 1px solid #9acfea; padding: .35em } table.music-network th,table.music-network td { padding: .625em; text-align: left; font-size: .85em } table.music-network th:last-of-type,table.music-network td:last-of-type { text-align: left; max-width: 250px; width: 20% } table.music-network th { font-size: 1em; letter-spacing: .1em; text-transform: uppercase } @media screen and (max-width: 600px) { table.music-network { border:0 } table.music-network caption { font-size: 1.3em } table.music-network thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } table.music-network tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em } table.music-network td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right } table.music-network td:last-of-type { text-align: right; max-width: unset; width: 100% } table.music-network td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase } table.music-network td:last-child { border-bottom: 0 } } .article-content-album .article-title { font-size: 1.625em } .article-content-album .article-img { max-width: 300px } .article-content-album .article-content-album--wrapper-text { max-height: 200px; overflow: hidden; position: relative; transition: max-height .2s ease-in; -webkit-transition: max-height .2s ease-in; position: relative } .article-content-album .article-content-album--wrapper-text.see-more-btn-is-hidden:after { display: none } .article-content-album .article-content-album--wrapper-text:after { content: ''; position: absolute; bottom: 0; left: 0; height: 40px; width: 100%; background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0) } .article-content-album .article-content-album--wrapper-text.full-height { max-height: 10000px; transition: max-height .2s cubic-bezier(.3,0,0,1.3); -webkit-transition: max-height .2s cubic-bezier(.3,0,0,1.3) } .article-content-album .article-content-album--wrapper-text.full-height:after { display: none } .article-content-album .see-more { display: block; cursor: pointer; margin-top: 20px; text-align: right; color: #3a80c6 } .article_video--disclamer { font-size: 12px; color: gray; line-height: 1.2 } #subscribe-formation h5 { margin-bottom: 14px } @media screen and (max-width: 768px) { #subscribe-formation form { padding-bottom:50px } } .l-category-course .article-main .article-title,.l-category-text .article-main .article-title { margin-bottom: 8px } .l-category-course .article-main .readingplan--duration,.l-category-text .article-main .readingplan--duration { text-align: center; font-size: 1.125em; margin-bottom: 24px } .btn-article-like a span::after { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0ibTggMTQuMjVsLjM0NS42NjZhLjc1Ljc1IDAgMCAxLS42OSAwbC0uMDA4LS4wMDRsLS4wMTgtLjAxYTcgNyAwIDAgMS0uMzEtLjE3YTIyIDIyIDAgMCAxLTMuNDM0LTIuNDE0QzIuMDQ1IDEwLjczMSAwIDguMzUgMCA1LjVDMCAyLjgzNiAyLjA4NiAxIDQuMjUgMUM1Ljc5NyAxIDcuMTUzIDEuODAyIDggMy4wMkM4Ljg0NyAxLjgwMiAxMC4yMDMgMSAxMS43NSAxQzEzLjkxNCAxIDE2IDIuODM2IDE2IDUuNWMwIDIuODUtMi4wNDUgNS4yMzEtMy44ODUgNi44MThhMjIgMjIgMCAwIDEtMy43NDQgMi41ODRsLS4wMTguMDFsLS4wMDYuMDAzaC0uMDAyWk00LjI1IDIuNWMtMS4zMzYgMC0yLjc1IDEuMTY0LTIuNzUgM2MwIDIuMTUgMS41OCA0LjE0NCAzLjM2NSA1LjY4MkEyMC42IDIwLjYgMCAwIDAgOCAxMy4zOTNhMjAuNiAyMC42IDAgMCAwIDMuMTM1LTIuMjExQzEyLjkyIDkuNjQ0IDE0LjUgNy42NSAxNC41IDUuNWMwLTEuODM2LTEuNDE0LTMtMi43NS0zYy0xLjM3MyAwLTIuNjA5Ljk4Ni0zLjAyOSAyLjQ1NmEuNzQ5Ljc0OSAwIDAgMS0xLjQ0MiAwQzYuODU5IDMuNDg2IDUuNjIzIDIuNSA0LjI1IDIuNSIvPjwvc3ZnPg==); display: inline-block; width: 32px; height: 32px; filter: invert(39%) sepia(98%) saturate(364%) hue-rotate(168deg) brightness(99%) contrast(92%); transform: scale(1.5) } .btn-article-like.is-liked a span::after { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTcuNjU1IDE0LjkxNmgtLjAwMmwtLjAwNi0uMDAzbC0uMDE4LS4wMWEyMiAyMiAwIDAgMS0zLjc0NC0yLjU4NEMyLjA0NSAxMC43MzEgMCA4LjM1IDAgNS41QzAgMi44MzYgMi4wODYgMSA0LjI1IDFDNS43OTcgMSA3LjE1MyAxLjgwMiA4IDMuMDJDOC44NDcgMS44MDIgMTAuMjAzIDEgMTEuNzUgMUMxMy45MTQgMSAxNiAyLjgzNiAxNiA1LjVjMCAyLjg1LTIuMDQ0IDUuMjMxLTMuODg2IDYuODE4YTIyIDIyIDAgMCAxLTMuNDMzIDIuNDE0YTcgNyAwIDAgMS0uMzEuMTdsLS4wMTguMDFsLS4wMDguMDA0YS43NS43NSAwIDAgMS0uNjkgMCIvPjwvc3ZnPg==); filter: invert(18%) sepia(36%) saturate(6584%) hue-rotate(354deg) brightness(96%) contrast(105%) } html.no-touch .btn-article-like:hover span::after { filter: invert(99%) sepia(0%) saturate(164%) hue-rotate(276deg) brightness(117%) contrast(100%) } @media screen and (max-width: 480px) { .l-sidebar { max-width:100%!important; margin: 0 auto!important; width: 100%!important } .l-sidebar>* { max-width: 100%!important; width: 100%!important } } .l-sidebar>* { max-width: 300px; margin-left: 10px; width: 100% } .l-sidebar p,.l-sidebar ul { font-size: .875em } .l-sidebar #pl_relative_zone .is-partner { position: relative; display: inline-block } .l-sidebar #pl_relative_zone .is-partner:before { content: 'Nos partenaires'; display: block; text-transform: uppercase; font-weight: 700; font-family: "Montserrat",sans-serif; font-size: .875rem; margin-bottom: 24px; color: #2e5266; text-align: left; position: relative; padding: 12px 0; letter-spacing: 1px } .l-sidebar #pl_relative_zone .is-partner:after { content: ''; position: absolute; top: 22px; left: 158px; background: #00adfa; width: 30px; height: 2px; display: inline-block; margin-left: 6px; vertical-align: middle } .l-sidebar #pl_relative_zone .is-partner ~ .is-partner { position: relative; display: inline-block } .l-sidebar #pl_relative_zone .is-partner ~ .is-partner:before { display: none } .l-sidebar #pl_relative_zone .is-partner ~ .is-partner:after { display: none } .l-sidebar .pl_relative_zone_module { margin-bottom: 40px; text-align: left } .l-sidebar .pl_relative_zone_module .btn-more { margin: 4px auto 14px auto } .l-section-topkids .l-sidebar .pl_relative_zone_module .btn-more { display: none } .l-sidebar .pl_relative_zone_module.sidebar-informations { border: 0; padding: 0; text-align: center } .l-sidebar .pl_relative_zone_module.sidebar-informations img { border-radius: 6px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } .l-sidebar .pl_relative_zone_module.related-products .post-thumbnail--image { width: 100%; background-size: contain; background-repeat: no-repeat; padding-bottom: 100%; margin-bottom: 10px } .l-sidebar .pl_relative_zone_module.related-products .btn-more { display: none } .l-sidebar .subarticle-post-img { float: left; width: 90px; margin-top: 18px; width: 75px; height: 75px; padding-bottom: 2px } .l-sidebar .subarticle-post-img div { width: 75px; height: 75px; background-size: cover } .l-sidebar .subarticle-post-img.subarticle-post-img.category { margin: 0; position: relative } .l-sidebar .subarticle-counter { color: #fff; font-weight: bold; text-align: left; position: absolute; bottom: 10px; left: 10px; width: 30px; height: 15px } .sidebar-title { font-weight: 800; font-family: "Montserrat",sans-serif; font-size: 1rem; margin-bottom: 24px; color: #212121; text-align: left; position: relative; padding: 12px 0 } .sidebar-title:after { content: ''; background: #00adfa; width: 30px; height: 2px; display: inline-block; margin-left: 6px; vertical-align: middle; display: none } .sidebar-inner { padding: 1em } .related-post-img { width: 90px; width: 75px; height: 75px; margin: 0; background: #eee; padding-bottom: 2px; background-size: cover; background-position: center; position: relative } .related-post-img img { width: 85px } .related-post-img i { position: absolute; bottom: 5px; right: 5px } .related-article { display: table; border-radius: 5px; border: solid 1px #777; width: 100%; position: relative; clear: both; margin: 1em 0 } .related-article>* { display: table-cell; vertical-align: top } .related-article .post-header { display: none } .related-article .post-horizontal .post-content .post-body { padding-top: 5px } .related-article .post-body { padding: 0 .7em; border-radius: 0 5px 5px 0; background-color: #fafafa; max-width: 0 } .related-article .post-body a { padding: 0 .2em; display: inline } .related-article .post-body .post-title { font-size: .9em; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap } .related-article .post-body .post-title a { padding: 0 } .related-article .post-headline { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; display: block } .related-article .post-text { font-size: 90%; max-height: 2.7em; overflow: hidden } .related-article h4 { margin: 0 } .related-article .post-category { float: none; color: #000 } .related-type-events .post-horizontal .post-title { white-space: normal } @media (max-width: 57.438em) { .l-sidebar { text-align:center } .l-sidebar>* { margin-left: 0 } .l-sidebar .article-actions { display: none } .l-sidebar #pl_relative_zone { width: 100% } .l-sidebar .tags { margin-left: 0 } } @media (max-width: 350px) { .l-sidebar .tags { width:100% } .l-article .l-sidebar>* { width: 100% } } .l-section-bible #header-handle { font-size: 12px; left: 16px; right: auto } .l-section-bible #search-advanced-open-ctn { padding-left: 10px } .l-section-bible #search-advanced-open-ctn #toggle-grid-list-view { display: none } .l-section-bible.l-section-search .post-tessera-verse { margin-bottom: 10px } .l-section-bible.l-category-read { background: #fff } .l-section-bible .logo-head-container { width: 220px } .l-section-bible .logo-head-container .logo-head-svg { padding-bottom: 70% } .l-section-bible .ui-dialog { top: 8em!important } .l-section-bible .ui-dialog .ui-dialog-content { background: #fff } .l-section-bible .bible-col-version { display: flex; background: #fff; padding: 12px; justify-content: space-between; -webkit-box-shadow: 0 1px 12px 0 rgba(10,10,10,.03); box-shadow: 0 1px 12px 0 rgba(10,10,10,.03); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out } @media screen and (max-width: 480px) { .l-section-bible .bible-col-version { padding:4px 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px } } .l-section-bible .bible-col-version .bible-col-version__navbar { width: 100%; max-width: 800px; margin: 0 auto; display: flex; align-items: center; justify-content: center } .l-section-bible .bible-col-version .bible-col-version--search { font-size: 1.4em; background: none; color: #272727; border: none; padding: 0; cursor: pointer; outline: inherit } @media screen and (max-width: 1092px) { .l-section-bible .bible-col-version .bible-col-version--search { display:none } } .l-bible { padding-bottom: 3em; margin-bottom: 50% } .l-bible .main-title { position: relative } .l-bible .main-title .btn-icon { padding: 2em 1em; margin-right: 1em; margin-top: 0; position: relative } .l-bible .main-title .btn-icon:before,.l-bible .main-title .btn-icon:after { content: ""; border-top: dotted 2px #bbb; position: absolute; height: 1px; width: 1000% } .l-bible .main-title .btn-icon:before { left: -1000%; top: 50% } .l-bible .main-title .btn-icon:after { right: -1000%; top: 50% } .l-bible .l-trail-content { display: table; width: 100%; position: relative; background-color: #fff } .l-bible .bible-intro { padding: 24px; color: #212121; font-weight: 500; max-width: 800px; margin: 0 auto } @media screen and (max-width: 480px) { .l-bible .bible-intro { padding:14px } } .l-bible-cols { list-style: none; margin: 0; padding: 0; display: table; width: 100% } .l-bible-cols h4 { padding-top: 20px; padding-bottom: 8px } @media screen and (max-width: 480px) { .l-bible-cols h4 { padding-left:12px } } .l-bible-cols h4:empty { padding: 0 } .l-bible-col { display: table-cell; vertical-align: top; display: flex; justify-content: center } .l-bible-col-versions>ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; width: 100% } .l-bible-1cols .l-bible-col-versions>ul { max-width: 800px } @media screen and (max-width: 1024px) { .l-bible-1cols .l-bible-col-versions>ul { max-width:600px } } .l-bible-col-version.bible-version-LUM .lumo-container { left: 0!important; display: block!important } .l-bible-col-version { float: left; padding-left: 1%; padding-right: 1%; box-sizing: border-box; position: relative; min-height: 1px } .l-bible-1cols .l-bible-col-version { width: calc(100% - 220px); flex-grow: 1; padding: 0 12px } @media screen and (max-width: 37em) { .l-bible-1cols .l-bible-col-version { width:100%!important; padding-left: 0!important; border: 0!important } .l-bible-1cols .l-bible-col-version .bible-verse { padding-left: 10px } } .l-bible-2cols .l-bible-col-version { width: calc(49.8% - 40px) } @media screen and (max-width: 768px) { .l-bible-2cols .l-bible-col-version { width:49.8% } } .l-bible-3cols .l-bible-col-version { width: calc(33.1% - 12px) } @media screen and (max-width: 882px) { .l-bible-3cols .l-bible-col-version { width:33.1% } } .l-bible-4cols .l-bible-col-version { width: calc(24.9% - 9px) } .l-bible-5cols .l-bible-col-version { width: 19.8% } .l-bible-col-last { width: 0 } .l-bible-col-last .dropdown { right: 0!important; left: auto!important; margin-left: 0!important; transform-origin: right top!important } @media screen and (max-height: 500px) { .l-bible-col-last .dropdown { height:calc(100vh - 100px); top: 52px } } .l-trail-header .l-bible-col-version { height: 1px } .bible-header-map { position: absolute; height: 400px; width: 100%; top: 0; left: 0; background-color: #ddd } .l-trail-header h3 { overflow: hidden; text-overflow: ellipsis } .l-trail-header h3>span { white-space: nowrap } .l-bible-1cols .l-trail-header h3>span { max-width: 600px; display: flex; align-items: center } .l-bible-2cols .l-trail-header h3>span { padding-right: 2% } .l-bible-4cols .l-trail-header h3>span { padding-right: 4% } .l-bible-5cols .l-trail-header h3>span { padding-right: 2% } .bible-loading-chapter { text-align: center; margin-top: 2em; font-size: 2em; font-weight: bold; color: #555 } .bible-text p { padding-left: 2.3em; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: .4em; margin-bottom: .4em } .bible-copyright { font-size: .75em; font-style: italic; text-align: center; color: #888; margin: 20px auto 32px auto } .bible-copyright a { color: #888 } .bible-verse { text-align: left; padding-bottom: 6px; position: relative; clear: both } .bible-verse .number-verse { color: #777; font-weight: bold; float: left; margin-right: .3em; font-size: .6875rem } html.verse-number-hidden .bible-verse .number-verse { display: none } .bible-verse p { margin-top: 0 } .bible-verse.is-selected { text-decoration: underline } .bible-verse.is-selected a { color: #428efe } .bible-verse.is-highlighted { position: relative } .bible-verse.is-highlighted .bible-verse-text { font-weight: 600 } .bible-verse.is-highlighted:before { content: ''; z-index: -1; background-color: rgba(66,142,254,.12); width: calc(100% + 20px); height: calc(100% + 8px); position: absolute; left: -10px; top: -6px; border-radius: 12px } .bible-verse .bible-verse-text { display: inline; font-weight: 400; transition: all .3s ease-in-out; border-radius: 4px } html.dyslexic-mode .bible-verse { margin-bottom: 20px } .l-category-readingplan .l-trail-header { display: none } .l-category-readingplan .l-trail-content { padding-top: 1em } .l-category-readingplan #l-trail-steps { margin-bottom: 0 } .l-category-readingplan .article-main .article-actions-mobile--container { display: none } .l-category-readingplan .article-main .article-title { text-align: left; margin-bottom: 8px } .l-category-readingplan .article-main .article-author-name { display: none } .l-category-readingplan .readingplan--duration { color: #999; margin-bottom: 24px } .l-category-readingplan .readingplan--duration.readingplan--duration-success { color: #1bb23b; font-weight: bold } .l-category-read #back-to-top { display: none } .bible-verse-text { color: #212121; cursor: pointer; font-weight: 500; user-select: text; -webkit-user-select: text; font-size: 1em; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } html.font-serif .bible-verse-text { font-family: "Playfair Display",serif; font-weight: 400 } html.font-large .bible-verse-text { font-size: 1.125em } html.font-small .bible-verse-text { font-size: .875em } .bible-verse-text:after { display: none } .bible-version-COM .bible-verse-text { cursor: auto } .bible-version-COM .bible-verse-favorites { display: none } .bible-ot .bible-version-ORI .bible-verse { direction: rtl } .bible-ot .bible-version-ORI .bible-verse .number-verse { float: right; margin-right: 0; margin-left: .3em } .bible-version-not-available { text-align: center; padding: 2em 0; color: #666; font-style: italic } .bible-version-STR strong { font-weight: normal; font-size: .7em; vertical-align: super } html.no-touch .bible-version-STR strong:hover { text-decoration: underline } .bible-version-STR strong em { font-style: normal; background-color: #ff0; padding: 0 3px } .header-hidden .pl_bible_right { top: 60px } .pl_bible_right { padding: 10px; position: fixed; right: 50px; top: 180px; max-width: 30%; z-index: 10; background-color: #cde7f8; color: #000753; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 99999 } .pl_bible_right #pl_bible_right_close { position: absolute; right: 0; top: 0; cursor: pointer; padding: 0 .5em .5em } .pl_bible_right h3 { font-weight: bold; margin-top: 0 } .pl_bible_right p { margin: 0 } .bible-right-abso { position: absolute } .pl-bible-right-image { text-align: right; background: none; border: none; padding: 0 } .pl-bible-right-image h3 { display: none } .pl-bible-right-image img { max-width: 100% } li.biblenav-open-versions { padding: 4px 8px; gap: 20px; display: flex; justify-content: center; align-items: center } li.biblenav-open-versions:last-child { border: 0 } li.biblenav-open-versions #toggle-dyslexic { position: relative; z-index: 2; display: none } @media screen and (max-width: 600px) { li.biblenav-open-versions #toggle-dyslexic { display:inline-flex } } .biblenav-open-versions .dropdown { background-color: #255e89 } html.no-touch .biblenav-open-versions .dropdown>li:hover { background: #fce118; color: #111 } .related-verses { display: block; margin: 0 0 8px 0; color: #333 } .related-verses em { font-style: normal; font-weight: bold } .related-verses-all { display: block; text-align: center; border: solid 1px gray; padding: 1em; margin-top: 3em; background: #eee } html.no-touch .related-verses-all:hover { background: #fefefe } .related-versions a:after { display: none } .related-strong-verse { margin-bottom: 1em } .related-versions p em { font-size: 13px } .related-strong p { display: flex; align-items: center; gap: 12px; padding-bottom: 12px } .related-strong p,.related-dictionary p,.related-versions p { border-bottom: 1px solid #f1f5f9; margin-bottom: 20px } .related-strong p:last-child,.related-dictionary p:last-child,.related-versions p:last-child { border-bottom: none; margin-bottom: 0 } .related-strong em,.related-dictionary em,.related-versions em { font-style: normal; display: inline-block; background-color: #007ea8; padding: 4px 8px; color: #fff; line-height: 1.3; border-radius: 4px; font-size: 16px; transition: all .3s ease-in-out } html.no-touch .related-strong em:hover,html.no-touch .related-dictionary em:hover,html.no-touch .related-versions em:hover { background-color: #005875 } .related-strong em a,.related-dictionary em a,.related-versions em a { color: #fff } html.no-touch .related-strong em a:hover,html.no-touch .related-dictionary em a:hover,html.no-touch .related-versions em a:hover { color: #fff } .related-commentary { color: #333 } .related-commentary .related-comentary__tabs { display: flex; text-align: center; gap: 32px; align-items: center; font-family: 'Outfit',sans-serif; font-weight: bold; padding-bottom: 20px } .related-commentary .related-comentary__tabs a { padding: 8px 16px; position: relative } .related-commentary .related-comentary__tabs a:focus { outline: none } .related-commentary .related-comentary__tabs a:after { content: ''; background: #007ea8; width: 70%; height: 2px; border-radius: 50px; position: absolute; left: 50%; transform: translateX(-50%) scaleX(0); bottom: 0; transition: all .3s cubic-bezier(.215,.61,.355,1) } .related-commentary .related-commentary-com { display: none } .related-commentary .related-commentary-btn-ban:after { transform: translateX(-50%) scaleX(1)!important } .related-commentary.com .related-commentary-com { display: block } .related-commentary.com .related-commentary-ban { display: none } .related-commentary.com .related-commentary-btn-com:after { transform: translateX(-50%) scaleX(1)!important } .related-commentary.com .related-commentary-btn-ban { text-decoration: none } .related-commentary.com .related-commentary-btn-ban:after { transform: translateX(-50%) scaleX(0)!important } .fontbutton { background-color: #dc143c; display: inline-block; color: #000; text-decoration: none; padding: 5px 20px; line-height: inherit; overflow: hidden; position: relative; margin-top: 13px; margin-bottom: 10px } html.no-touch .fontbutton:hover { opacity: .9 } .bible-listen { display: flex; align-items: center; gap: 12px; align-items: center } .bible-listen .btn-icon-lumo { display: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .bible-listen .btn-icon-lumo.is-active { color: #428efe } @media screen and (max-width: 480px) { .bible-listen .btn-icon-lumo { display:inline-flex } } .bible-listen .btn-icon-listen { font-weight: normal; color: #272727; font-size: 1.5em; text-align: center; line-height: 16px; padding: 4px 8px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .bible-listen .btn-icon-listen:hover { color: #428efe } .bible-listen .btn-icon-listen.is-active { color: #08d7f6; border-color: #08d7f6 } .bible-listen .btn-icon-listen.is-active:after { content: ""; width: 28px; height: 28px; border-radius: 50%; background: #8ebbfe; position: absolute; top: 2px; left: 6px; opacity: 0; animation: pulse-btn-listen 5s infinite } @media screen and (max-width: 480px) { .bible-listen .btn-icon-listen { right:10px; left: auto } } @keyframes pulse-btn-listen { 0% { transform: scale(1); opacity: 0.3 } 40% { transform: scale(2); opacity: 0 } 100% { transform: scale(2); opacity: 0 } } @-webkit-keyframes pulse-btn-listen { 0% { -webkit-transform: scale(1); opacity: 0.3 } 40% { -webkit-transform: scale(2); opacity: 0 } 100% { -webkit-transform: scale(2); opacity: 0 } } .bible-listen>li { text-align: center; position: relative } .bible-listen .dropdown { position: fixed; left: 0; z-index: 9999; top: auto; bottom: 0; width: 100%; height: 50px; color: #222; padding: 5px 30px; background: #fff; width: 100%; max-width: 380px; border-radius: 5px; box-shadow: -1.575px -6.821px 38px 0 rgba(35,50,54,.14) } .bible-listen .dropdown:before { left: .6em } .bible-listen .dropdown .dropdown-bible-close { position: absolute; right: 30px; top: 10px; z-index: 2; color: #222; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .bible-listen .dropdown .dropdown-bible-close:hover { color: #428efe } @media screen and (max-width: 992px) { .bible-listen .dropdown { position:fixed; bottom: 0; top: auto; left: 0; height: 92px; padding: 10px } } .bible-listen .dropdown>li { padding: 0 } .bible-listen .dropdown>li a { display: block; color: #222; padding: .4em .7em } .bible-listen .dropdown_title { text-align: left; font-size: .75rem; display: block } .bible-listen .dropdown-close { position: absolute; top: 0; right: 15px; padding: 0; z-index: 3 } @media screen and (max-width: 480px) { .bible-listen .dropdown-close { right:10px } } .biblenav-book-back-topbible { display: none } html.app .biblenav-book-back-topbible { display: block; margin-top: .5em } html.app .l-bible-home .biblenav-book-back-topbible { display: none } .bible-daily-verse { padding: 80px 14px; max-width: 800px; margin: 0 auto 1em; text-align: center; background-image: url(https://fructifietestalents.org/maj/img/uri/verse-of-the-day-bg.f86488dd511e.png); background-size: contain; background-position: center; background-repeat: no-repeat } @media screen and (max-width: 480px) { .bible-daily-verse { padding:30px 14px } } .bible-daily-verse p { color: #272727; font-size: 1.125em } .bible-daily-verse p b { display: block; margin: 5px auto 15px auto } .bible-daily-verse a { color: #272727 } .bible-daily-verse a.add-to-favorites-verses { color: #08d7f6; font-weight: bold } .bible-daily-verse a.add-to-favorites-verses i { margin-right: 8px; display: inline-block; vertical-align: middle } .bible-daily-verse h2 { margin: 0 auto 24px; font-weight: normal; font-size: 2.25em; color: #272727; font-weight: 900 } .bible-daily-verse .bible-daily-verse-share { margin-top: 26px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center } .bible-daily-verse .bible-daily-verse-share h4 { text-transform: uppercase; font-size: 1em; flex-basis: 100%; margin-bottom: 14px } .bible-daily-verse .bible-daily-verse-share .btn-share-icon { display: flex; width: 42px; height: 42px; box-shadow: 0 0 24px rgba(0,0,0,.08); background: #fff; padding: 10px; align-items: center; justify-content: center; border-radius: 50%; margin: 0 20px 14px 0 } .bible-daily-verse .bible-daily-verse-share .btn-share-icon.facebook { color: #1877f2 } .bible-daily-verse .bible-daily-verse-share .btn-share-icon.telegram { color: #2aabee } .bible-daily-verse .bible-daily-verse-share .btn-share-icon.whatsapp { color: #27d044 } .bible-daily-verse .bible-daily-verse-share .btn-share-icon.email { color: #faaf3a } .bible-daily-verse .bible-daily-verse-share .btn-passlemot-share { background: #fff; font-family: "Montserrat",sans-serif; font-weight: bold; color: #212121; font-size: 14px; padding: 10px 30px; border-radius: 30px; white-space: nowrap; box-shadow: 0 0 24px rgba(0,0,0,.07); align-self: center; margin: 0 0 14px 0 } .reading-plan-popular--section { padding-top: 100px; -webkit-clip-path: polygon(0 0,100% 16%,100% 100%,0 100%); clip-path: polygon(0 0,100% 16%,100% 100%,0 100%) } @media screen and (max-width: 480px) { .reading-plan-popular--section { padding-top:20px } } .reading-plan-category--section { background: #fff; margin-top: -10px; padding: 40px 14px 160px; -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 84%); clip-path: polygon(0 0,100% 0,100% 100%,0 84%) } @media screen and (max-width: 480px) { .reading-plan-category--section { -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); padding: 30px 14px } } .reading-plan-category--section a { border-radius: 4px; border-width: 2px; border-style: solid; display: inline-block; font-family: "Montserrat",sans-serif; padding: 4px 38px; margin: 14px } .reading-plan-category--section a.reading-plan-category--gold { border-color: #cc9114; color: #cc9114 } html.no-touch .reading-plan-category--section a.reading-plan-category--gold:hover { background: #cc9114; color: #fff } .reading-plan-category--section a.reading-plan-category--gold:focus,.reading-plan-category--section a.reading-plan-category--gold:active { background: #e9a920; color: #fff } .reading-plan-category--section a.reading-plan-category--magenta { border-color: #dc316d; color: #dc316d } html.no-touch .reading-plan-category--section a.reading-plan-category--magenta:hover { background: #dc316d; color: #fff } .reading-plan-category--section a.reading-plan-category--magenta:focus,.reading-plan-category--section a.reading-plan-category--magenta:active { background: #e25486; color: #fff } .reading-plan-category--section a.reading-plan-category--green { border-color: #26c611; color: #26c611 } html.no-touch .reading-plan-category--section a.reading-plan-category--green:hover { background: #26c611; color: #fff } .reading-plan-category--section a.reading-plan-category--green:focus,.reading-plan-category--section a.reading-plan-category--green:active { background: #2eeb15; color: #fff } .reading-plan-category--section a.reading-plan-category--light-blue { border-color: #149acc; color: #149acc } html.no-touch .reading-plan-category--section a.reading-plan-category--light-blue:hover { background: #149acc; color: #fff } .reading-plan-category--section a.reading-plan-category--light-blue:focus,.reading-plan-category--section a.reading-plan-category--light-blue:active { background: #20b2e9; color: #fff } .reading-plan-category--section a.reading-plan-category--cyan { border-color: #14ccb9; color: #14ccb9 } html.no-touch .reading-plan-category--section a.reading-plan-category--cyan:hover { background: #14ccb9; color: #fff } .reading-plan-category--section a.reading-plan-category--cyan:focus,.reading-plan-category--section a.reading-plan-category--cyan:active { background: #20e9d4; color: #fff } .reading-plan-category--section a.reading-plan-category--pink { border-color: #dc316d; color: #dc316d } html.no-touch .reading-plan-category--section a.reading-plan-category--pink:hover { background: #dc316d; color: #fff } .reading-plan-category--section a.reading-plan-category--pink:focus,.reading-plan-category--section a.reading-plan-category--pink:active { background: #e25486; color: #fff } .reading-plan-category--section a.reading-plan-category--violet { border-color: #b311c6; color: #b311c6 } html.no-touch .reading-plan-category--section a.reading-plan-category--violet:hover { background: #b311c6; color: #fff } .reading-plan-category--section a.reading-plan-category--violet:focus,.reading-plan-category--section a.reading-plan-category--violet:active { background: #d415eb; color: #fff } .reading-plan-category--section a.reading-plan-category--yellow { border-color: #ecd907; color: #ecd907 } html.no-touch .reading-plan-category--section a.reading-plan-category--yellow:hover { background: #ecd907; color: #fff } .reading-plan-category--section a.reading-plan-category--yellow:focus,.reading-plan-category--section a.reading-plan-category--yellow:active { background: #f8e723; color: #fff } .video-gospel--section { padding: 80px 14px } .video-gospel--section .video-gospel--content { text-align: left } .video-gospel--section .video-gospel--content .video-gospel--image-container,.video-gospel--section .video-gospel--content .video-bibleproject--image-container { max-width: 500px; width: 100% } .video-gospel--section .video-gospel--content .video-gospel--image-container iframe,.video-gospel--section .video-gospel--content .video-bibleproject--image-container iframe { max-width: 100% } .video-gospel--section .video-gospel--content .video-gospel--image,.video-gospel--section .video-gospel--content .video-bibleproject--image { position: relative; max-width: 500px; width: 100%; height: 0; padding-bottom: 56.25%; margin: 0; overflow: hidden; border-radius: 5px; box-shadow: 1px 10px 18px 0 rgba(35,50,54,.22); background-size: cover } .video-gospel--section .video-gospel--content .video-gospel--image:before,.video-gospel--section .video-gospel--content .video-bibleproject--image:before { content: ""; background: #06cdff; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .video-gospel--section .video-gospel--content .video-gospel--image i,.video-gospel--section .video-gospel--content .video-bibleproject--image i { color: #fff; position: absolute; top: 50%; left: 50%; font-size: 4em; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%) } .video-gospel--section .video-gospel--content h2 { margin-bottom: 24px } .video-gospel--section .video-gospel--content a { margin-left: 0 } .bible-tools--section { padding-top: 100px; padding-bottom: 160px; -webkit-clip-path: polygon(0 0,100% 16%,100% 100%,0 84%); clip-path: polygon(0 0,100% 16%,100% 100%,0 84%) } @media screen and (max-width: 768px) { .bible-tools--section { clip-path:polygon(0 0,100% 0%,100% 100%,0 100%); -webkit-clip-path: polygon(0 0,100% 0%,100% 100%,0 100%); padding: 40px 14px; text-align: left } } .bible-tools--section img { width: 100px; margin: 0 auto 24px auto } .bible-tools--section a h3 { color: #272727; font-weight: 600; font-size: 1.125em; min-height: 54px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .bible-tools--section a p { color: #272727; font-size: 1em; line-height: 20px } html.no-touch .bible-tools--section a:hover h3 { color: #08d7f6 } .bible-app--section { padding: 80px 14px 100px 14px; margin-bottom: 0!important; overflow: hidden } @media screen and (max-width: 480px) { .bible-app--section { padding:30px 14px } } .bible-app--section .bible-app--content { text-align: left; position: relative } .bible-app--section .bible-app--content img { position: absolute; z-index: 0; top: 0%; left: 20%; max-width: 380px } .bible-app--section .bible-app--content h2 { margin-bottom: 14px } .bible-app--section .bible-app--content ul { padding: 0 } .bible-app--section .bible-app--content ul li { list-style: none; font-size: 1.25em; font-weight: 500; margin-bottom: 8px } .bible-app--section .bible-app--content ul li:before { content: "+ "; color: #06cdff; font-weight: bold } .bible-app--section .bible-app--content span { font-size: .875em; font-style: italic; display: block; margin-top: 34px } @media (max-width: 50em) { .pl_bible_right { display:none } } @media (max-width: 37em) { .l-bible-2cols .l-bible-col-version { width:97% } .l-bible-1cols .l-bible-col-version { width: 95%; padding-left: 2% } .l-section-bible .is-fixed .l-trail-header { top: 80px } .header-hidden .l-section-bible .is-fixed .l-trail-header { top: 36px } html.app.fbm .l-section-bible .is-fixed .l-trail-header,html.app.header-hidden .l-section-bible .is-fixed .l-trail-header { top: 42px } } .bible-loader { margin: 12px auto } .bible-loader.book { border: 4px solid #428efe; width: 60px; height: 45px; position: relative; perspective: 150px } .bible-loader.book:after { content: ""; background: #428efe; position: absolute; top: 7px; right: 10px; width: 4px; height: 22px; z-index: -2 } .bible-loader.book:before { content: ""; background: #428efe; position: absolute; top: 14px; right: 5px; width: 14px; height: 4px; z-index: -2 } .bible-loader .page { display: block; width: 30px; height: 45px; border: 4px solid #428efe; border-left: 1px solid #a7cbff; margin: 0; position: absolute; right: -4px; top: -4px; overflow: hidden; background: #a7cbff; transform-style: preserve-3d; -webkit-transform-origin: left center; transform-origin: left center } .book .page:nth-child(1) { -webkit-animation: pageTurn 2s cubic-bezier(0,.39,1,.68) 1.6s infinite; animation: pageTurn 2s cubic-bezier(0,.39,1,.68) 1.6s infinite } .book .page:nth-child(2) { -webkit-animation: pageTurn 2s cubic-bezier(0,.39,1,.68) 1.45s infinite; animation: pageTurn 2s cubic-bezier(0,.39,1,.68) 1.45s infinite } .book .page:nth-child(3) { -webkit-animation: pageTurn 2s cubic-bezier(0,.39,1,.68) 1.2s infinite; animation: pageTurn 2s cubic-bezier(0,.39,1,.68) 1.2s infinite } .lumo-player__reading-default { display: flex; align-items: center; justify-content: center } .lumo-player__reading-default .lumo-container { width: 100%!important; max-width: 600px; position: relative; top: auto; right: auto; left: auto } .lumo-player__reading-default .lumo-container .lumo-container__video>div { box-shadow: rgba(149,157,165,.2) 0 8px 24px } .lumo-container { z-index: 1; padding: 12px; font-size: .75rem; max-width: 800px } .lumo-container .lumo-player-links { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; margin-top: 12px } .lumo-container .lumo-player-links span { font-weight: bold; font-size: 1.125em } .lumo-container .lumo-player-links .lumo-player-links--list { display: flex; align-items: center; justify-content: center; gap: 20px; text-align: center } .lumo-container .lumo-container__outter { position: fixed; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: blur(3px); background-color: rgba(0,0,0,.5); z-index: 1; display: none } @media screen and (min-width: 481px) { .lumo-container .lumo-container__outter { display:none } } .l-bible-1cols .lumo-container { width: calc(100vw - 680px) } @media screen and (max-width: 1024px) { .l-bible-1cols .lumo-container { width:calc(100vw - 430px) } } .lumo-container .lumo-container__video { padding-bottom: 56.25%; width: 100%; height: 0; position: relative; border-radius: 16px } .lumo-container .lumo-container__video>div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; border-radius: 16px; box-shadow: rgba(149,157,165,.2) 0 8px 24px } .lumo-container .lumo-container__video .video-js { width: 100%; height: 100%; border-radius: 16px; overflow: hidden } .lumo-container .lumo-container__video .video-js .vjs-big-play-button { top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%) } .lumo-container .btn-icon-lumo-close { color: #fff; position: fixed; bottom: 120px; left: 50%; z-index: 9; width: 100%; text-align: center; transform: translateX(-50%); font-size: 1.3em; display: none } @media screen and (min-width: 769px) { .lumo-container .btn-icon-lumo-close { display:none } } .lumo-container .video-js-container { overflow: hidden } @media screen and (max-width: 768px) { .lumo-container .video-js-container { overflow:visible } } .lumo-container .video-js-container .vjs-playlist { padding-bottom: 24px; display: block; transform: translateX(600px); -webkit-transform: translateX(600px); transition: all .5s cubic-bezier(.5,1.1,.5,1); -webkit-transition: all .5s cubic-bezier(.5,1.1,.5,1); background-color: rgba(255,255,255,.8); height: 100%; z-index: 9 } @media screen and (max-width: 768px) { .lumo-container .video-js-container .vjs-playlist { display:none } .lumo-container .video-js-container .vjs-playlist.vjs-playlist-vertical { height: 123px; padding: 0; overflow-x: scroll; overflow-y: hidden; transform: none; width: 100%; top: calc(100% + 10px); bottom: 0; display: block; white-space: nowrap; display: none } .lumo-container .video-js-container .vjs-playlist.vjs-playlist-vertical .vjs-playlist-item-list { padding: 0 } .lumo-container .video-js-container .vjs-playlist.vjs-playlist-vertical .vjs-playlist-item-list .vjs-playlist-item { width: 220px; display: inline-block; padding: 0; margin: 0 } .lumo-container .video-js-container .vjs-playlist.vjs-playlist-vertical .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-thumbnail img { float: none; width: 100% } .lumo-container .video-js-container .vjs-playlist.vjs-playlist-vertical .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-title-container { align-items: end; color: #fff; font-weight: bold; padding: 5px; border-radius: 12px } .lumo-container .video-js-container .vjs-playlist.vjs-playlist-vertical .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-title-container:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top,transparent 0%,rgba(0,0,0,.8) 100%); background: -webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0) } .lumo-container .video-js-container .vjs-playlist.vjs-playlist-vertical .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-title-container .vjs-playlist-name { margin-left: 0; font-size: 22px; position: relative; z-index: 3 } } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list { padding-bottom: 26px } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item { margin-bottom: 0; padding: 6px } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-thumbnail img { height: auto; min-height: unset; float: left; width: 45%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-thumbnail-placeholder { background: none; position: relative } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-title-container { text-shadow: none; color: #222; display: flex; align-items: center; justify-content: left; height: 100%; margin: 0; padding: 0 } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item .vjs-playlist-title-container .vjs-playlist-name { line-height: 18px; font-size: .8125rem; text-transform: capitalize; padding: 0; font-weight: 500; margin-left: 45% } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item.vjs-selected { background-color: rgba(37,94,137,.1); position: relative } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail-placeholder { background-color: rgba(37,94,137,.1); color: #255e89 } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item.vjs-selected .vjs-playlist-name:before { content: "\E098"; z-index: 1; font-family: "Proxima"; font-weight: 400; font-style: normal; line-height: 1; font-size: 12px; margin-right: 5px; vertical-align: top } .lumo-container .video-js-container .vjs-playlist .vjs-playlist-item-list .vjs-playlist-item.vjs-selected img { opacity: .5 } .lumo-container .video-js-container:hover .vjs-playlist { transform: translateX(0); -webkit-transform: translateX(0) } .lumo-container .video-js-container:hover .vjs-playlist .vjs-playlist-item:hover { background-color: rgba(37,94,137,.1) } .lumo-container .video-js-container:hover .vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail-placeholder { background-color: rgba(37,94,137,.1); color: #255e89 } .lumo-container .video-js-container .vjs-control-bar { z-index: 10 } .lumo-player-button { color: #fff; cursor: pointer; background-color: #000; background-size: cover; background-position: center; display: flex; justify-content: center; flex-direction: column; text-align: center; position: relative; overflow: hidden } .lumo-player-button:after { content: ""; position: absolute; z-index: 2; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0 } .lumo-player-button i { font-size: 4em; position: relative; z-index: 3 } .lumo-player-button span { color: #fff; position: relative; z-index: 3 } .lumo-player-links { display: block; position: relative; z-index: 99999 } @media screen and (max-width: 768px) { .lumo-player-links { color:#212121; background: #fff; padding: 12px; border-radius: 12px; text-align: center } } @-webkit-keyframes pageTurn { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg) } 20% { background: #75acfe } 40% { background: #dae9ff; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } 100% { background: #dae9ff; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } } @keyframes pageTurn { 0% { transform: rotateY(0deg) } 20% { background: #75acfe } 40% { background: #dae9ff; transform: rotateY(-180deg) } 100% { background: #dae9ff; transform: rotateY(-180deg) } } @-webkit-keyframes Dots { 0% { content: "" } 33% { content: "." } 66% { content: ".." } 100% { content: "..." } } @keyframes Dots { 0% { content: "" } 33% { content: "." } 66% { content: ".." } 100% { content: "..." } } .l-section-bible.l-category-dictionary #search-section #posts-cell .post .post-thumbnail--container { display: none } .l-section-bible.l-category-dictionary #search-section #posts-cell .post .post-content--body { height: auto; padding-left: 14px } .l-section-bible.l-category-dictionary #search-section #posts-cell .post .post-content--body .post-category-type { display: none } .l-section-bible.l-category-dictionary #search-section #search-advanced-open { display: none } .readingplan-today--container .dropdown { box-shadow: none; background: none; top: 0 } @media screen and (max-width: 768px) { .readingplan-today--container .dropdown { position:fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%) } } .readingplan-today--container #datepicker { background: #fff; border-radius: 10px; box-shadow: 0 0 50px 0 rgba(0,0,0,.2); margin: 50px auto; overflow: hidden; border-radius: 5px; border: none } .readingplan-today--container #datepicker .ui-widget-content { border: none; background: none } .readingplan-today--container #datepicker .ui-datepicker-header { background: none; border: none; border-radius: 0 } .readingplan-today--container #datepicker .ui-datepicker-header .ui-datepicker-title { color: #3a80c6; text-transform: uppercase; font-weight: bold; font-family: "Montserrat",sans-serif } .readingplan-today--container #datepicker .ui-datepicker-calendar thead tr th { font-weight: lighter; font-size: 12px; color: #ccc } .readingplan-today--container #datepicker .ui-datepicker-calendar tbody tr td .ui-state-default { color: #272727; background: #fff; border: 0; text-align: center; font-size: 16px; font-family: "Montserrat",sans-serif; font-weight: 400; padding: 12px } .readingplan-today--container #datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active { position: relative; color: #78d5d7 } .readingplan-today--container #datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active:before { content: ""; background: #78d5d7; height: 5px; width: 14px; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); z-index: 0 } .trail-summary--btn { margin: 12px auto 42px auto } .article-main.article-readingplan { margin-top: 30px } .article-main.article-readingplan .title.form-label { text-align: center!important } .search-on-topbible__form { max-width: 600px; margin: 32px auto } .search-on-topbible__form h2 { margin-bottom: 24px } #bible-search { position: relative } #bible-search-input { width: 100%; height: 42px; border: 0; background-color: #fff; -webkit-appearance: none; appearance: none; border-radius: 0; padding-right: 38px; border-radius: 25px; border: 1px solid #e6e6e6 } #bible-search-input:focus { border-color: #029da6 } #bible-search .icon-search-glass { cursor: pointer; color: #555; font-size: 22px; line-height: 42px; margin-right: 10px; right: 0; top: 0; position: absolute; border: none; background-color: none; box-sizing: border-box } html.dyslexic-mode .dyslexic-block *,html.dyslexic-mode .dyslexic-block { font-family: "opendyslexic"!important; line-height: 1.9!important } html.dyslexic-mode .dyslexic-block * .l-section-pdj .l-body.l-article-page .article-content h2 span:before,html.dyslexic-mode .dyslexic-block .l-section-pdj .l-body.l-article-page .article-content h2 span:before { display: none!important } html.dyslexic-mode .related-versions .dyslexic-block span { display: inline!important } html.dyslexic-mode .dyslexic-odd { color: #07abef!important } html.dyslexic-mode .dyslexic-even { color: #df4949!important } html.dyslexic-mode .dyslexic-mute { color: #aaa!important } .drawer .drawer__outter { position: fixed; z-index: 9998; background-color: rgba(255,255,255,.6); top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: all .5s ease-in-out; backdrop-filter: blur(2px) } .drawer.drawer--open .drawer__outter { opacity: 1; visibility: visible; pointer-events: all } .drawer .drawer__inner { display: flex; flex-direction: column; gap: 20px } .drawer .drawer__inner .drawer__toggle { width: 50px; height: 5px; background: #b7b7b7; border-radius: 100px; margin: 12px auto } .drawer.text-settings__drawer.drawer--open .drawer__inner { transform: translateY(0) } .drawer.text-settings__drawer .drawer__inner { transform: translateY(100%); transition: all .3s ease-in-out; position: fixed; z-index: 99999; bottom: 0; left: 0; right: 0; padding: 20px; border-top-left-radius: 32px; border-top-right-radius: 32px; background: #fff; border-top: 1px solid #e6e6e6 } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__header h3 { font-size: 1.3em } @media screen and (max-width: 768px) { .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__header h3 { font-size:1.2em } } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group input[type="radio"] { display: none } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group { display: flex; gap: -1px; align-items: center; justify-content: center } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item:first-child label { border-top-left-radius: 12px; border-bottom-left-radius: 12px } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item:last-child label { border-top-right-radius: 12px; border-bottom-right-radius: 12px } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label { background: #f6f8ff; border: 1px solid #e6e6e6; padding: 8px 12px; margin: 0; font-weight: 500; font-size: 1em; cursor: pointer; min-height: 46px; display: inline-flex; line-height: 1.5; align-items: center } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-small { font-size: .875em } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-medium { font-size: 1em } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-large { font-size: 1.125em } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-sans-serif { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-serif { font-family: "Playfair Display",serif } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-colorised span { color: #64ae0e } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-colorised span:first-of-type { color: #07abef } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group .selection-group__item label.font-colorised span:last-of-type { color: #df4949 } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group input[type="radio"]:checked+label { background: #428efe; border-color: #428efe; color: #fff } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .selection-group input[type="radio"]:checked+label span { color: #fff } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .text-settings__menu--element { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e6e6e6; padding: 12px; gap: 12px } @media screen and (max-width: 768px) { .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .text-settings__menu--element.flex-col-xs { flex-direction:column } } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .text-settings__menu--element.disabled { opacity: .5; pointer-events: none } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .text-settings__menu--element:last-of-type { border: none } .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .text-settings__menu--element span { font-weight: bold } @media screen and (max-width: 768px) { .drawer.text-settings__drawer .drawer__inner .drawer__body .text-settings__menu .text-settings__menu--element span { font-weight:normal } } .domain-topbible input[type="checkbox"],.domain-topbible input[type="radio"] { --active: #428efe; --active-inner: #fff; --focus: 2px rgba(39,94,254,.3); --border: #bbc1e1; --border-hover: #08d7f6; --background: #fff; --disabled: #f6f8ff; --disabled-inner: #e1e6f9; -webkit-appearance: none; -moz-appearance: none; height: 21px; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; border: 1px solid var(--bc,var(--border)); background: var(--b,var(--background)); transition: background .3s , border-color .3s , box-shadow .2s } .domain-topbible input[type="checkbox"]:after,.domain-topbible input[type="radio"]:after { content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t,.3s) var(--d-t-e,ease) , opacity var(--d-o,.2s) } .domain-topbible input[type="checkbox"]:checked,.domain-topbible input[type="radio"]:checked { --b: var(--active); --bc: var(--active); --d-o: .3s; --d-t: .6s; --d-t-e: cubic-bezier(.2,.85,.32,1.2) } .domain-topbible input[type="checkbox"]:disabled,.domain-topbible input[type="radio"]:disabled { --b: var(--disabled); cursor: not-allowed; opacity: .9 } .domain-topbible input[type="checkbox"]:disabled:checked,.domain-topbible input[type="radio"]:disabled:checked { --b: var(--disabled-inner); --bc: var(--border) } .domain-topbible input[type="checkbox"]:disabled+label,.domain-topbible input[type="radio"]:disabled+label { cursor: not-allowed } .domain-topbible input[type="checkbox"]:hover:not(:checked):not(:disabled),.domain-topbible input[type="radio"]:hover:not(:checked):not(:disabled) { --bc: var(--border-hover) } .domain-topbible input[type="checkbox"]:focus,.domain-topbible input[type="radio"]:focus { box-shadow: 0 0 0 var(--focus) } .domain-topbible input[type="checkbox"]:not(.switch),.domain-topbible input[type="radio"]:not(.switch) { width: 21px } .domain-topbible input[type="checkbox"]:not(.switch):after,.domain-topbible input[type="radio"]:not(.switch):after { opacity: var(--o,0) } .domain-topbible input[type="checkbox"]:not(.switch):checked,.domain-topbible input[type="radio"]:not(.switch):checked { --o: 1 } .domain-topbible input[type="checkbox"]+label,.domain-topbible input[type="radio"]+label { font-size: 14px; line-height: 21px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px } .domain-topbible input[type="checkbox"]:not(.switch) { border-radius: 7px } .domain-topbible input[type="checkbox"]:not(.switch):after { width: 5px; height: 9px; border: 2px solid var(--active-inner); border-top: 0; border-left: 0; left: 7px; top: 4px; transform: rotate(var(--r,20deg)) } .domain-topbible input[type="checkbox"]:not(.switch):checked { --r: 43deg } .domain-topbible input[type="checkbox"].switch { width: 38px; border-radius: 11px } .domain-topbible input[type="checkbox"].switch:after { left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--ab,var(--border)); transform: translateX(var(--x,0)) } .domain-topbible input[type="checkbox"].switch:checked { --ab: var(--active-inner); --x: 17px } .domain-topbible input[type="checkbox"].switch:disabled:not(:checked):after { opacity: .6 } .domain-topbible input[type="radio"] { border-radius: 50% } .domain-topbible input[type="radio"]:after { width: 19px; height: 19px; border-radius: 50%; background: var(--active-inner); opacity: 0; transform: scale(var(--s,.7)) } .domain-topbible input[type="radio"]:checked { --s: .5 } #l-trail-steps { margin-bottom: 200px; background-color: #fff } #l-trail-steps.is-loading::after { background-color: rgba(0,0,0,.3); background-image: url(https://fructifietestalents.org/maj/img/uri/ajax-loader.fbbf1ec8e553.gif); background-position: center; background-repeat: no-repeat; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1000 } .l-trail-header { position: absolute; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 3; width: 100%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out } .l-trail-header.lumo-is-open { z-index: 1!important } .l-trail-header h3 { flex-grow: 1 } .l-trail-header .bible__actions-bar { display: flex; gap: 20px; align-items: center; justify-content: flex-end } .l-trail-header .bible__actions-bar .text-settings .text-settings__icon { position: relative; top: 2px; display: inline-flex; color: #212121 } .l-trail-header .bible__actions-bar .bible-listen a { color: #212121 } .l-trail-header .bible__actions-bar svg { width: 28px; height: 28px; transition: all .3s ease-in-out } html.header-hidden .l-trail-header .bible__actions-bar svg { width: 24px; height: 24px } .is-fixed .l-trail-header { position: fixed; top: 150px; padding-top: 12px; left: 0; right: 0; z-index: 2 } .header-hidden .is-fixed .l-trail-header { top: 36px } @media screen and (max-width: 1091px) { .header-hidden .is-fixed .l-trail-header { top:48px } } @media screen and (max-width: 1024px) { .is-fixed .l-trail-header { top:98px } } .l-trail-header h3 { position: relative } .l-trail-header h3>span { font-weight: 400; transition: all .3s ease 0s; text-align: left } @media screen and (max-width: 480px) { .l-trail-header h3>span { padding-left:10px } } .l-trail-header h3>span>span { color: #272727; font-weight: bold; font-size: 1rem; font-family: "Montserrat",sans-serif; cursor: pointer; margin-right: 14px } @media screen and (max-width: 480px) { .l-trail-header h3>span>span { margin-right:0 } } .l-trail-header h3>span>span:last-of-type { margin-right: 0 } .is-step-completed .l-trail-header h3>span>span:before { font-weight: 400; content: "✓"; margin-right: 1em } .is-step-current .l-trail-header h3>span>span:before { font-weight: 400; content: "▶"; margin-right: 1em } .l-trail-header h3>span>span.bible-title-book { margin-right: 10px } .l-trail-header h3>span>span i { font-weight: bold; margin-left: 4px; font-family: "Proxima"; font-size: .5rem; position: relative; top: -2px; color: #428efe } .l-trail-content { padding: 5em 0 0 0 } .l-trail-content .bible-project-container { display: inline-block; margin: 14px } @media screen and (max-width: 768px) { .l-trail-content .bible-project-container { max-width:100vw; display: block } } .l-trail-content .bible-project-container iframe { max-width: 100% } .trail-loader { visibility: hidden; text-align: center; height: auto; width: 100%; margin: 10px auto } .trail-loader:after { content: "Chargement..."; font-style: italic; color: #777; font-size: .8em; display: block } #trail-container { padding: 96px 14px 14px 14px; margin: 2em 0 0; position: relative; left: -1px } #trail-container .trail { max-height: 300px; overflow-y: auto; -webkit-overflow-scrolling: touch } #trail-container .trail .post-title .trail-header-title { display: block; padding: 4px 4px 4px 40px } #trail-container .trail .subarticle-article { padding: 14px } #trail-container .trail .subarticle-article .icon-informations { width: 10px; height: 10px; display: inline-block; background: none; float: left; margin: 4px 7px; color: #06a3bb } .subarticle-article { text-align: left; clear: both } .subarticle-article .post-title { font-size: .9em; text-transform: none; font-weight: normal } .subarticle-article .post-author { margin-left: 70px } .subarticle-article .post-body { padding: 0; min-height: 0 } #subarticle-article-0 { position: absolute; top: 0; right: 0; left: 0 } #subarticle-article-0 .trail-header-title:before { display: none } #subarticle-article-0 .trail-header-title { color: #272727; font-size: 1.125em } #subarticle-article-0 .trail-header-title:after { content: ""; background: #08d7f6; height: 4px; width: 40px; display: block; margin: 12px auto 12px 0 } #subarticle-article-0 .trail-header-title:hover { color: #428efe!important } #l-trail-toc { position: relative; display: none; text-align: center } #l-trail-toc:before,#l-trail-toc:after { content: ""; display: table } #l-trail-toc:after { clear: both } #l-trail-toc.is-open { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 1em 0; overflow-x: hidden; z-index: 150000; overflow: auto; background-color: rgba(255,255,255,.8); backdrop-filter: blur(2px) } @media screen and (max-width: 768px) { .l-category-read #l-trail-toc.is-open { background:#fff; z-index: 9999 } } #l-trail-toc .post-title { margin: 0; font-size: 1em; font-weight: normal; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 18px } #l-trail-toc .post-title .trail-header-title { color: #272727 } #l-trail-toc .post-title .trail-header-title.is-disabled { pointer-events: none; opacity: .5; cursor: not-allowed } html.no-touch #l-trail-toc .post-title .trail-header-title.is-disabled:hover { color: #272727; cursor: default!important } html.no-touch #l-trail-toc .post-title .trail-header-title:hover { color: #3a80c6; cursor: pointer } #l-trail-toc .trail .subarticle-article-0 { top: -10px; padding: 24px 14px; left: 1px; right: -1px } #l-trail-toc .trail .subarticle-article-0 .trail-header-title { padding-left: 18px } #l-trail-toc .trail .subarticle-article-0 .trail-header-title:hover { color: #428efe!important } #l-trail-toc .trail .subarticle-article-0 .post-title { font-family: "Montserrat",sans-serif; font-size: 1.125em; font-weight: bold; line-height: 22px } #l-trail-toc .trail .subarticle-article.is-step-completed .post-title .trail-header-title { color: green } #l-trail-toc .trail .subarticle-article.is-step-completed .post-title .trail-header-title:before { color: green } #l-trail-toc .trail .subarticle-article.is-step-completed span { border-color: #6ad16f; position: relative; width: 15px; height: 15px } #l-trail-toc .trail .subarticle-article.is-step-completed span:before { content: "✓"; color: #24be2b; position: absolute; top: -4px; left: 0; font-size: 1.4em } #l-trail-toc-inner { text-align: left; position: relative; margin: 150px auto; width: 100%; max-width: 1040px; border-radius: 20px; background: #fff } #l-trail-toc-inner .current-read--update-title { padding: 14px 0 0 14px; font-size: 1.25em } #l-trail-toc-inner .current-read--update-title:after { content: ""; background: #08d7f6; height: 4px; width: 40px; display: block; margin: 12px auto 12px 0 } #l-trail-toc-inner .biblenav { margin-top: 12px } #l-trail-toc-inner .biblenav .biblenav-inner .biblenav-books-menu { flex-wrap: nowrap; display: flex } #l-trail-toc-inner .biblenav .biblenav-inner .biblenav-books-menu li { background: #fff; border-bottom: 1px solid #6ae7fa; margin: 0; padding: 14px } #l-trail-toc-inner .biblenav .biblenav-inner.is-testaments-opened .biblenav-books-menu .biblenav-books-testaments-menu { border-bottom: 3px solid #08d7f6 } #l-trail-toc-inner .biblenav .biblenav-inner.is-chapters-opened .biblenav-books-menu .biblenav-books-chapters-menu { border-bottom: 3px solid #08d7f6 } #l-trail-toc-inner .biblenav .biblenav-inner.is-verses-opened .biblenav-books-menu .biblenav-books-verses-menu { border-bottom: 3px solid #08d7f6 } #l-trail-toc-inner>div { position: relative } @media screen and (max-width: 1024px) { #l-trail-toc-inner { width:100%; max-width: 100%; border-radius: 0; margin: 0 auto; background: #fff; position: absolute; top: 52px; left: 0; right: 0; bottom: 0 } #l-trail-toc-inner #trail-container { padding: 104px 12px 12px 12px; margin: 0; max-height: 100%; overflow-y: scroll } #l-trail-toc-inner #trail-container .trail { max-height: unset; height: 100% } #l-trail-toc-inner #trail-container .trail .subarticle-article-0 { top: 12px; padding: 14px } } #l-trail-toc-close { position: absolute; padding: 12px; z-index: 1; top: -70px; right: 10px; color: #272727 } .l-category-text #l-trail-toc-close,.l-category-readingplan #l-trail-toc-close,.l-category-course #l-trail-toc-close { top: 8px; right: 10px } @media screen and (max-width: 480px) { .l-category-text #l-trail-toc-close,.l-category-readingplan #l-trail-toc-close,.l-category-course #l-trail-toc-close { top:12px } } #trail-step-1 { margin-top: 42px } .complete-step-form { padding: 2.6em 0 6em 0; text-align: center } .l-bible-1cols .complete-step-form { max-width: 600px } .trail span { width: 10px; height: 10px; margin-right: 12px; display: inline-block; background: none; border: 2px solid #08d7f6; border-radius: 50%; float: left; margin: 8px 10px } .trail .trail-header-title { color: #aaa; padding-left: 40px } .trail .is-step-current .trail-header-title { font-weight: bold } .trail .is-current-step { border-color: #255e89; background-color: #daedfc; color: #255e89 } .trail .is-current-step.subarticle-article-0 { border: none; background: #fff; color: #272727 } .trail.is-subscribed { white-space: nowrap } .trail.is-subscribed .subarticle-article { width: 10%; display: inline-block } .trail.is-subscribed .subarticle-article .post-body .post-title .trail-header-title { padding: 10px } .trail.is-subscribed .subarticle-article .post-body .post-title .subarticle-title { display: block; position: relative; display: block; position: relative; width: auto; height: auto; background: none; border: 0; border-radius: 0; float: none; margin: 0 } .readingplan-explain { font-style: italic; font-size: .75em } .readingplan-btn-group { margin: 12px 0 } @media screen and (max-width: 480px) { .readingplan-btn-group { width:100% } } .readingplan-btn-group .readingplan-buttons { margin: 0; text-align: left; display: inline-block } .readingplan-btn-group .readingplan-buttons.is-subscribed { width: 100% } .readingplan-btn-group .readingplan-buttons .readingplan-buttons-actions { display: flex; width: 100% } .readingplan-btn-group .readingplan-buttons .readingplan-buttons-actions .btn-action-bible { text-align: center; display: inline-block; background: none } .readingplan-btn-group .readingplan-buttons .readingplan-buttons-actions .btn-action-bible i { display: block; margin-bottom: 12px; font-size: 1.5em; line-height: 24px } .readingplan-btn-group .readingplan-buttons .readingplan-buttons-actions .btn-action-bible span { display: block; font-size: 1em; line-height: 16px } .readingplan-btn-group .readingplan-buttons .readingplan-buttons-actions .btn-action-bible.text--red { color: red } .readingplan-btn-group .readingplan-buttons .readingplan-buttons-actions .btn-action-bible.text--blue { color: #428efe } .readingplan-btn-group .readingplan-buttons .readingplan-buttons-actions .btn-action-bible.text--green { color: #28a745 } .readingplan-btn-group .readingplan--summary-btn span { margin-left: 4px; display: inline-block } .trail-video-container { max-width: 600px; margin: 0 auto; padding: 10px } .trail-video-container>div { position: relative; width: 100%; padding-bottom: 56.25% } .trail-video { position: absolute; width: 100%; height: 100%; margin: 0 auto; left: 0; top: 0 } .trail-debug { position: relative; padding: 1em; background-color: #eee; color: #444; font-size: .8em } .trail-debug:before { content: "Debug"; position: absolute; right: 2px; top: 2px; font-size: .8em } @media (max-width: 45em) { #l-trail-toc .l-constrained { padding:0 } } @media screen and (max-width: 1091px) { .is-fixed .l-trail-header { padding-top:0 } } @media (max-width: 37em) { .complete-step-form { padding:4em 1em 8em 1em } .is-fixed .l-trail-header { top: 72px; padding-top: 0 } html.fbm .is-fixed .l-trail-header,.header-hidden .is-fixed .l-trail-header { top: 42px!important } .l-trail-header h3>span>span { padding: .5em; font-size: 16px } } @media screen and (max-width: 37em) and (max-width:400px) { .l-trail-header h3>span>span { font-size:13px } } @media (max-width: 37em) { .l-trail-header h3>span>span:after { margin-left:.5em } #l-trail-toc { position: relative; top: -.5em } } @media screen and (max-width: 480px) { html.fbm .l-section-bible .is-fixed .l-trail-header,.header-hidden .l-section-bible .is-fixed .l-trail-header { top:0!important } html.fbm .l-section-bible .is-fixed .l-trail-header h3,.header-hidden .l-section-bible .is-fixed .l-trail-header h3 { padding: 0 } html.fbm .l-section-bible .is-fixed .l-trail-header h3>span,.header-hidden .l-section-bible .is-fixed .l-trail-header h3>span { margin-top: -6px; display: block } html.fbm .l-section-bible .is-fixed .l-trail-header h3>span>span,.header-hidden .l-section-bible .is-fixed .l-trail-header h3>span>span { font-size: .5em; padding-top: 4px; padding-bottom: 4px; margin-right: 6px } } #l-footer { font-size: 12px; padding: 0; text-align: center; color: #272727; background-color: #daeff8; overflow: hidden; position: relative; z-index: 0; clear: both } html.app #l-footer { display: none } html.app-app #l-footer { display: none } html.hide-footer #l-footer { display: none } #l-footer a { color: #272727 } html.no-touch #l-footer a:hover { color: #3a80c6 } #l-footer .footer--big-menu { background: #fff; padding-bottom: 34px; text-align: left; margin-bottom: 14px } @media screen and (max-width: 480px) { #l-footer .footer--big-menu .container { padding-left:5px; padding-right: 5px } } #l-footer .footer--big-menu h4 { font-weight: bold; margin-bottom: 20px } #l-footer .footer--big-menu p { font-size: 1.125em; line-height: 20px; margin: 0 } #l-footer .footer--big-menu p img { max-width: 50px; float: left; margin-right: 20px } #l-footer .footer--big-menu .social-nav-footer-container { margin-top: 20px; margin-bottom: 32px } #l-footer .footer--big-menu .social-nav-footer-container h4 { margin-bottom: 12px; margin-top: 36px } #l-footer .footer--big-menu ul { padding: 0; margin: 0; margin-bottom: 20px } #l-footer .footer--big-menu ul li { list-style: none; font-size: 1.125em } #l-footer .footer-copyright { text-align: left } @media screen and (max-width: 480px) { #l-footer .footer-copyright { text-align:center } #l-footer .footer-copyright .mobile-app-download-link { margin-top: 20px } } #l-footer .mobile-app-download-link { text-align: right } #l-footer .mobile-app-download-link .btn-apple,#l-footer .mobile-app-download-link .btn-google { width: 115px; height: 34px } #l-footer .mobile-app-download-link .btn-dwld-app { margin-top: 0 } @media screen and (max-width: 480px) { #l-footer .mobile-app-download-link { margin-top:5px; float: none!important; text-align: center; display: block; width: 100% } } #l-footer .social-nav-footer-container .social-nav-footer { margin-right: 15px } @media screen and (max-width: 480px) { #l-footer .social-nav-footer-container .social-nav-footer { margin-right:0; text-align: left } #l-footer .social-nav-footer-container { float: none!important; text-align: left } } .tm-footer { position: relative; padding-bottom: 25px; padding-left: 12px; padding-right: 9px; padding-top: 45px; margin-top: 15px } .tm-footer--hidden { display: none } @media (max-height: 812px) { .tm-footer { padding-bottom:3vh; padding-top: 5.5vh } } .tm-footer .tm-footer__wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px } @media (max-height: 812px) { .tm-footer .tm-footer__wrapper { margin-bottom:3vh } } .tm-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; display: block; height: 5px; width: 65%; background: radial-gradient(ellipse,rgba(0,0,28,.08),#fff) } .tm-footer .tm-footer__links { padding-left: 0; list-style: none; margin: 0 } .tm-footer .tm-footer__link { line-height: 0; margin-bottom: 14px } .tm-footer .tm-footer__link a { font-size: 18px; line-height: 22px; font-weight: 700; color: #212121; font-family: "Sen",sans-serif; transition: all .3s ease-in-out } @media (max-width: 480px) { .tm-footer .tm-footer__link a { font-size:14px; line-height: 18px } } html.no-touch .tm-footer .tm-footer__link a:hover { color: #e85d73 } .tm-footer .question-icon { display: flex; justify-content: center; width: 50px; height: 50px; background: linear-gradient(#ff870e 0%,#d236d2 100%); border-radius: 50%; position: relative; margin-left: 50px } .tm-footer .question-icon::after,.tm-footer .question-icon::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: linear-gradient(#ff870e 0%,#d236d2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .tm-footer .question-icon::after { content: '\003F'; font-size: 35px; line-height: 35px; padding-bottom: 3px; font-weight: 800 } .tm-footer .question-icon::before { content: ''; width: 41px; height: 41px; background: #fff; border-radius: 50% } .tm-footer .tm-footer__copyright { font-family: "Sen",sans-serif,sans-serif; font-size: 12px; color: #a5a5a5; text-align: center } .tm-footer-large { padding: 37px 13px 80px } @media (min-width: 1024px) { .tm-footer-large .tm-footer-large__container { display:flex; flex-direction: column; align-items: center; text-align: center } } .tm-footer-large .tm-footer-large__logo a { display: block; width: 156px; height: 37px; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/topmusic_logo.8af7a3f81172.svg); background-size: contain; background-repeat: no-repeat } .tm-footer-large .footer-menu h4,.tm-footer-large .mobile-app-download h4 { font-family: "Sen",sans-serif,sans-serif; font-size: 12px; line-height: 14px; font-weight: 400; color: #a5a5a5; text-transform: uppercase; margin: 0; margin-bottom: 9px } .tm-footer-large .footer-menu,.tm-footer-large .footer-menu__links { list-style: none; margin: 0; padding-left: 0 } .tm-footer-large .footer-menu__link { margin-bottom: 12px } .tm-footer-large .footer-menu__link a { font-family: "Sen",sans-serif,sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; color: #212121 } .tm-footer-large .footer-menu__link a:hover { color: rgba(33,33,33,.7) } .tm-footer-large .footer-menu { margin-top: 28px } .tm-footer-large .footer-menu__wrapper { margin-bottom: 31px } .tm-footer-large .mobile-app-download { text-align: center } .tm-footer-large .mobile-app-download .btn-dwld-app { margin: 7px 6px; height: 38px; width: 124px; border-radius: 8px } .tm-footer-large .mobile-app-download__wrapper { display: flex; justify-content: center; align-items: center } .tm-footer-large .social-nav { list-style: none; margin: 0; padding-left: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 16px } .tm-footer-large .social-nav__link { margin: 6px } .tm-footer-large .tm-footer-large__additional { display: flex; flex-direction: column; align-items: center; margin-top: 22px } .tm-footer-large .tm-footer-large__additional a:first-of-type { width: 299px; margin-bottom: 8px; max-width: 100% } .tm-footer-large .tm-footer-large__additional a:first-of-type img { object-fit: contain } .tm-footer-large .tm-footer-large__additional a,.tm-footer-large .tm-footer-large__additional .tm-footer__copyright { font-family: "Sen",sans-serif,sans-serif; font-size: 12px; line-height: 14px; color: #a5a5a5 } .tm-footer-large .tm-footer-large__additional a:hover { color: rgba(165,165,165,.7) } .tm-footer-large .tm-footer-large__additional .tm-footer__copyright { margin-top: 23px } #pdf-footer { font-size: .7em; margin-top: .8em; padding: 1em; text-align: center; border-top: 1px solid #888; color: #888 } .header-logo { padding: 0 } .l-category-tag #search-section { background: #f9f9f9 } .l-trail-header h3 { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold } .bible-text p { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: light } .bible-text p:before { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold } @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700;900&display=swap");.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .noselect:focus { outline: none } #webpush-interests-list:after,#extra_interests .category-image:before,.field.privacy input+span:after,.privacy-explain span:after,.user-details h2:after,#user-form-accordion h3:after { font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1 } html.no-touch a:hover { cursor: pointer!important } @media print { html { overflow: auto } body { margin-top: 0; background: #fff } #header { background: none; position: relative; top: 0; bottom: auto; left: auto; right: auto; display: none } #header #header-menu,#header #responsive-search-toggle,#header #header-search,#header #header-user,#header #header-kids,#header #header-donor,#header #responsive-menu-toggle-btn { display: none } #l-footer { display: none } #l-banners { display: none } .rightcolumn.l-sidebar { display: none } #wrapper { overflow: auto } .l-article { margin: 0 } .container { width: auto } .article-main { width: 100%; display: block; vertical-align: top; position: relative; margin-right: 0; z-index: 2; margin-top: 0 } .article-main .breadcrumb-container { display: none } .article-main .content { box-shadow: none } .article-main .content .article-actions { display: none } .article-main .content .pl_below_article { display: none } .article-main .content #tmp-details { display: none } .article-main .content .article-actions-mobile--container { display: none } .article-main #comments { display: none } .l-category-song #article_video_wrapper,.l-category-song .chord-checkbox,.l-category-song .key-select,.l-category-song .partition-action-block { display: none } } .font-playfair { font-family: "Playfair Display",serif } .l-section-about .l-body { background: #fff } .l-section-about .l-article-page { background: inherit } .l-section-about .l-article-page #l-banners { margin-bottom: 0; clip-path: none; -webkit-clip-path: none } .l-section-about #l-banners { margin-bottom: -60px; -webkit-clip-path: polygon(0 0,100% 8%,100% 85%,0 100%); clip-path: polygon(0 0,100% 0%,100% 100%,0 92%) } .l-section-about #l-banners p { display: none } @media screen and (max-width: 768px) { .l-section-about #l-banners { clip-path:none; -webkit-clip-path: none } } .l-section-about .logo-head-container { margin: 0 auto 0 0; width: 480px; margin-top: -100px!important } @media screen and (max-width: 768px) { .l-section-about .logo-head-container { width:320px; margin: 0 auto } } .l-section-about .l-article-page .logo-head-container { width: 360px; margin: 0 auto } .l-section-about .l-banner-image { padding-bottom: 30%; height: 0 } @media screen and (max-width: 480px) { .l-section-about .l-banner-image { padding-bottom:75% } } .l-section-about .l-banner-inner { height: auto } .l-section-about .l-article-banner-mask { display: none } .l-section-about .card .post-author { display: none!important } .l-section-about .card .post-category-type { display: none!important } .l-section-about #blocks { display: none } .l-section-about .module-about-grey-separator { background: #f7f8fb; -webkit-clip-path: polygon(0 0,100% 8%,100% 85%,0 100%); clip-path: polygon(0 0,100% 8%,100% 85%,0 100%); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0 80px } @media screen and (max-width: 480px) { .l-section-about .module-about-grey-separator { clip-path:polygon(0 0,100% 0%,100% 96%,0 100%); -webkit-clip-path: polygon(0 0,100% 0%,100% 96%,0 100%) } } .l-section-about .slider-container { margin: 54px auto } .l-section-about .slider-container .swiper-title { color: #222 } .l-section-about .slider-container .swiper-title h2 { font-size: 2.25rem; letter-spacing: normal; text-transform: none } .l-section-about .module-title { margin-bottom: 46px } .l-section-about .module-title h2 { font-family: "Montserrat",sans-serif; font-weight: 900; font-size: 2.625em } @media (min-width: 768px) { .l-section-about .slider-without-slide { width:750px } } @media (min-width: 992px) { .l-section-about .slider-without-slide { width:970px } } @media (min-width: 1200px) { .l-section-about .slider-without-slide { width:1170px } } @media (min-width: 1600px) { .l-section-about .slider-without-slide { width:1450px } } .l-section-about .slider-without-slide { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .l-section-about .slider-without-slide .swiper-title-container { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 100%; float: left } .l-section-about .slider-without-slide .post { width: 25%!important; float: left; padding-left: 15px; padding-right: 15px; clear: none } @media screen and (max-width: 1024px) { .l-section-about .slider-without-slide .post { width:50%!important } } @media screen and (max-width: 480px) { .l-section-about .slider-without-slide .post { width:100%!important; padding: 0 } .l-section-about .slider-without-slide .post .post--content--body { min-height: unset; width: 100%; padding: 18px!important } .l-section-about .slider-without-slide .post .post--content--body .post-content--title { font-size: 1.125em!important } } .l-section-about .slider-without-slide .post .post-content--body { padding: 26px } .l-section-about .slider-without-slide .post .post-content--body .post-content--title { text-align: left; font-weight: 700 } .l-section-about .slider-without-slide .post .post-content--body .post-content--excerpt { display: none } .l-section-about .slider-without-slide .post .post-content--body .post-content--author-and-date .post-content--author { display: none } .l-section-about .slider-without-slide .post .post-content--body .post-content--author-and-date .post-content--date { display: block; text-align: left; color: #78d5d7; font-family: "Montserrat",sans-serif; font-weight: 600 } .l-section-about .slider-without-slide .post--btn-more { margin-top: 36px; font-weight: 600; border-bottom: 2px solid #3a80c6; color: #3a80c6; padding-bottom: 4px; display: inline-block; position: relative; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3) } .l-section-about .slider-without-slide .post--btn-more:before { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: #78d5d7; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3) } html.no-touch .l-section-about .slider-without-slide .post--btn-more:hover { color: #78d5d7 } html.no-touch .l-section-about .slider-without-slide .post--btn-more:hover:before { width: 100% } .l-equipe-page .logo-head-container { width: 20% } .l-equipe-page .logo-head-banner p { color: #444!important; font-weight: bold; position: relative; z-index: 2 } .l-equipe-page .equipe-block { text-align: center } .l-equipe-page .equipe-block .missionary-type { text-transform: uppercase; font-size: 1.625em; letter-spacing: 1px; font-weight: bold; display: block } .l-equipe-page .equipe-block .missionary-type:after { content: ''; display: block; height: 3px; width: 30px; background: #3a80c6; margin: 15px auto } .aboutus-vocation-section { -webkit-clip-path: polygon(0 8%,100% 0,100% 99%,0 87%); clip-path: polygon(0 8%,100% 0,100% 99%,0 87%); background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 110px 14px } @media screen and (max-width: 480px) { .aboutus-vocation-section { clip-path:polygon(0 0,100% 0%,100% 96%,0 100%); -webkit-clip-path: polygon(0 0,100% 0%,100% 96%,0 100%); padding: 20px 0 } } .aboutus-vocation-section .aboutus-vocation-content { padding: 0 24px; margin-bottom: 36px } @media screen and (max-width: 480px) { .aboutus-vocation-section .aboutus-vocation-content { margin-bottom:36px } } .aboutus-vocation-section .aboutus-vocation-content img { height: 80px; margin-bottom: 26px } .aboutus-vocation-section .aboutus-vocation-content h3 { font-weight: 600; font-family: "Montserrat",sans-serif; margin-bottom: 24px } .aboutus-vocation-section .aboutus-vocation-content p { display: block; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 24px } .aboutus-history-section { position: relative; padding-bottom: 120px; overflow: hidden } @media screen and (max-width: 480px) { .aboutus-history-section { padding-bottom:0 } } .aboutus-history-section .video-container { margin-bottom: 24px } .aboutus-history-section .video-mask-text { height: 210px; overflow: hidden; position: relative } .aboutus-history-section .video-mask-text:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #fff } .aboutus-history-section video { width: 100%; top: 0; position: relative } .aboutus-history-section svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .aboutus-history-section svg text { font-family: 'Montserrat',sans-serif; font-weight: 900; font-size: 1.25em } .aboutus-history-section svg>rect { -webkit-mask: url(css/style9.css#mask); mask: url(css/style9.css#mask) } .aboutus-history-section svg rect { fill: #fff } .aboutus-history-section .aboutus-video-history-info { position: relative } .aboutus-history-section .aboutus-video-history-info h3 { position: relative; z-index: 5; font-weight: 600; font-family: "Montserrat",sans-serif; display: inline-block } .aboutus-history-section .aboutus-video-history-info h3:before { content: ''; background: #78d5d7; position: absolute; height: 2px; width: 0; right: -10px; top: 0; z-index: 1; transition: all .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .5s cubic-bezier(.3,0,0,1.3) } .aboutus-history-section .aboutus-video-history-info h3:after { content: ''; background: #78d5d7; position: absolute; height: 2px; width: 0; left: -10px; bottom: 0; z-index: 1; transition: all .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .5s cubic-bezier(.3,0,0,1.3) } .aboutus-history-section .aboutus-video-history-info h3 a { color: #222; display: inline-block; padding: 8px 16px; position: relative; background: transparent; transition: color .3s cubic-bezier(.3,0,0,1.3) , background .6s linear; -webkit-transition: color .3s cubic-bezier(.3,0,0,1.3) , background .6s linear } .aboutus-history-section .aboutus-video-history-info h3 a:before { content: ''; background: #78d5d7; position: absolute; width: 2px; height: 0; left: 0; top: -10px; z-index: 1; transition: all .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .5s cubic-bezier(.3,0,0,1.3) } .aboutus-history-section .aboutus-video-history-info h3 a:after { content: ''; background: #78d5d7; position: absolute; width: 2px; height: 0; right: 0; bottom: -10px; z-index: 1; transition: all .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .5s cubic-bezier(.3,0,0,1.3) } html.no-touch .aboutus-history-section .aboutus-video-history-info h3:hover { color: #78d5d7; background: #fff } html.no-touch .aboutus-history-section .aboutus-video-history-info h3:hover a:before { height: calc(100% + 20px) } html.no-touch .aboutus-history-section .aboutus-video-history-info h3:hover a:after { height: calc(100% + 20px) } html.no-touch .aboutus-history-section .aboutus-video-history-info h3:hover:before { width: calc(100% + 20px) } html.no-touch .aboutus-history-section .aboutus-video-history-info h3:hover:after { width: calc(100% + 20px) } .aboutus-history-section .aboutus-video-history-info .animated-play-btn { position: absolute; z-index: 3; top: -12px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; background: #fff; border-radius: 50%; padding: 18px 20px 18px 28px; opacity: .4 } .aboutus-history-section .aboutus-video-history-info .animated-play-btn:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #78d5d7; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite } .aboutus-history-section .aboutus-video-history-info .animated-play-btn:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #fff; border: 2px solid #78d5d7; border-radius: 50%; transition: all 200ms } .aboutus-history-section .aboutus-video-history-info .animated-play-btn span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #78d5d7; border-top: 22px solid transparent; border-bottom: 22px solid transparent } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1 } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0 } } .aboutus-team-operation-section { margin: 120px 0 } .aboutus-team-operation-section .aboutus-team-content { margin-bottom: 60px } .aboutus-team-operation-section .aboutus-operation-body,.aboutus-team-operation-section .aboutus-team-body { text-align: left; padding: 0 36px 0; margin-top: -24px } @media screen and (max-width: 768px) { .aboutus-team-operation-section .aboutus-operation-body,.aboutus-team-operation-section .aboutus-team-body { padding:12px; margin-top: 0 } } .aboutus-team-operation-section .aboutus-operation-body h3,.aboutus-team-operation-section .aboutus-team-body h3 { color: #78d5d7; font-family: "Montserrat",sans-serif; font-weight: 800; text-transform: uppercase; font-size: 1.25em } .aboutus-team-operation-section .aboutus-operation-body h3:after,.aboutus-team-operation-section .aboutus-team-body h3:after { content: ''; width: 30px; background: #78d5d7; display: block; margin: 14px auto 14px 0; height: 4px } .aboutus-team-operation-section .aboutus-operation-body a,.aboutus-team-operation-section .aboutus-team-body a { cursor: pointer } .aboutus-team-operation-section .aboutus-operation-body a h4,.aboutus-team-operation-section .aboutus-team-body a h4 { font-weight: 700; font-size: 1.875em; color: #222; line-height: 30px; margin-bottom: 8px; margin-top: 28px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .aboutus-team-operation-section .aboutus-operation-body a p,.aboutus-team-operation-section .aboutus-team-body a p { font-size: 1em; line-height: 25px; margin-bottom: 4px; display: block; margin-top: 4px; color: #222 } html.no-touch .aboutus-team-operation-section .aboutus-operation-body a:hover h4,html.no-touch .aboutus-team-operation-section .aboutus-team-body a:hover h4 { color: #3a80c6 } .aboutus-team-operation-section .aboutus-team-image { background-image: url(https://fructifietestalents.org/maj/img/uri/equipe-benevoles.a302b211a5b4.jpg); background-color: #f1f1f1; background-size: cover; background-repeat: no-repeat; background-position: center; height: 400px; position: relative } @media screen and (max-width: 480px) { .aboutus-team-operation-section .aboutus-team-image { display:none } } .aboutus-team-operation-section .aboutus-team-image:after { content: ''; background: #f1f1f1; position: absolute; z-index: -1; width: 100%; height: 100%; top: 20px; left: 20px } .aboutus-team-operation-section .aboutus-operation-image { background-image: url(https://s.topchretien.com/media/filer_public/2a/41/2a41438a-6689-43a8-9e41-cbfe882b30cd/fonctionnement-et-financement.jpg); background-color: #f1f1f1; background-size: cover; background-repeat: no-repeat; background-position: center; height: 400px; position: relative } @media screen and (max-width: 768px) { .aboutus-team-operation-section .aboutus-operation-image { display:none } } .aboutus-team-operation-section .aboutus-operation-image:after { content: ''; background: #f1f1f1; position: absolute; z-index: -1; width: 100%; height: 100%; top: 20px; left: 20px } .aboutus-value-section { margin-bottom: 120px; position: relative } .aboutus-value-section .aboutus-value { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; display: block } .aboutus-value-section .aboutus-value p { font-size: 1.5em; color: #777 } .aboutus-value-section .reveal-container { position: relative; margin: 0 auto; width: 100%; display: block; height: 54px; overflow: hidden; margin-bottom: 36px } .aboutus-value-section .reveal-container .reveal-list { text-align: center; padding: 0; margin: 0; animation: value-rotation 16s ease infinite } @keyframes value-rotation { 0% { transform: translateY(0) } 4% { transform: translateY(-65px) } 8% { transform: translateY(-65px) } 12% { transform: translateY(-130px) } 16% { transform: translateY(-130px) } 20% { transform: translateY(-195px) } 24% { transform: translateY(-195px) } 28% { transform: translateY(-260px) } 32% { transform: translateY(-260px) } 36% { transform: translateY(-325px) } 40% { transform: translateY(-325px) } 44% { transform: translateY(-390px) } 48% { transform: translateY(-390px) } 52% { transform: translateY(-325px) } 56% { transform: translateY(-325px) } 60% { transform: translateY(-260px) } 64% { transform: translateY(-260px) } 68% { transform: translateY(-195px) } 72% { transform: translateY(-195px) } 76% { transform: translateY(-130px) } 80% { transform: translateY(-130px) } 84% { transform: translateY(-65px) } 88% { transform: translateY(-65px) } 92% { transform: translateY(0) } 100% { transform: translateY(0) } } .aboutus-value-section .reveal-container .reveal-list li.value-item { list-style-type: none; display: block } .aboutus-value-section .reveal-container .reveal-list li.value-item span { background: #ffdf40; background: -moz-linear-gradient(left,#ffdf40 0%,#ff8359 100%); background: -webkit-linear-gradient(left,#ffdf40 0%,#ff8359 100%); background: linear-gradient(to right,#ffdf40 0%,#ff8359 100%); box-shadow: 5px 8.7px 20px rgba(0,0,0,.1); margin-bottom: 12px; font-family: "Montserrat",sans-serif; padding: 10px 22px; color: #fff; font-size: 1.375em; font-weight: 400; display: inline-block } .aboutus-ressources-section { margin-bottom: 120px } @media screen and (max-width: 480px) { .aboutus-ressources-section { padding:0 14px } } .aboutus-ressources-section .aboutus-ressources-content { position: relative; margin-bottom: 24px } .aboutus-ressources-section .aboutus-ressources-content .aboutus-ressources-image { height: 0; padding-bottom: 100%; background-size: cover; background-color: red } .aboutus-ressources-section .aboutus-ressources-content .aboutus-ressources-body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left; border: 4px solid #fff; transition: all .4s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .4s cubic-bezier(.3,0,0,1.3) } html.no-touch .aboutus-ressources-section .aboutus-ressources-content .aboutus-ressources-body:hover { top: 16px; left: 16px } .aboutus-ressources-section .aboutus-ressources-content .aboutus-ressources-body:before { content: ''; background: #3a80c6; background: -moz-linear-gradient(left,#3a80c6 0%,#78d5d7 100%); background: -webkit-linear-gradient(left,#3a80c6 0%,#78d5d7 100%); background: linear-gradient(to right,#3a80c6 0%,#78d5d7 100%); opacity: .5; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .aboutus-ressources-section .aboutus-ressources-content .aboutus-ressources-body h5 { color: #fff; font-size: 1.375em; font-weight: 600; z-index: 3; position: absolute; bottom: 0; left: 0; padding: 10px } .aboutus-joinus-section { background-image: url(https://fructifietestalents.org/maj/img/uri/join-us-bg.ec4349b705a9.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%); clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%); color: #fff; padding: 140px 14px 100px } @media screen and (max-width: 480px) { .aboutus-joinus-section { -webkit-clip-path:polygon(0 0,100% 4%,100% 100%,0% 100%); clip-path: polygon(0 0,100% 4%,100% 100%,0% 100%); padding: 70px 14px } } .aboutus-joinus-section h2 { color: #fff; font-size: 2.25rem } .aboutus-joinus-section p { color: #fff; font-size: 1.25em } .aboutus-joinus-section a { margin: 0 14px 14px; background-color: rgba(255,255,255,.2) } .logo-graphical-charter-section { text-align: center } .logo-graphical-charter-section h2 { margin-bottom: 36px } .logo-graphical-charter-section h3 { margin-bottom: 24px } .logo-graphical-charter-section .info-card-white { border-radius: 20px; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.08); box-shadow: 0 0 3px 0 rgba(0,0,0,.08); padding: 30px; margin-bottom: 36px; text-align: center } .logo-graphical-charter-section .info-card-white img { height: 50px; margin: 0 auto 28px auto } .logo-graphical-charter-section .info-card-white a { display: inline-block } .logo-graphical-charter-section .how-to-use-the-logo { margin-bottom: 84px } .logo-graphical-charter-section .how-to-use-the-logo h3 { text-align: left } .logo-graphical-charter-section .how-to-use-the-logo p { text-align: left; font-size: .875em; line-height: 1em } .logo-graphical-charter-section .how-to-use-the-logo img { width: 240px; margin: 12px auto } .logo-graphical-charter-section .how-to-use-informations .logo-crossed { position: relative } .logo-graphical-charter-section .how-to-use-informations .logo-crossed:before { content: ''; height: 3px; width: 100%; background: red; position: absolute; top: -20px; transform: rotate(18deg); z-index: 5 } .logo-graphical-charter-section .how-to-use-informations small { margin-bottom: 24px; display: block } .timeline { position: relative; overflow: auto; margin-top: 36px; padding-bottom: 36px } .timeline:before { content: ''; position: absolute; height: 100%; width: 2px; background: #e9e9e9; left: 0 } .timeline h2 { background: #3a80c6; max-width: 6em; margin: 0 auto 3em; padding: .5em; text-align: center; position: relative; clear: both; font-size: 1.125em; text-transform: uppercase; font-weight: bold; color: #fff; outline: 6px solid #fff; border-bottom: 4px solid #306ca7 } .timeline ul { list-style: none; padding: 0 0 0 1em; z-index: 1 } .timeline li { background: #f8f8f8; padding: 14px; margin-bottom: 1em; position: relative; border-bottom: 2px solid #f5f5f5 } .timeline li:before { content: ''; width: 0; height: 0; border-top: 1em solid #f8f8f8; border-left: 1em solid transparent; position: absolute; left: -1em; top: 0 } .timeline li:nth-child(even) { border-right: 2px solid #f5f5f5 } .timeline li:nth-child(even):after { content: ''; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #59cbce; background: #fff; box-shadow: 0 0 5px #78d5d7; -webkit-box-shadow: 0 0 5px #78d5d7; position: absolute; left: -62px; top: -6px } .timeline li:nth-child(odd) { border-left: 2px solid #f5f5f5 } .timeline li:nth-child(odd):after { content: ''; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #59cbce; background: #fff; box-shadow: 0 0 5px #78d5d7; -webkit-box-shadow: 0 0 5px #78d5d7; position: absolute; right: -64px; top: 0 } .timeline li:last-child { margin-bottom: 54px } @media screen and (min-width: 40em) { .timeline:before { left:50% } .timeline ul { padding-left: 0; max-width: 700px; margin: 0 auto } .timeline li { width: 42% } .timeline li:nth-child(even) { float: right; margin-top: 2em } .timeline li:nth-child(odd) { float: left } .timeline li:nth-child(odd):before { border-top: 1em solid #f8f8f8; border-right: 1em solid transparent; right: -1em; left: auto } .timeline li:nth-of-type(2n+1) { clear: both } } .l-section-about .landing-page--toptv img { position: absolute; top: 50px; width: 150px; height: 150px; left: 50%; transform: translateX(-50%); z-index: 2 } .l-section-about .landing-page--toptv h5 { margin-top: 32px } .l-section-about .landing-page--toptv ul { margin-bottom: 14px } .l-section-about .landing-page--toptv ul li { line-height: auto; padding: 20px 14px; font-size: 16px; border-bottom: 1px solid #f1f1f1; clear: both } .l-section-about .landing-page--toptv ul li:last-child { border-bottom: none } .l-section-about .landing-page--toptv ul li span { color: #8a8b8d } .l-section-about .landing-page--toptv ul li .btn-base { line-height: initial; float: right } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px } .alert.alert--info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .alert.alert--warning { color: #444; background-color: rgba(255,193,7,.7) } .alert.alert--success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .alert.alert--danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .alert p { margin: 0; line-height: 1.3 } .fadeInDown { opacity: 0; animation-name: fadeInDown; -webkit-animation-name: fadeInDown } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-10px) } 100% { left: -350px } } .fadeInLeft { opacity: 0; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft } @keyframes FadeInLeft { 0% { transform: translateX(-50px); opacity: 0 } 70% { opacity: 1 } 100% { transform: translateX(0); opacity: 1 } } @keyframes FadeInLeft-Out { 0% { left: -350px; opacity: 0 } 2% { opacity: 1 } 5% { left: 10px; opacity: 1 } 10% { left: 10px; opacity: 1 } 80% { left: 10px; opacity: 1 } 100% { left: -350px } } @-webkit-keyframes FadeInLeft-Out { 0% { left: -350px; opacity: 0 } 2% { opacity: 1 } 5% { left: 10px; opacity: 1 } 10% { left: 10px; opacity: 1 } 80% { left: 10px; opacity: 1; left: 10px } 100% { left: -350px } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes rotate { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .animated { animation-duration: 1s; animation-fill-mode: both } .animated.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } .fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp } @keyframes fadeInUp { from { transform: translateY(40px) } to { transform: translateY(0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translateY(40px) } to { transform: translateY(0); opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 20% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 20% { opacity: 0 } 100% { opacity: 1 } } .reveal-text,.reveal-text::after { -webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0,0,.2,1); animation-timing-function: cubic-bezier(0,0,.2,1) } .reveal-text { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-animation-name: reveal-text; animation-name: reveal-text; cursor: default } .reveal-text::after { content: ""; position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background-color: #f5f5f5; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; pointer-events: none; -webkit-animation-name: revealer-text; animation-name: revealer-text } @-webkit-keyframes reveal-text { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } } @keyframes reveal-text { from { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0) } to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } } @-webkit-keyframes revealer-text { 0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } 60%, 100% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } 60% { -webkit-transform: scaleX(1); transform: scaleX(1) } 100% { -webkit-transform: scaleX(0); transform: scaleX(0) } } @keyframes revealer-text { 0%, 50% { -webkit-transform-origin: 0 50%; transform-origin: 0 50% } 60%, 100% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } 60% { -webkit-transform: scaleX(1); transform: scaleX(1) } 100% { -webkit-transform: scaleX(0); transform: scaleX(0) } } @-webkit-keyframes slide-in-up { 0% { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0 } 30% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 90% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0 } } @keyframes slide-in-up { 0% { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0 } 30% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 90% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(200px); transform: translateY(200px); opacity: 0 } } @keyframes fadeInRight { from { opacity: 0; transform: translateX(20px) } to { opacity: 1; transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } .animated-pulse { -webkit-animation: heartbeat 1.5s ease-in-out both; animation: heartbeat 1.5s ease-in-out both } @-webkit-keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .topmusic-artists::-webkit-scrollbar { width: 6px } .topmusic-artists::-webkit-scrollbar-track { background: transparent; box-shadow: inset 0 0 6px rgba(0,0,0,.1) } .topmusic-artists::-webkit-scrollbar-thumb { background: #ccc; border: 0; border-radius: 100px } .topmusic-artists { display: flex; flex-direction: column; justify-content: flex-start; min-height: 100vh; overflow-x: hidden; margin: 0; padding-top: 100px } .topmusic-artists #wrapper { overflow: auto } .topmusic-artists .tmfa-login-page { min-height: auto } .topmusic-artists #header-logo a { display: flex } .topmusic-artists .tmfa-logo { display: flex; width: 320px; height: auto; background: none; margin-right: 0; max-width: none } .topmusic-artists .tmfa-logo img { max-width: 100% } .topmusic-artists .tmfa-btn { display: inline-flex; align-items: center; align-self: flex-end; color: #fff; text-align: center; justify-content: center; height: 3rem; font-size: 1rem; font-family: "Sen",sans-serif; font-weight: 700; padding: 1rem 2.8rem; background: transparent linear-gradient(123deg,#f27046 0%,#d43ac9 100%) 0% 0% no-repeat padding-box; background-size: 100%; border-radius: 35px; border: none; transition: background-size .3s ease-in-out } .topmusic-artists .tmfa-btn:hover { color: #fff; background-size: 220% } .topmusic-artists #header .header__container { padding: 0 } .topmusic-artists .reset-container .article-main { max-width: 700px } .topmusic-artists .reset-container .article-main .content { padding: 2rem } .topmusic-artists .reset-container .article-main .article-title { display: flex; align-items: center; justify-content: space-between; position: relative; color: #202020; font-size: 2.625rem; font-weight: 800; font-family: "Sen",sans-serif; margin-bottom: 20px } .topmusic-artists .reset-container .article-main .article-title::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: transparent linear-gradient(90deg,#e3e3e3 0%,rgba(0,0,0,0) 100%) } .topmusic-artists #reset-password-form { display: flex; flex-direction: column; max-width: 420px; margin: auto } .topmusic-artists #reset-password-form input { border-radius: 15px; border: 3px solid #f5f5f5; background: #f5f5f5; color: #212121; padding: 14px 23px; font-size: 19px; line-height: 20px; font-family: "Sen",sans-serif; font-weight: 700; height: 60px; apperance: none } .topmusic-artists #reset-password-form .tmfa-btn { margin-top: 1rem; align-self: center } .domain-artists[lang="en"] #author_contacts .DELETE-field label::after { content: "Delete contact" } .domain-artists { overflow-y: auto } .domain-artists body { display: flex; flex-direction: column; justify-content: flex-start; min-height: 100vh; overflow-x: hidden; margin: 0; padding-top: 100px } .domain-artists .ui-widget-overlay { background-color: rgba(0,0,0,.2) } .domain-artists #header { height: auto } .domain-artists .basic-form-user .btn-container { display: flex; justify-content: center } .domain-artists .basic-form-user .btn-container .tmfa-btn { text-transform: uppercase; margin: 2rem 0 } .domain-artists .btn-topmusic { text-transform: initial!important } .domain-artists .tmfa-main { display: flex; flex-direction: column; flex-shrink: 0; min-height: 0; flex-grow: 1; font-family: "Sen",sans-serif } .domain-artists .tmfa-logo { display: flex; width: 320px; height: auto; background: none; margin-right: 0; max-width: none } .domain-artists .tmfa-logo img { max-width: 100% } .domain-artists .tmfa-content { box-shadow: 0 0 50px rgba(0,0,0,.1); border-radius: 10px; margin-bottom: 35px; padding: 24px 42px 46px; background-color: #fff; height: auto } @media (max-width: 1100px) { .domain-artists .tmfa-content { padding:24px 3.8vw 46px } } .domain-artists .tmfa-content--password { width: 37.45vw; max-width: 719px } @media (max-width: 1650px) { .domain-artists .tmfa-content--password { width:37.45vw } } @media (max-width: 1500px) { .domain-artists .tmfa-content--password { width:calc(33.33vw + 42px + 42px) } } @media (max-width: 900px) { .domain-artists .tmfa-content--password { width:100%; max-width: none } .domain-artists .tmfa-content--password .field.password-field { max-width: none } } .domain-artists .tmfa-content--password .tmfa-title { margin-bottom: 20px } .domain-artists .article-main { max-width: 1475px; width: 76.82vw; margin-right: 0 } .domain-artists .tmfa-container { max-width: 1634px; width: 100%; margin: auto; padding: 0 4% } .domain-artists .tmfa-container-short { max-width: 980px; width: 100%; margin: auto } .domain-artists .tmfa-title { color: #202020; font-size: 2.625rem; font-weight: 800; font-family: "Sen",sans-serif; margin: 0 } .domain-artists .tmfa-btn { display: inline-flex; align-items: center; align-self: flex-end; color: #fff; justify-content: center; height: 3rem; font-size: 1rem; font-family: "Sen",sans-serif; font-weight: 700; padding: 1rem 2.8rem; background: transparent linear-gradient(123deg,#f27046 0%,#d43ac9 100%) 0% 0% no-repeat padding-box; background-size: 100%; border-radius: 35px; border: none; transition: background-size .3s ease-in-out } .domain-artists .tmfa-btn:hover { color: #fff; background-size: 220% } .domain-artists .tmfa-btn-auto { width: auto; padding: 16px 44px } .domain-artists .tmfa-page-faq { display: none; background: transparent url(https://fructifietestalents.org/maj/img/icons/check-mark-button.4426329ff50e.png) center no-repeat; width: 85px; height: 85px; background-size: 150%; position: absolute; top: 992px; right: 20px; padding: 0; border: none; margin: 0 } @media (max-height: 1100px) { .domain-artists .tmfa-page-faq { top:auto; bottom: 150px } } .domain-artists hr { border: 1px solid #f5f5f5; max-width: 42rem } .domain-artists .tmfa-dashboard-page,.domain-artists .tmfa-artists-page,.domain-artists .tmfa-choose-artist-page,.domain-artists .tmfa-account-page,.domain-artists .tmfa-contributer-form-page,.domain-artists .tmfa-artist-profile { flex-grow: 1; padding: 3rem 0; background-color: #f8f8f8 } .domain-artists .tmfa-page { flex-grow: 1; padding: 3rem 0; margin: auto } .domain-artists .tmfa-form .field { display: flex; flex-direction: column; background-color: #fff; width: 100%; max-width: 550px; padding: .4em 0 } .domain-artists .tmfa-form .form-label { float: none; margin-bottom: 12px; display: flex; align-items: center; justify-content: flex-start; padding: 3px 0 } .domain-artists .tmfa-form .show_hide_password { width: 20px; height: 15px; position: absolute; right: 22px; bottom: 22px; cursor: pointer } .domain-artists .tmfa-form .show_hide_password.show { background: url(https://fructifietestalents.org/maj/img/uri/topmusic/show_password.1d891ccc85f3.png); background-size: cover } .domain-artists .tmfa-form .show_hide_password.show.hide { background: url(https://fructifietestalents.org/maj/img/uri/topmusic/hide_password.4299560ae4cc.png); background-size: cover } .domain-artists .tmfa-form .tmfa-form-radio-btns { display: flex; align-items: center; justify-content: flex-start; margin-top: 5px } .domain-artists .tmfa-form .tmfa-form-radio-btn input.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); padding: 0 } .domain-artists .tmfa-form .tmfa-form-radio-btn label { display: flex; position: relative; align-items: center; font-weight: 700; font-size: 18px; line-height: 22px; color: #202020; padding-left: 33px; margin-right: 33px } .domain-artists .tmfa-form .tmfa-form-radio-btn label::before,.domain-artists .tmfa-form .tmfa-form-radio-btn label::after { position: absolute; display: block; flex-shrink: 0; border-radius: 50%; left: 0; cursor: pointer } .domain-artists .tmfa-form .tmfa-form-radio-btn label::before { content: ""; height: 20px; width: 20px; border: 2px solid #a5a5a5 } .domain-artists .tmfa-form .tmfa-form-radio-btn input:hover+label::before,.domain-artists .tmfa-form .tmfa-form-radio-btn input:focus-visible+label::before { opacity: .7; outline: none; transition: all .3s ease-in-out } .domain-artists .tmfa-form .tmfa-form-radio-btn input:checked+label::before { border-color: #f5763a } .domain-artists .tmfa-form .tmfa-form-radio-btn input:checked+label::after { content: ""; margin: 5px; width: 10px; height: 10px; background-color: #f5763a } .domain-artists .tmfa-form-container { margin-top: 10px; margin-bottom: 26px } .domain-artists .tmfa-form-container--account { display: flex; justify-content: space-between } .domain-artists .tmfa-form-container--password { display: flex; flex-direction: column; align-items: flex-start } .domain-artists .tmfa-form-container--password .tmfa-page { margin-bottom: 19px } .domain-artists .tmfa-form #id_sex { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden } .domain-artists .tmfa-form .tmfa-form-sex { margin-bottom: 17px } .domain-artists .tmfa-form .tmfa-form-sex span { cursor: pointer; background: #fff; color: #f5763a; border: 2px solid transparent; font-size: 16px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; font-family: "Sen",sans-serif; width: 121px; height: 44px; margin-right: 11px; margin-left: 0; cursor: pointer } @media (max-width: 1024px) { .domain-artists .tmfa-form .tmfa-form-sex span { width:110px; height: 40px } } .domain-artists .tmfa-form .tmfa-form-sex span.checked { border-color: #f5763a } .domain-artists .tmfa-form .tmfa-btn { margin: auto; font-size: 20px; height: 3.3rem } .domain-artists .tmfa-form input,.domain-artists .tmfa-form select { border-radius: 15px; border: 3px solid #f5f5f5; background: #f5f5f5; color: #212121; padding: 14px 23px; font-size: 19px; line-height: 20px; font-family: "Sen",sans-serif; font-weight: 700; height: 60px; -moz-appearance: none; -webkit-appearance: none; apperance: none } .domain-artists .tmfa-form input[type="text"],.domain-artists .tmfa-form input[type="date"],.domain-artists .tmfa-form select[type="text"],.domain-artists .tmfa-form select[type="date"] { border: 3px solid #f5f5f5; background: #f5f5f5 } .domain-artists .tmfa-form input:focus,.domain-artists .tmfa-form input[type="text"]:focus,.domain-artists .tmfa-form input[type="date"]:focus,.domain-artists .tmfa-form input[type="text"]:active,.domain-artists .tmfa-form input[type="date"]:active,.domain-artists .tmfa-form input:active,.domain-artists .tmfa-form select:focus,.domain-artists .tmfa-form select[type="text"]:focus,.domain-artists .tmfa-form select[type="date"]:focus,.domain-artists .tmfa-form select[type="text"]:active,.domain-artists .tmfa-form select[type="date"]:active,.domain-artists .tmfa-form select:active { border-color: #f5f5f5; outline: none } .domain-artists .tmfa-form input:-webkit-autofill,.domain-artists .tmfa-form select:-webkit-autofill { border-bottom: 1px solid #efefef } .domain-artists .tmfa-form .input { position: relative } .domain-artists .tmfa-form .tmfa-form-block { width: 46.8%; max-width: 719px } @media (max-width: 1500px) { .domain-artists .tmfa-form .tmfa-form-block { width:33.33vw } } .domain-artists .tmfa-form .tmfa-form-block:nth-of-type(2) { padding-left: .7% } @media (max-width: 1100px) { .domain-artists .tmfa-form .tmfa-form-block:nth-of-type(2) { flex-grow:1; margin-left: 3.8vw; padding-left: 0 } } .domain-artists .tmfa-form .firstname-field,.domain-artists .tmfa-form .lastname-field,.domain-artists .tmfa-form .country-field,.domain-artists .tmfa-form .birth-field { width: 317px; margin-right: auto } @media (max-width: 1024px) { .domain-artists .tmfa-form .firstname-field,.domain-artists .tmfa-form .lastname-field,.domain-artists .tmfa-form .country-field,.domain-artists .tmfa-form .birth-field { width:100% } } .domain-artists .tmfa-form .lastname-field { margin-right: 0; margin-left: 1% } .domain-artists .tmfa-form .tmfa-form-name { display: flex; justify-content: space-between } @media (max-width: 1024px) { .domain-artists .tmfa-form .tmfa-form-name { flex-wrap:wrap } .domain-artists .tmfa-form .tmfa-form-name .field { flex-grow: 1; margin: 0 } } .domain-artists .tmfa-form .title.form-label::after { display: none } .domain-artists .tmfa-form .title.form-label label { letter-spacing: 0; color: rgba(33,33,33,.5); font-size: 15px; line-height: 18px; font-family: "Sen",sans-serif; font-weight: 700 } .domain-artists .tmfa-form .tmfa-form-phone { display: flex; position: relative; padding: .4em 0 } .domain-artists .tmfa-form .tmfa-form-phone .field { height: auto!important; background: none!important; position: relative; width: 100%!important; padding: 0!important } .domain-artists .tmfa-form .tmfa-form-cc-picker { position: absolute; bottom: 0; left: 0; z-index: 1 } .domain-artists .tmfa-form .tmfa-form-cc-picker .cc-picker { margin-bottom: 6px; padding-left: 23px } .domain-artists .tmfa-form .tmfa-form-cc-picker .cc-picker::after { top: 29px; right: 13px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f5763a } .domain-artists .tmfa-content--contributers { position: relative; margin-bottom: 100px; padding: 2rem } .domain-artists .tmfa-contributors-header,.domain-artists .tmfa-contributors-list { list-style: none; padding-left: 0; margin: 0 } .domain-artists .tmfa-contributors-header,.domain-artists .tmfa-contributors-item { display: flex; justify-content: flex-start } .domain-artists .tmfa-contributors-title,.domain-artists .tmfa-contributors-item-name,.domain-artists .tmfa-contributors-item-type { width: 31.6%; margin-right: 2%; flex-shrink: 0 } .domain-artists .tmfa-contributors-header { padding-top: 12px; padding-bottom: 36px; letter-spacing: 1.28px } .domain-artists .tmfa-contributors-item-name,.domain-artists .tmfa-contributors-item-type { margin-bottom: 0; margin-top: 0; font-size: 16px; line-height: 19px; font-weight: 400; color: #000 } .domain-artists .tmfa-contributors-item { padding-top: 33px; padding-bottom: 36px } .domain-artists .tmfa-contributors-item-mod { margin-left: auto; color: #a5a5a5; font-weight: 700; font-size: 16px; line-height: 19px } .domain-artists .tmfa-contributors-item-mod:hover,.domain-artists .tmfa-contributors-item-mod:focus { outline: none; color: rgba(165,165,165,.7) } .domain-artists .tmfa-contributors-title { color: #898989; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase } .domain-artists .tmfa-contributors-support { position: absolute; bottom: 0; right: 0; text-align: right; line-height: 19px; font-weight: 400; color: #212121; transform: translateY(100%); margin: 0; padding-top: 32px } .domain-artists .tmfa-contributors-support a { font: inherit; color: #212121; text-decoration: underline } .domain-artists .tmfa-contributors-support a:hover,.domain-artists .tmfa-contributors-support a:focus { outline: none; color: rgba(33,33,33,.7) } .domain-artists .tmfa-contributer-form-page { padding-top: 2.7rem } .domain-artists .tmfa-contributer-form-page .topmusic-back-link { display: flex; align-items: center; color: #202020; opacity: .5; font-size: 20px; line-height: 24px; font-weight: 700 } .domain-artists .tmfa-contributer-form-page .topmusic-back-link:hover,.domain-artists .tmfa-contributer-form-page .topmusic-back-link:focus { opacity: 1; outline: none } .domain-artists .tmfa-contributer-form-page .topmusic-back-link i { transform: rotate(180deg); margin-right: 14px; margin-top: 3px } .domain-artists .tmfa-content--contributer-form { width: 600px; margin: 28px auto 100px; padding: 24px 26px 47px } .domain-artists .tmfa-content--contributer-form .tmfa-btn { width: 345px; min-width: max-content; max-width: 100%; margin: 0 auto; font-size: 20px; min-height: 55px } .domain-artists .tmfa-content--contributer-form .tmfa-title { font-size: 32px; line-height: 38px; padding-bottom: 16px; margin-bottom: 6px } .domain-artists .tmfa-content--contributer-form .contributors-btn { text-align: center; margin-top: 24px } .domain-artists .tmfa-content--contributer-form .tmfa-form-block { display: flex; justify-content: space-between; width: 100% } .domain-artists .tmfa-form--contributer-sctructure .field { width: 100% } .domain-artists .tmfa-form--contributer-sctructure .field .form-label span { display: none } .domain-artists .tmfa-form--contributer-sctructure .field--short { width: 317px } .domain-artists .tmfa-form--contributer-sctructure .field--country { width: 155px } .domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-delete,.domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-add { color: red; background: none; border: none; font-size: 14px; line-height: 17px; font-weight: 400; transition: all .3s ease-in-out } .domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-delete:hover,.domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-delete:focus,.domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-add:hover,.domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-add:focus { opacity: .7 } .domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-add { color: #f5763a; font-family: "Sen",sans-serif; font-size: 14px; line-height: 17px; padding-left: 0; display: flex; align-items: center; margin-top: 11px } .domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-add span { margin-right: 9px; font-size: 19px; padding-bottom: 2px } .domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-delete { margin-left: auto; display: none; font-family: "Sen",sans-serif; font-size: 14px; line-height: 17px; padding-right: 0; margin-bottom: 38px } .domain-artists .tmfa-form--contributer-sctructure h2.tmfa-title { font-size: 28px; line-height: 33px; margin-top: 22px } .domain-artists .tmfa-form--contributer-sctructure .form-input { position: relative } .domain-artists .tmfa-form--contributer-sctructure .tmfa-btn-helper { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); font-size: 19px; cursor: pointer } .domain-artists .tmfa-form--contributer-sctructure .form-select { position: relative } .domain-artists .tmfa-form--contributer-sctructure .form-select select { width: 100%; cursor: pointer; padding-left: 18px; padding-right: 18px } .domain-artists .tmfa-form--contributer-sctructure .field--optional .form-label span { display: initial; font-family: inherit; font-weight: 400; font-size: 13px; line-height: 13px; margin-left: 10px; padding-top: 3px; color: #a5a5a5 } .domain-artists .tmfa-form--contributer-sctructure .field--optional .form-select::after { right: 52px!important } .domain-artists .tmfa-form--contributer-sctructure .field--postal-code { width: 155px; flex-shrink: 0; margin-right: 20px } .domain-artists .tmfa-form--contributer-sctructure .field--IBAN { width: 287px; margin-right: 20px; flex-shrink: 0 } .domain-artists .tmfa-form--contributer-sctructure .tmfa-contributer-form--contact { display: flex; flex-direction: column } .domain-artists .tmfa-form--contributer-sctructure .tmfa-contributer-form--contact.additional { position: relative; margin-top: 9px } .domain-artists .tmfa-form--contributer-sctructure .tmfa-contributer-form--contact.additional::after { content: ""; display: block; position: absolute; top: 50px; left: 0; width: 100%; height: 1px; background: transparent linear-gradient(90deg,#e3e3e3 0%,rgba(0,0,0,0) 100%) } .domain-artists .tmfa-form--contributer-sctructure .tmfa-contributer-form--contact.additional .tmfa-btn-delete { display: initial } .domain-artists .tmfa-form--contributer-sctructure .contributors-btn { margin-top: 30px } @media (max-width: 1300px) { .domain-artists .tmfa-artist-profile .article-main { width:90vw } } .domain-artists .tmfa-artist-profile .tmfa-form { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2rem } @media (max-width: 1000px) { .domain-artists .tmfa-artist-profile .tmfa-form { flex-direction:column } } .domain-artists .tmfa-artist-profile .tmfa-content { width: 48.81%; flex-shrink: 0; padding: 21px 2.5% 33px } @media (max-width: 1000px) { .domain-artists .tmfa-artist-profile .tmfa-content { width:90%; max-width: 720px; display: flex; flex-direction: column; align-items: center; margin: 0 auto 30px } } .domain-artists .tmfa-artist-profile .tmfa-form-btns { width: 100%; flex-grow: 1; display: flex; justify-content: flex-end; margin-top: 16px } .domain-artists .tmfa-artist-profile .tmfa-field-wrapper { position: relative; width: 100%; max-width: 550px } .domain-artists .tmfa-artist-profile .tmfa-field-wrapper .helptext-tooltip { position: absolute; font-size: 22px; right: 18px; top: 58px; cursor: pointer } .domain-artists .tmfa-artist-profile .tmfa-field-wrapper--year .helptext-tooltip { right: auto; left: 116px } .domain-artists .tmfa-artist-profile .form-input textarea { font-family: "Sen",sans-serif; font-size: 16px; color: #212121; font-weight: 400; line-height: 19px; height: 315px; margin-bottom: 5px; padding: 32px 32px 32px 22px; resize: none } .domain-artists .tmfa-artist-profile .select2-selection__rendered::after { right: 48px; border-top: 7px solid #f5763a; border-left: 7px solid transparent; border-right: 7px solid transparent } .domain-artists .tmfa-artist-profile .upload_file .upload_button { margin-top: 0 } .domain-artists .tmfa-artist-profile .upload_artist_helptext-tooltip .helptext-trigger { font-size: inherit; line-height: inherit } .domain-artists .tmfa-artist-profile .artist_upload-form-label { position: relative; width: 382px; min-width: max-content } .domain-artists .tmfa-artist-profile .tmfa-content--wrapper { width: 544px; max-width: 100% } .domain-artists .tmfa-footer { display: flex; position: relative; padding: 0 3.8rem; height: 6rem; background-color: #f8f8f8; justify-content: space-between; align-items: center; position: relative; margin-top: auto; flex-shrink: 0 } .domain-artists .tmfa-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; display: block; height: 5px; width: 85%; background: radial-gradient(ellipse,rgba(0,0,28,.08),#fff) } .domain-artists .tmfa-footer-small { font: 14px/17px Sen; color: #a5a5a5; justify-content: center; margin-top: 2rem } .domain-artists .tmfa-footer-small::before { display: none } .domain-artists .tmfa-footer-link { color: #212121; font-size: 18px; margin-right: 2.8rem; text-decoration: none; font-weight: 700; font-family: "Sen",sans-serif } .domain-artists .tmfa-footer-link:hover { color: #212121 } .domain-artists .tmfa-footer-date { display: flex; align-items: center; padding-right: 6.5rem; font-size: 18px; font-weight: 700; font-family: "Sen",sans-serif; position: relative } .domain-artists .tmfa-footer-faq { display: inline-block; background-image: url(https://fructifietestalents.org/maj/img/icons/check-mark-button.4426329ff50e.png); width: 70px; height: 70px; background-repeat: no-repeat; position: absolute; top: 0; margin: auto; background-size: 177%; background-position: center; right: -27px; bottom: -7px } .domain-artists .tmfa-account-page { padding-top: 2rem } .domain-artists .tmfa-account-page #wrapper,.domain-artists .tmfa-choose-artist-page #wrapper,.domain-artists .tmfa-contributer-form-page #wrapper,.domain-artists .tmfa-artist-profile #wrapper { overflow: visible } .domain-artists .tmfa-choose-artist-page .tmfa-title { margin-bottom: 59px } .domain-artists .tmfa-choose-artist-page .tmfa-title::after { bottom: -10px } .domain-artists .tmfa-choose-artist-page .tmfa-content { padding-top: 29px; padding-bottom: 20px } .domain-artists .tmfa-artists,.domain-artists .tmfa-albums { margin-bottom: 3.6rem } .domain-artists .tmfa-artists hr,.domain-artists .tmfa-albums hr { margin-top: 0 } .domain-artists .tmfa-artists-header,.domain-artists .tmfa-albums-header,.domain-artists .tmfa-title { display: flex; align-items: center; justify-content: space-between; position: relative } .domain-artists .tmfa-artists-header::after,.domain-artists .tmfa-albums-header::after,.domain-artists .tmfa-title::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: transparent linear-gradient(90deg,#e3e3e3 0%,rgba(0,0,0,0) 100%) } .domain-artists .tmfa-artist-block-search { display: flex; flex-direction: column; align-items: center } .domain-artists .tmfa-artists-list,.domain-artists .tmfa-albums-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(13rem,1fr)); grid-gap: 2.5rem 5rem; list-style: none; margin: 2.4rem 0; padding: 0 } .domain-artists .tmfa-artists-list-item,.domain-artists .tmfa-albums-list-item { display: flex } .domain-artists .tmfa-artists-list-item a,.domain-artists .tmfa-albums-list-item a { display: flex; flex-direction: column; color: #202020 } .domain-artists .tmfa-artists-list-item a:hover,.domain-artists .tmfa-albums-list-item a:hover { color: #202020 } .domain-artists .tmfa-artists-list-img,.domain-artists .tmfa-albums-list-img { width: 14.4rem; height: 14.4rem; background-color: #eee } .domain-artists .tmfa-artists-list-img { border-radius: 50%; margin-bottom: .4rem } .domain-artists .tmfa-albums-list-img-wrapper { position: relative; margin-bottom: .6rem } .domain-artists .tmfa-albums-list-img { border-radius: 1rem; display: block } .domain-artists .tmfa-albums-list-status { position: absolute; right: 9px; bottom: 10px; z-index: 1 } .domain-artists .tmfa-album-status { min-height: 28px; padding: 7px 17px; border-radius: 28px; font-family: "Sen",sans-serif; font-size: 12px; line-height: 14px; font-weight: 700; color: #fff } .domain-artists .tmfa-album-status--draft { background-color: #212121 } .domain-artists .tmfa-album-status--draft ~ .tmfa-albums-list-img { opacity: .7 } .domain-artists .tmfa-album-status--edit { background-color: #ffba00 } .domain-artists .tmfa-album-status--refused { background-color: red } .domain-artists .tmfa-album-status--pending { background-color: #898989 } .domain-artists .tmfa-album-status--planned { background-color: #03a9f4 } .domain-artists .tmfa-album-status--accepted { background-color: #34b704 } .domain-artists .tmfa-artists-list-name,.domain-artists .tmfa-albums-list-name { font-size: 1.2rem } .domain-artists .tmfa-artists-list-name { text-align: center; font-family: "Sen",sans-serif; font-weight: 700 } .domain-artists .tmfa-albums-list-name,.domain-artists .tmfa-albums-list-author { padding-left: 12px; font-family: "Sen",sans-serif; font-weight: 700; line-height: 25px } .domain-artists .tmfa-albums-list-author { opacity: .5; font-size: .938rem } .domain-artists .topmusic-header-bar { height: 80px } .domain-artists .header-logo-text { position: absolute; left: 190px; font-size: 25px; font-weight: 400; top: 21px } .domain-artists .tmfa-back { display: block; margin-bottom: 2rem; color: #878787; font-weight: bold; outline: none } .domain-artists .tmfa-link { color: #898989; font-family: "Sen",sans-serif; font-weight: bold } .domain-artists .tmfa-logout { display: block; color: #212121; font-weight: bold } .domain-artists .tmfa-summary-buttons-container { display: flex; justify-content: flex-end; align-items: center } .domain-artists .tmfa-summary-buttons-container>.tmfa-link { margin-right: 2rem } .domain-artists .tmfa-modal { margin-top: -60px } .domain-artists #topmusic-login-user-block { width: 650px; padding: 0!important } .domain-artists #input-topmusic { background-color: #f5f5f5; height: 40px; border: none } .domain-artists .forgotten-password-form { color: #f5763a!important } .domain-artists #topmusic-title-form-label { color: #212121; opacity: 50% } .domain-artists #topmusic-social-btn-login { margin-top: 45px } .domain-artists #topmusic-social-btn-login:after { content: ""; width: 1px; height: 90%; background: #ddd; z-index: 1; display: inline-block; position: absolute; left: 0; top: 17% } .domain-artists .social-link-container-google { width: 100%; height: 50px; box-shadow: 0px 1px 18px #00000014; border-radius: 34px; display: flex; align-items: center } .domain-artists .social-link-container-facebook { width: 100%; height: 50px; box-shadow: 0px 1px 18px #00000014; border-radius: 34px; display: flex; align-items: center; margin-top: 20px } .domain-artists #facebook-login-page-icon { font-size: 27px; color: #1877f2 } .domain-artists #topmusic-login-link { display: flex; color: #000; font-weight: 700 } .domain-artists .topmusic-social-img { width: 25px; height: 25px; margin-left: 20px; margin-right: 20px } .domain-artists .topmusic-title-container { display: flex; justify-content: center } .domain-artists #topmusic-line { margin-bottom: 60px } .domain-artists #topmusic-line:after { content: ""; width: 300px; display: block; height: 2px; background: #e3e3e380 } .domain-artists .bg-image-left-one { position: fixed; top: -106px; left: -345px; width: 570px; height: 670px; background-repeat: no-repeat; z-index: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/backround-images/1.31d8bdb9ae55.png); filter: drop-shadow(0 3px 56px rgba(0,0,0,.16)) } .domain-artists .bg-image-left-two { position: fixed; top: 170px; left: -465px; width: 670px; height: 550px; background-repeat: no-repeat; z-index: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/backround-images/2.639098bbfa99.png); filter: drop-shadow(0 3px 56px rgba(0,0,0,.16)) } .domain-artists .bg-image-right-one { position: fixed; top: -377px; right: -437px; width: 847px; height: 937px; background-repeat: no-repeat; z-index: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/backround-images/3.fd8bd85e04ea.png); filter: drop-shadow(0 3px 56px rgba(0,0,0,.16)) } .domain-artists .bg-image-right-two { position: fixed; top: -246px; right: -482px; width: 700px; height: 826px; background-repeat: no-repeat; z-index: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/backround-images/4.f5b91d2120f7.png); filter: drop-shadow(0 3px 56px rgba(0,0,0,.16)) } .domain-artists #bg-image-left-one { position: fixed; top: 146px; left: -317px; width: 570px; height: 670px; background-repeat: no-repeat; z-index: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/backround-images/1.31d8bdb9ae55.png); filter: drop-shadow(0 3px 56px rgba(0,0,0,.16)) } .domain-artists #bg-image-left-two { position: fixed; top: 46px; left: -385px; width: 586px; height: 445px; background-repeat: no-repeat; z-index: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/backround-images/5.c2bf06dd21e3.png); filter: drop-shadow(0 3px 56px rgba(0,0,0,.16)) } .domain-artists #topmusic-login-block { width: 570px; margin: 0 auto } .domain-artists #topmusic-registration-title { margin-bottom: 30px } .domain-artists #topmusic-registration-title:after { content: ""; width: 267px; display: block; height: 2px; background: #e3e3e380 } .domain-artists #topmusic-login-if-account { color: #f5763a; text-align: center } .domain-artists .topmusic-auth-link { text-decoration: underline; color: #f5763a } .domain-artists #topmusic-register-btn { background: transparent linear-gradient(120deg,#f57639 0%,#d43ac9 100%) 0% 0% no-repeat padding-box; border-radius: 34px; opacity: 1; margin-top: 30px; color: #fff; width: 135px; height: 50px } .domain-artists #input-topmusic-gender_0 { border: 2px solid #f5763a; font-size: 22px } .domain-artists #input-topmusic-date { height: 45px; border: none; background: #f5f5f5; padding: 15px 10px 15px 15px } .domain-artists #input-topmusic-date::-webkit-calendar-picker-indicator { display: none } .domain-artists #topmusic-user-block { width: 650px; padding: 0; margin: 100px auto 20px auto; display: block; text-align: center } .domain-artists #input-topmusic-gender>li>label { color: #f5763a; font-size: 16px; font-weight: 700 } .domain-artists #input-topmusic-gender>li>label>input { display: none } .domain-artists #input-topmusic-gender>li>label>input:checked { display: none } .domain-artists #input-topmusic-gender>li>label:hover { cursor: pointer } .domain-artists .form-input>label { color: #202020; font-weight: 700; font-size: 14px } .domain-artists .footer-topmusic-container { display: flex; position: relative } .domain-artists .footer-header { font-size: 12px; color: #a5a5a5 } .domain-artists .topmusic-footer-row { display: flex; margin-left: 120px } .domain-artists .footer-list { list-style: none; padding-left: 0; width: 300px } .domain-artists .topmusic-footer-list-first { width: 100px } .domain-artists .topmusic-footer-list-second { margin-left: 100px; width: 100px } .domain-artists .topmusic-footer-list-third { margin-left: 100px } .domain-artists .application-icons { display: flex; flex-direction: column } .domain-artists .topmusic-footer-logo { background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/topmusic_logo.8af7a3f81172.svg); width: 200px; height: 35px; background-repeat: no-repeat; z-index: 4; margin-right: 5px } .domain-artists .topmusic-footer-logo-text { position: absolute; font-size: 25px; font-weight: 400; left: 165px; top: -2px; z-index: 10 } .domain-artists #topmusic-btn-google { height: 40px; width: 130px; border-radius: 8px } .domain-artists #topmusic-btn-apple { height: 40px; width: 130px; border-radius: 8px } .domain-artists .topmusic-footer-copyright { position: absolute; right: 80px } .domain-artists .footer-icons-container { display: flex; align-items: center; margin-left: 20px } .domain-artists .footer-icons { font-size: 35px; width: 200px } .domain-artists .icon-container { background: #000; border-radius: 50% } .domain-artists #footer-icon { text-decoration: none; color: #000 } .domain-artists .fa-discord { font-size: 30px } .domain-artists .fa-twitch { font-size: 32px } .domain-artists .fa-facebook { font-size: 32px } .domain-artists .footer-line { margin-top: 300px; margin-bottom: 20px } .domain-artists #topmusic-banner-container { height: 100px } .domain-artists #upload-artist-stepper { width: 710px } .domain-artists #topmusic-content { width: 950px; height: 500px; margin: 0 auto } .domain-artists .homepage-header { position: fixed; top: 0; width: 100%; height: 70px; background-color: #fff; box-shadow: 0px 18px 20px #00000008 } .domain-artists .header-container { display: flex; width: 100vw; height: 70px; justify-content: space-between; align-items: center } .domain-artists .header-logo-container { margin-left: 0 } .domain-artists .header-logo-description { font-size: 22px; font-weight: 400; position: absolute; left: 187px; top: 18px } .domain-artists .icon-logo .topmusic-logo .homepage-logo { width: 170px } .domain-artists .header-switcher { display: flex; align-items: center; margin: 0 auto } .domain-artists .buttons-switcher-container { margin-right: 9%; font-size: 18px; font-weight: 700; display: flex; align-items: center } .domain-artists .buttons-switcher-container>input { display: none } .domain-artists .buttons-switcher-btn { display: flex; flex-direction: column; font-family: "Sen",sans-serif; font-weight: 700; color: #212121; font-size: 18px; margin: 0 44px } .domain-artists .buttons-switcher-btn:hover,.domain-artists .buttons-switcher-btn:focus { color: rgba(33,33,33,.7) } .domain-artists .buttons-switcher-btn.active { color: #f5763a } .domain-artists .buttons-switcher-btn.active::after { content: ""; display: block; margin: auto; width: 32px; height: 6px; background: transparent linear-gradient(180deg,#f57639 0%,#d43ac9 100%) 0% 0%; border-radius: 5px } .domain-artists .sorties { margin-right: 70px; color: #f5763a; border-bottom: 3px solid #f5763a } .domain-artists .header-menu { display: flex; width: 265px; justify-content: flex-end; align-items: center } .domain-artists .header-menu-artist { margin-right: 50px; font-weight: 700 } .domain-artists .header-menu-photo { margin-right: 25px; width: 45px; height: 45px; background: gray; border-radius: 50% } .domain-artists .fa-chevron-down { margin-left: 10px } .domain-artists .homepage-main { text-align: center } .domain-artists .homepage-main-header { font-size: 42px; width: 350px; color: #202020; text-align: left; margin-left: 200px; border-bottom: 1px solid #e3e3e380 } .domain-artists .homepage-main-button { width: 230px; height: 50px; margin-top: 50px; background: transparent linear-gradient(107deg,#f57639 0%,#d43ac9 100%) 0% 0% no-repeat padding-box; border-radius: 34px; opacity: 1; border: none; color: #fff; font-size: 16px; font-weight: 700 } .domain-artists .homepage-footer { border-top: 1px solid #e3e3e380; width: 100vw; position: fixed; bottom: 15px } .domain-artists .homepage-footer-container { width: 100vw; height: 50px; padding-top: 10px; display: flex; justify-content: space-between; align-items: center } .domain-artists .homepage-footer-links { margin-left: 50px; text-decoration: none; color: #212121; font-weight: 400; font-size: 14px } .domain-artists .footer-link { margin-right: 25px } .domain-artists .footer-link:last-child { margin-right: 0 } .domain-artists .footer-question-img { display: inline-block; background-image: url(https://fructifietestalents.org/maj/img/icons/check-mark-button.4426329ff50e.png); width: 70px; height: 70px; background-repeat: no-repeat; background-size: contain } .domain-artists .homepage-footer-date { width: 200px; display: flex; align-items: center } .domain-artists .form-description { font-size: 15px; font-weight: 400; color: #212121; margin-bottom: 25px } .domain-artists .form-container { background: rgba(245,118,58,.2); border-radius: 10px; padding: 10px } .domain-artists .form-container-text { font-size: 15px; font-weight: 400; color: #212121; opacity: 1; filter: grayscale(1) } .domain-artists .artist-field-container { display: flex; flex-direction: column; align-items: center } .domain-artists #artist-field { width: 600px } .domain-artists #topmusic-artist-fields { margin: 0 } .domain-artists .my-account-notification { position: fixed; top: 10rem; right: 2rem; display: flex; align-items: center; color: #fff; background: transparent linear-gradient(105deg,#009dc5 0%,#21e590 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 50px #0000001a; border-radius: 10px; padding: 1.3rem 2rem; max-width: 300px; font-weight: bold } .domain-artists .my-account-notification>i { font-size: 2.3rem; margin-right: 1rem } .domain-artists .create-form-buttons { margin-top: 1rem } .domain-artists .input-info { margin: 0; color: #9a9a9a; font-size: .9rem } .domain-artists .upload_artist_copyright_text { margin: 5rem 0; text-align: center } .domain-artists .actions_dots { display: flex; justify-content: center; align-items: center; height: 50px; color: gray; cursor: pointer; overflow: hidden } .domain-artists .actions_dots:hover { opacity: .8 } .domain-artists .actions_dots:after { content: "\2807"; font-size: 2.5rem; width: 10px; height: 30px } .domain-artists .actions_icon { display: none } .domain-artists .draggable { cursor: move; user-select: none } .domain-artists .placeholder { background-color: #edf2f7; border: 2px dashed #cbd5e0 } .domain-artists .clone-table { border-collapse: collapse; border: none } .domain-artists .clone-table tr { height: 90px } .domain-artists .clone-table td { font: 16px/19px Sen; letter-spacing: 0; color: #000 } .domain-artists .clone-table td:first-child { font-weight: bold; text-align: left } .domain-artists .clone-table th { height: 90px; font: bold 16px/19px Sen; letter-spacing: 1.28px; color: #898989; text-transform: uppercase } .domain-artists .clone-table .dragging { background: #fff; z-index: 999 } .domain-artists .form-error { background: none } .domain-artists .errorlist { position: absolute; right: 0 } .domain-artists #author_contacts .DELETE-field { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; border-bottom: 1px solid #d4d4d4; padding: 0 0 1.8rem } .domain-artists #author_contacts .DELETE-field label { margin-left: auto; color: red; font: 14px/17px Sen; cursor: pointer; visibility: hidden } .domain-artists #author_contacts .DELETE-field label::after { content: "Supprimer le contact"; visibility: visible } [lang="en"] .domain-artists #author_contacts .DELETE-field label::after { content: "Delete contact" } .domain-artists #author_contacts input[name*="DELETE"] { border: none; padding: 0; width: auto; height: auto; appearance: checkbox } .domain-artists #author_contacts .DELETE-field .form-input { width: auto } .domain-artists #author_contacts .DELETE-field .form-label { text-align: right; display: flex; margin: 0 .5rem 0 0 } .domain-artists #author_contacts .DELETE-field .form-label::after { content: "" } .domain-artists #author_add_contact,.domain-artists #author_delete_contact { border: none; background-color: inherit; font: 14px/17px Sen; color: #f5763a } .domain-artists #author_delete_contact { float: right } .domain-artists #author_contacts .phone-field input { border-radius: 15px!important } .domain-artists .select2-container .select2-selection--multiple .select2-selection__rendered { min-height: 30px; height: auto } .domain-artists .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-bottom: 5px } .domain-artists span.optional { font: 13px/15px Sen; letter-spacing: 0; color: #a5a5a5; white-space: nowrap } .ui-dialog-titlebar { float: right; border: 0; padding: 0; display: none } .ui-dialog-titlebar-close { top: 0; right: 0; margin: 0; z-index: 999 } .ui-dialog-content { padding: 0; border-radius: 10px } .ui-dialog-titleba { display: none } .ui-dialog { position: fixed!important; top: 110px!important; border-radius: 10px!important; box-shadow: 0px 0px 50px #0000001a } iframe { border: none; border-radius: 10px!important } #artist-header { height: 100px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-right: 32px } #artist-header .logo_container { display: flex; align-items: center; justify-content: flex-start; font: 300 20px Sen!important; margin-left: 19px } #artist-header .navigation_menu_buttom { font: bold 16px/19px Sen; color: #212121; cursor: pointer; position: relative; display: flex } #artist-header .navigation_menu_buttom .menu_container { position: absolute; width: 290px; padding: 20px 31px 27px 31px; background-color: #fff; border-radius: 14px; box-shadow: 18px 18px 18px 41px #00000008; display: none; top: 90%; right: -21px } #artist-header .navigation_menu_buttom .menu_container .my_artist_list_title { font: 12px/14px Sen; color: #a5a5a5; text-transform: uppercase; margin-bottom: 16px } #artist-header .navigation_menu_buttom .menu_container .my_artist_list { overflow-y: scroll; max-height: 396px } #artist-header .navigation_menu_buttom .menu_container .my_artist_list a { display: flex; align-items: center; margin-bottom: 5px; color: inherit } #artist-header .navigation_menu_buttom .menu_container .my_artist_list img { width: 40px; height: 40px; margin-right: 20px; border-radius: 100%; margin-bottom: .3rem } #artist-header .navigation_menu_buttom .menu_container .my_artist_list--item { font-size: 18px; line-height: 22px; color: #212121; font-weight: 700 } #artist-header .navigation_menu_buttom .menu_container .my_artist_list--item.active { position: relative; color: #f5763a } #artist-header .navigation_menu_buttom .menu_container .my_artist_list--item.active::before { content: ""; position: absolute; display: block; width: 6px; height: 49px; left: -31px; top: 0; bottom: 0; margin: auto; background: transparent linear-gradient(180deg,#f57639 0%,#d43ac9 100%) 0% 0%; border-radius: 5px } #artist-header .navigation_menu_buttom .menu_container .add_my_artist_button { font: bold 18px/22px Sen; display: flex; align-items: center; color: #212121 } #artist-header .navigation_menu_buttom .menu_container .add_my_artist_button .plus_icon { display: flex; width: 40px; height: 40px; border-radius: 100%; border: 1px solid #212121; color: #212121; text-align: center; font: 100 30px Sen; margin-right: 20px; align-items: center; justify-content: center } #artist-header .navigation_menu_buttom .menu_container hr { margin-bottom: .5rem } #artist-header .navigation_menu_buttom .menu_container .menu_item { color: #212121; font: bold 18px/22px Sen; padding-top: 14px; padding-bottom: 14px } #artist-header .navigation_menu_buttom .menu_container .menu_item.active { position: relative; color: #f5763a } #artist-header .navigation_menu_buttom .menu_container .menu_item.active::before { content: ""; position: absolute; display: block; width: 6px; height: 49px; left: -31px; top: 0; bottom: 0; margin: auto; background: transparent linear-gradient(180deg,#f57639 0%,#d43ac9 100%) 0% 0%; border-radius: 5px } #artist-header .navigation_menu_buttom .menu_container::after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -10px; right: 25px } #artist-header .navigation_menu_wrapper { height: 100% } #artist-header .navigation_menu_buttom { height: 100%; display: flex; align-items: center } #artist-header .navigation_menu_buttom span { display: flex; align-items: center; height: 100% } #artist-header .navigation_menu_buttom::after { content: ""; background: url(https://fructifietestalents.org/maj/img/uri/topmusic/simple_arrow.2497e6a20925.png); background-size: contain; background-position: center; background-repeat: no-repeat; height: 19px; width: 20px; display: inline-block; margin-left: 10px } #artist-header .navigation_menu_buttom img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; margin-right: 10px } #artist-header .navigation_menu_buttom.menu_icon__hide::after { display: none } .article-title { font-size: 2.2rem } .domain-topmusic .article-title { font: 800 42px/50px Sen!important; font-weight: 800!important; letter-spacing: 0; color: #202020 } .upload_artist_stepper { display: flex; align-items: center; justify-content: space-between; padding-bottom: 40px; max-width: 100%; min-width: max-content; width: 947px; margin: auto; padding-top: 11px } .upload_artist_stepper div { display: flex; align-items: center; justify-content: center } .upload_artist_stepper .upload_artist-step { margin: 0 5px } .upload_artist_stepper .step_number { width: 50px; height: 50px; border-radius: 100%; background-color: #fff; box-shadow: 0 0 16px rgba(0,0,0,.1); text-align: center; font-size: 26px; font-weight: 700; color: #db47a8 } @media (max-width: 1200px) { .upload_artist_stepper .step_number { width:40px; height: 40px; font-size: 24px } } .upload_artist_stepper .step_title { font-family: "Sen",sans-serif; font-size: 20px; line-height: 24px; font-weight: 700; color: #898989; margin-left: 10px } @media (max-width: 1200px) { .upload_artist_stepper .step_title { font-size:18px } } .upload_artist_stepper .active .step_number { width: 60px; height: 60px; background: linear-gradient(45deg,#f57639 0%,#d43ac9 100%); box-shadow: 0 0 16px rgba(0,0,0,.1); font-size: 32px; font-weight: 700; color: #fff } @media (max-width: 1200px) { .upload_artist_stepper .active .step_number { padding-bottom:4px; width: 50px; height: 50px; font-size: 28px } } .upload_artist_stepper .active .step_title { color: #202020; margin-left: 12px } #valid2 { margin-right: 1rem } .two_column_wrapper { display: flex; justify-content: center; width: 100% } .two_column_wrapper .column { max-width: 718px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin: 0 20px 0 20px; max-width: calc(50% - 40px); min-width: calc(50% - 40px) } .two_column_wrapper .column .content_wrapper { text-align: left; background-color: #fff; box-shadow: 0px 0px 50px #0000001a; border-radius: 10px; padding: 36px 60px 46px 36px; width: 100%; margin: 20px } .two_column_wrapper .column .button_block { width: 100%; display: flex; justify-content: flex-end } .under_line { background: linear-gradient(90deg,#e3e3e3 0%,#f8f8f8 100%); height: 1px; width: 100% } .artist_upload-form-label { margin-bottom: 15px } .artist_upload-field { padding-top: 20px } .social-network-container { display: flex; align-items: center } .upload_artist_helptext-tooltip { position: absolute; display: flex; right: 10px; z-index: 1; width: 30px; height: 30px; justify-content: center; align-items: center; cursor: pointer } .upload_artist_helptext-tooltip .helptext-trigger { font-size: 17px; font-weight: 800 } .social-network_helptext-tooltip { display: flex; right: 10px; z-index: 1; width: 30px; height: 30px; justify-content: center; align-items: center; cursor: pointer } .social-network_helptext-tooltip .helptext-trigger { font-size: 17px; font-weight: 800 } .certify_owner-field.required .artist_upload-form-label:after { content: ''!important } .artist_upload-form-label.required::after { content: "" } [lang="en"] .artist_upload-form-label.required::after { content: "" } .required .artist_upload-form-label:after,.required .form-label.optional:after { content: "" } .artist_upload-form-label:after,.form-label.optional:after { content: "- Optionnel"; font: 13px/15px Sen; letter-spacing: 0; color: #a5a5a5; white-space: nowrap } [lang="en"] .artist_upload-form-label:after,[lang="en"] .form-label.optional:after { content: "- Optional" } .form-input input[type="text"],.form-input input[type="email"],.form-input input[type="date"] { height: 60px; padding: 14px 23px; font-weight: bold; color: #212121; background-color: #f8f8f8; border: none; border-radius: 14px; font-family: 'Sen',sans-serif!important } .form-input textarea { background-color: #f8f8f8; border: none; color: #212121; border-radius: 14px; font-family: 'Sen',sans-serif!important } .input_date { width: 100% } .input_date::-webkit-calendar-picker-indicator { margin-right: 20px } .domain-topmusic .input .form-input input { font: bold 19px/23px Sen; letter-spacing: 0; color: #212121 } .domain-artists .form-input { display: flex; align-items: center } .checkbox-container { display: flex; align-items: flex-start; justify-content: flex-start; width: 100% } .checkbox-container .checkbox_input { flex-grow: 0; margin-top: .35rem } .checkbox-container .checkbox_input input { margin-top: -1px!important; margin-right: 14px } .checkbox-container a { color: inherit; text-decoration: underline } .checkbox-container #autoproduit_label { text-align: left } .checkbox-container #autoproduit_label label { font: bold 18px/22px Sen; color: #909090; opacity: 1 } .checkbox-container #certify_owner_label,.checkbox-container #valid1_label,.checkbox-container #valid2_label,.checkbox-container #valid3_label,.checkbox-container #instrumental_label,.checkbox-container #has_no_isrc_label { text-align: left } .checkbox-container #certify_owner_label label,.checkbox-container #valid1_label label,.checkbox-container #valid2_label label,.checkbox-container #valid3_label label,.checkbox-container #instrumental_label label,.checkbox-container #has_no_isrc_label label { font: bold 18px/22px Sen; color: #202020; opacity: 1 } .certify_owner_error { position: absolute; bottom: 0; width: 100% } .success_icon { display: flex; justify-content: center } .success_icon:before { content: "\e141"; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1.2; font-size: 82px; display: inline-block; vertical-align: middle; background: linear-gradient(#009dc5 0%,#21e590 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: auto; margin-top: 17px } .author_title_on_upload { font: 18px/22px Sen; color: #a5a5a5; text-align: left; letter-spacing: var(--unnamed-character-spacing-0); padding-top: 15px; padding-bottom: 15px } .add_new_singer { text-align: left; font: bold 20px/24px Sen; letter-spacing: 0 } .add_new_singer a { color: #f5763a!important } .add_new_label { text-align: left; font: 14px/17px Sen; letter-spacing: 0; margin-top: 20px } .add_new_label a { color: #f5763a!important } .artist-field { margin-top: 27px; display: flex; align-content: stretch; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; margin-bottom: 20px; width: 620px; max-width: 100% } .artist-field .btn-base.btn-topmusic.btn-gray { padding-right: 20px; margin-right: 10px } #step-2 { margin-bottom: 15px } #step-2 .btn-base.btn-topmusic.btn-gray { margin-bottom: 0; padding: 13px 30px; margin-left: 16px; margin-right: 25px; font-size: 1rem } .artist-image-upload { display: flex; align-items: center; width: 230px; height: 230px; background-color: #f5f5f5; border-radius: 14px; color: #898989; font: 14px/17px Sen; text-align: center; cursor: pointer; position: relative; margin-top: 15px } .artist-image-upload #prevue_image { width: 100%; height: inherit; object-fit: cover } .artist-image-upload .modifier_text { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: inherit; font: bold 22px/27px Sen; color: #212121; background-color: rgba(255,255,255,.7) } .artist-image-upload .background_plus { font: 110px Sen; color: #898989; margin: auto } .artist-song-upload { width: 100%; height: 112px; background-color: #f5f5f5; border-radius: 14px; color: #898989; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; margin-top: 10px } .artist-song-upload .background_plus { font-size: 110px; font-weight: 500; color: #898989; margin: auto; line-height: 110px; margin: 0 20px } .player_wrapper .actions_block { display: flex; align-items: center; width: 100%; justify-content: space-between; margin-top: 20px } .player_wrapper .actions_block .file_name_container { max-width: 33%; margin-bottom: 15px } .player_wrapper .actions_block .label_song_name { font: bold 15px/18px Sen; letter-spacing: 0; color: #212121; opacity: .5 } .player_wrapper .actions_block .change_file { font: bold 20px/24px Sen; color: #898989; cursor: pointer } .song_file_name,.partition_name,.chordpro_name { font: bold 19px/23px Sen; color: #212121; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .upload_file { display: flex; align-items: center; justify-content: flex-start; width: 100% } .upload_file .upload_button { height: 60px; min-width: max-content; background: #f5f5f5; padding: 18px 23px 19px 23px; border-radius: 10px; font: bold 19px/23px Sen; text-align: center; color: #212121; cursor: pointer; margin-top: 15px; margin-right: 26px } .upload_file .file_name { flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: bold 19px/23px Sen; color: #212121 } .artist_main_info { display: flex; padding-top: 15px; justify-content: space-between } .artist_main_info .artist_main_info_left { display: flex } .artist_main_info .artist_main_info_left_info { margin-right: 125px } @media screen and (max-width: 1200px) { .artist_main_info .artist_main_info_left_info { margin-right:0 } } .artist_main_info .artist_main_info_right { display: flex; flex-direction: column; justify-content: space-between } @media screen and (max-width: 1200px) { .artist_main_info .artist_main_info_right { text-align:left } } .artist_main_info .tmfa-album-info-accepted { color: #34b704; text-align: right; font-weight: bold } .artist_main_info .tmfa-album-info-accepted-delivered { text-align: right } .artist_main_info .artist_iamge_show { width: 230px; height: 230px!important; border-radius: 14px!important; margin-right: 30px; object-fit: cover } .artist_main_info .artist_label { font: bold 15px/18px Sen; letter-spacing: 0; color: #212121; opacity: .5; margin-top: 15px; margin-bottom: 5px } .artist_main_info .artist_value { font: bold 19px/23px Sen; color: #212121; margin-bottom: 20px } .artist_main_info .artist_value a { font: 14px/17px Sen; color: #f5763a; margin-left: 10px } .artist_main_info .copyright_text { font: 15px/18px Sen; color: #898989; margin-bottom: 20px } .tmfa-album-header { display: flex; align-items: center; justify-content: space-between } .tmfa-banner { padding: 1rem; margin-bottom: 1rem; color: #fff; font-weight: bold; box-shadow: 0px 0px 50px #0000001a; border-radius: 10px } .tmfa-banner p { margin: 0 } .tmfa-banner--draft { background-color: #212121 } .tmfa-banner--edit { background-color: #ffba00 } .tmfa-banner--edit .tmfa-banner-icon span { font-size: 2rem; font-weight: bold } .tmfa-banner--refused { background-color: red } .tmfa-banner--pending { background-color: #898989 } .tmfa-banner--planned { background-color: #03a9f4 } .tmfa-banner--accepted { background-color: #34b704 } .tmfa-banner-content { display: flex; align-items: center } .tmfa-banner-icon { display: flex; justify-content: center; align-items: center; border: 2px; width: 45px; height: 45px; border: 3px solid #fff; border-radius: 50%; margin-right: 1rem; font-family: "Sen",sans-serif } .tmfa-banner-icon span { font-weight: normal; font-size: 3rem; line-height: 45px } .tmfa-album-header { display: flex; align-items: center; justify-content: space-between } .tmfa-banner { padding: 1rem; margin-bottom: 1rem; color: #fff; font-weight: bold; box-shadow: 0px 0px 50px #0000001a; border-radius: 10px } .tmfa-banner p { margin: 0 } .tmfa-banner--draft { background-color: #212121 } .tmfa-banner--edit { background-color: #ffba00 } .tmfa-banner--edit .tmfa-banner-icon span { font-size: 2rem; font-weight: bold } .tmfa-banner--refused { background-color: red } .tmfa-banner--pending { background-color: #898989 } .tmfa-banner--planned { background-color: #03a9f4 } .tmfa-banner--accepted { background-color: #34b704 } .tmfa-banner-content { display: flex; align-items: center } .tmfa-banner-icon { display: flex; justify-content: center; align-items: center; border: 2px; width: 45px; height: 45px; border: 3px solid #fff; border-radius: 50%; margin-right: 1rem; font-family: "Sen",sans-serif } .tmfa-banner-icon span { font-weight: normal; font-size: 3rem; line-height: 45px } .artist_info_title { display: flex; align-items: center } .artist_info_title h1 { font: 800 42px/50px Sen; color: #202020 } .artist_info_title a { text-align: left; font: 14px/17px Sen; color: #f5763a; margin-left: 10px } .songs_list { width: 100%; margin-bottom: 40px } .songs_list tbody tr { width: 100%; height: 90px } .songs_list tbody tr td { font: 16px/19px Sen; letter-spacing: 0; color: #000 } .songs_list tbody .songs_list_header th { font: bold 16px/19px Sen; letter-spacing: 1.28px; color: #898989; text-transform: uppercase; opacity: 1 } .songs_list tbody .menu_icon { display: inline-block; margin-right: .3rem } .songs_list tbody .menu_icon,.songs_list tbody .menu_icon::before,.songs_list tbody .menu_icon::after { width: 16px; height: 2px; background-color: #9e9e9e } .songs_list tbody .menu_icon::before { content: ""; display: block; position: relative; bottom: 10px } .songs_list tbody .menu_icon::after { content: ""; display: block; position: relative; bottom: 7px } .songs_list tbody .track-num { text-align: left; font: bold 16px/19px Sen; letter-spacing: 0; color: #000 } .songs_list tbody .task-progress { width: 40px; height: 40px; margin: auto } .songs_list tbody .task-progress .songs_list_success_icon { width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/success_icon.73e207af317b.png) } .songs_list tbody .task-progress .error_icon { width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/error_icon.bec5341d888e.png) } .songs_list tbody .task-message { font: 12px/14px Sen; letter-spacing: 0; text-transform: uppercase; text-align: center } .songs_list tbody .actions_icon .menu_actions { position: absolute; z-index: 1; width: 290px; padding: 20px 31px 27px 33px; background-color: #fff; transform: translate(-235px,-5px); border-radius: 14px; box-shadow: 0px 0px 50px #0000001a } .songs_list tbody .actions_icon .menu_actions .menu_item { font-family: Sen; font-weight: bold; color: #a5a5a5 } .songs_list tbody .actions_icon .menu_actions::after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -10px; right: 25px } .artist-select2-error { color: #ff4a55; width: 620px; text-align: end; font: bold 14px/17px Sen; margin-top: 2px } .btn-container { display: flex } .basic-form-user .btn-container { justify-content: center; margin: 2rem 0 } .modal_dialog-title { font: 800 32px/38px Sen; color: #202020 } #other-artist { font: 16px/19px Sen; letter-spacing: 0; color: #f5763a } #other-artist:hover,#other-artist:focus { color: rgba(245,118,58,.7) } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-selection__rendered::after { content: ""; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); border-top: 5px solid #f5763a; border-left: 5px solid transparent; border-right: 5px solid transparent; cursor: pointer } .select2-selection--multiple::after { content: ""; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); border-top: 5px solid #f5763a; border-left: 5px solid transparent; border-right: 5px solid transparent; cursor: pointer } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 60px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block!important; padding-left: 25px; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 18px } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; border-radius: 14px } .select2-container .select2-selection--multiple .select2-selection__rendered { display: block; list-style: none; padding: 0; margin: 0; height: 30px } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: #fff; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 10px 24px; user-select: none; -webkit-user-select: none; font: 17px/20px Sen; color: #a5a5a5 } .select2-results__option--selectable { cursor: pointer; font: 17px/20px Sen } .select2-container--open .select2-dropdown { left: 0; border-radius: 14px; box-shadow: 0px 1px 28px #0000001f; overflow: hidden } .select2-search--dropdown { display: block; padding: 17px 19px 17px 16px } .select2-search--dropdown .select2-search__field { width: 100%; box-sizing: border-box; padding: 19px 17px } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0!important; clip: rect(0 0 0 0)!important; -webkit-clip-path: inset(50%)!important; clip-path: inset(50%)!important; height: 1px!important; overflow: hidden!important; padding: 0!important; white-space: nowrap!important; position: absolute!important } .select2-container--default .select2-selection--single { background: #f5f5f5 0 0 no-repeat padding-box; border: none; border-radius: 14px } .select2-container--default .select2-selection--single .select2-selection__rendered { font: bold 19px/23px Sen; letter-spacing: 0; color: #212121 } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0 } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; position: absolute; top: 1px; right: 25px; width: 25px } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: #f5f5f5; padding: 15px 17px; cursor: text; position: relative; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f5763a; border-radius: 14px; box-sizing: border-box; padding: 0; padding-left: 15px; padding-right: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; display: flex; align-items: center; height: 30px } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; padding-right: 5px; color: #fff; font: 16px Sen } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #fff; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; right: 4px; top: 6px } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; color: #fff } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default .select2-search--dropdown .select2-search__field { background: #f5f5f5; border-radius: 14px; font-size: 18px; border: none; color: #212121; font: bold 18px/22px Sen } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--group { padding: 0 } .select2-container--default .select2-results__option--disabled { color: #999; font: 17px/20px Sen } .select2-container--default .select2-results__option--selected { background-color: rgba(241,110,76,.1); color: #e05190 } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: rgba(241,110,76,.1); color: #e05190; font: 17px/20px Sen } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%); background-image: -o-linear-gradient(top,#fff 50%,#eee 100%); background-image: linear-gradient(to bottom,#fff 50%,#eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%); background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%); background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top,#fff 0%,#eee 50%); background-image: -o-linear-gradient(top,#fff 0%,#eee 50%); background-image: linear-gradient(to bottom,#fff 0%,#eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%); background-image: -o-linear-gradient(top,#eee 50%,#fff 100%); background-image: linear-gradient(to bottom,#eee 50%,#fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0 } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option--group { padding: 0 } .select2-container--classic .select2-results__option--disabled { color: gray } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } #select2-id_style2-container::after,#select2-id_country-container::after,#select2-id_legal_status-container::after,#select2-id_contacts-0-role-container::after,span[id*="select2-id_select_sn"]::after { right: 18px!important } .selectize-control.single .selectize-input { color: #212121; text-shadow: none; background-color: #f5f5f5; background-image: none; height: 60px; border-radius: 16px; border: 2px solid #f5f5f5; outline: none; font: bold 18px/22px Sen; letter-spacing: 0; color: #212121; padding: 0 48px 0 23px; margin-top: 16px; box-shadow: none!important } .selectize-control.single .selectize-input.error { border-color: red } .selectize-control.single .selectize-input input { font: bold 18px/22px Sen!important; color: #212121!important; padding: 17px 0!important } .selectize-control.single .selectize-input.input-active { color: #212121!important; text-shadow: none; background-color: #f5f5f5!important } .domain-artists .selectize-control.single .selectize-input:after { content: " "; display: block; position: absolute; top: 50%; right: 47px!important; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px!important; border-color: #f5763a transparent transparent transparent!important } .domain-artists .selectize-control.single .selectize-input.dropdown-active:after { transform: rotate(180deg) } .selectize-dropdown { width: calc(100% - 30px)!important; left: 15px!important; margin: auto!important; border: none!important; background: #fff!important; box-shadow: 0px 1px 28px #0000001f !important; border-radius: 10px!important } .selectize-dropdown::after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -10px; right: 28px } .artist-select-item-container { display: flex; align-items: center; height: 62px; justify-content: flex-start; line-height: 22px; font-size: 18px; font-weight: 700; font-family: "Sen",sans-serif; color: #a5a5a5; padding: 6px 25px!important } .artist-select-item-container img { width: 50px; height: 50px!important; border-radius: 100%!important; margin-right: 14px } .artist-select-item-container .no_image { width: 50px; height: 50px; margin-right: 14px } .artist-select-item-container.active { color: #a5a5a5!important; background-color: #fff!important } .artist-selected-item-container { display: flex!important; align-items: center; height: 40px; justify-content: flex-start; font: bold 20px/24px Sen; letter-spacing: 0; color: #212121!important; margin: 8px 0 } .artist-selected-item-container img { width: 40px; height: 40px!important; border-radius: 100%!important; margin-right: 14px } .artist-selected-item-container .no_image { width: 40px; height: 40px; margin-right: 14px } .artist-select-item-container .active { color: #a5a5a5!important; background-color: #fff!important } .artist-select-item-container.add-item { min-height: 62px; height: auto; flex-direction: column; align-items: flex-start; justify-content: center } .artist-select-item-container.with-no-result { min-height: 124px } .artist-select-item-container .artist-select-add_new { font-weight: bold; color: #f5763a } .artist-select-item-container .not_found-message { font-weight: bold; color: #a5a5a5; margin: 1rem 0 } .upload_artist-modal-container { width: 100%; height: auto; padding: 0 25px 15px 25px } .upload_artist-modal-container .modal-header-title { font: 800 32px/38px Sen; letter-spacing: 0; color: #202020; text-align: left } .topmusic_player-container { position: relative; border: 2px solid #000; overflow: hidden; width: 100%; height: 251px; margin-bottom: 9px } .topmusic_player-container .topmusic_player-background { width: 100%; height: 251px; background-size: cover; background-position-x: center; background-position-y: center; background-repeat: no-repeat; filter: blur(8px); -webkit-filter: blur(8px); opacity: .6 } .topmusic_player-container .back-button { background: url(https://fructifietestalents.org/maj/img/uri/topmusic/left-arrow.3d136b26bbb0.png); background-size: cover; width: 25px; height: 20px; position: absolute; top: 35px; left: 30px; cursor: pointer } .topmusic_player-container .heart_button { background: url(https://fructifietestalents.org/maj/img/uri/topmusic/topmusic-heart-outline-black.a742cfad9346.svg); background-size: cover; width: 23px; height: 20px; position: absolute; top: 35px; right: 25px } .topmusic_player-container .info_button { background: url(https://fructifietestalents.org/maj/img/uri/topmusic/info.e374ae0e4374.svg); background-size: cover; width: 26px; height: 26px; position: absolute; top: 33px; right: 100px; cursor: pointer } .topmusic_player-container .logo { background-size: cover; border-radius: 100%; position: absolute; top: 66px; width: 100px; height: 100px; left: 22px } .topmusic_player-container .artist_name { position: absolute; color: #000; font: 800 19px/23px Sen; top: 76px; left: 180px } .topmusic_player-container .bottom_block { position: absolute; bottom: 0; width: 100%; height: 45px; border-radius: 18px 18px 0 0; background-color: #fff; padding: 0 24px 0 23px; display: flex; justify-content: space-between } .topmusic_player-container .bottom_block>div { cursor: pointer } .topmusic_player-container .bottom_block .share_icon { width: 42px; height: 42px; border-radius: 100%; margin-top: -20px; box-shadow: 0px 1px 10px #0000001a; background: url(https://fructifietestalents.org/maj/img/uri/topmusic/Share@3x.9491883b6560.png); background-repeat: no-repeat; background-position: center; background-color: #fff } .topmusic_player-container .bottom_block .play_icon { width: 70px; height: 70px; background-color: #fff; border-radius: 100%; margin-top: -34px; box-shadow: 0px 1px 10px #0000001a; background: url(https://fructifietestalents.org/maj/img/uri/topmusic/Play@3x.65217f112a73.png); background-repeat: no-repeat; background-position: 58% center; background-color: #fff } .topmusic_player-container .bottom_block .token_icon { width: 40px; height: 40px; background-color: #fff; border-radius: 100%; margin-top: -20px; box-shadow: 0px 1px 10px #0000001a; background: url(https://fructifietestalents.org/maj/img/uri/topmusic/Tips@3x.d78abae58c18.png); background-repeat: no-repeat; background-position: center; background-color: #fff } .topmusic_player-container .info-1 { position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; display: flex; justify-content: space-between; font-size: 12px; line-height: 14px; font-weight: 400; width: 181px; padding-right: 8px; padding-top: 19px } .topmusic_player-container .info-1 div { display: flex; flex-direction: column; width: 60px } .topmusic_player-container .info-1 span { font-size: 14px; line-height: 18px; font-weight: 700 } .create_singer-images_container { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-right: -15px; margin-bottom: -15px } .create_singer-images_container>.preview { display: flex; flex: 1; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap } .create_singer-images_container .create_singer-add_images { position: relative; width: 117px; height: 117px; border-radius: 14px; background: #f5f5f5; display: flex; font-size: 0; text-align: center; font-weight: 300; color: #898989; line-height: 0; align-items: center; justify-content: center; cursor: pointer; margin: 6px 7px 17px 4px } .create_singer-images_container .create_singer-add_images::before,.create_singer-images_container .create_singer-add_images::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 51px; height: 6px; background-color: #898989; border-radius: 7px } .create_singer-images_container .create_singer-add_images::after { height: 51px; width: 6px } .create_singer-images_container .preview-image { width: 117px; height: 117px; border-radius: 14px; background-size: cover; background-repeat: no-repeat; margin: 6px 7px 17px 4px; position: relative } .create_singer-images_container .preview-image .delete_image { position: absolute; top: -13px; right: -13px; width: 25px; height: 25px; border-radius: 100%; background-color: #fff; box-shadow: 0px 1px 10px #0000001a; display: flex; align-items: center; cursor: pointer; justify-content: center } .create_singer-images_container .preview-image .delete_image .delete_icon { width: 14px; height: 14px; background: url(https://fructifietestalents.org/maj/img/uri/topmusic/simple_close.57c115bed73c.png); background-size: cover; margin-top: -4px; margin-right: 1px; pointer-events: none } .domain-artists .social_network_link .social_network_check_box,.domain-artists .topmusic_player-container .topmusic_player_check_box { border: none!important; background-color: transparent!important; cursor: pointer; appearance: none; -webkit-appearance: none } .domain-artists .topmusic_player-container .logo { background-position: center } .domain-artists .social_network_link .social_network_check_box[type="checkbox"],.domain-artists .topmusic_player-container .topmusic_player_check_box[type="checkbox"] { padding: 15px 0; margin-right: -5px; margin-left: 4.5%; padding: 20px 0 5px } .domain-artists .topmusic_player-container .topmusic_player_check_box[type="checkbox"] { padding: 0 } .domain-artists .social_network_link .social_network_check_box[type="checkbox"]:checked,.domain-artists .topmusic_player-container .topmusic_player_check_box[type="checkbox"]:checked { border: none!important; background-color: transparent!important } .domain-artists .social_network_link .social_network_check_box[type="checkbox"]:after,.domain-artists .topmusic_player-container .topmusic_player_check_box[type="checkbox"]:after { content: ""; width: 24px; height: 20px; top: 0; left: -5px; position: relative; display: block; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/topmusic-heart-outline.fda9503b77a7.svg) } .domain-artists .social_network_link .social_network_check_box[type="checkbox"]:checked:after,.domain-artists .topmusic_player-container .topmusic_player_check_box[type="checkbox"]:checked:after { left: -5px; top: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/topmusic-heart-filled.fc977291c5c4.svg) } .domain-artists .social_network_link { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; margin-top: -3px } .domain-artists .social_network_link>div { width: 155px; flex-shrink: 0; margin-right: 3.3% } .domain-artists .social_network_link .form-input input[type="text"] { padding: 20px 5% 21px } .domain-artists .social_network_link .form-input { margin-right: 0; width: auto; flex-grow: 1; flex-shrink: 1 } .topmusic-logo { background-repeat: no-repeat } .cc-picker+.phone-field { font: bold 19px/23px Sen!important; letter-spacing: 0!important; color: #212121!important; height: 60px!important; background-color: #f5f5f5!important; border-radius: 0 14px 14px 0!important; border: none!important; width: calc(100% - 120px)!important; padding: 17px 17px 16px 5px!important; vertical-align: top } .phone-field input { padding-left: 0!important; border-radius: 0 10px 10px 0!important } .cc-picker { overflow: hidden; display: inline-block; cursor: default; padding-right: 5px; vertical-align: top; font: bold 19px/23px Sen; letter-spacing: 0; color: #212121; height: 60px; background: #f5f5f5 0% 0% no-repeat padding-box; border-radius: 14px 0 0 14px; width: 140px; padding: 17px 17px 16px 17px } .cc-picker-flag { width: 16px; height: 11px; margin-right: 7px; display: inline-block; background: url(https://fructifietestalents.org/maj/img/uri/topmusic/flags.fb3c8fff8d91.png); position: relative } .cc-picker-code { display: inline-flex; width: 35px; align-items: center; height: 100% } .cc-picker-code-select-enabled::after { content: ""; width: 0; height: 0; position: absolute; top: 28px; right: 1px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f5763a } .cc-picker-code-select-enabled { cursor: pointer; padding-right: 18px; position: relative } .cc-picker-code-list .cc-picker-code { color: gray; width: 38px } .cc-picker-code-list { list-style: none; margin: 0 0 0 -5px; padding: 1px; max-height: 200px; overflow-y: scroll; position: absolute; border: 1px solid #dad8d8; background-color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px } .cc-picker-code-filter { margin: 0 0 0 -5px; padding: 1px; width: 286px; height: 23px; position: absolute; border: 1px solid #dad8d8; font-family: Arial,Helvetica,sans-serif; font-size: 12px } input[class="cc-picker-code-filter"]::-webkit-input-placeholder { color: gray; font-style: italic } input[class="cc-picker-code-filter"]:-moz-placeholder { color: gray; font-style: italic } input[class="cc-picker-code-filter"]::-moz-placeholder { color: gray; font-style: italic } input[class="cc-picker-code-filter"]:-ms-input-placeholder { color: gray; font-style: italic } .cc-picker-code-list>li:hover { background-color: #e1e1e1 } .cc-picker-code-list>li.cc-picker-selected-country { background-color: #f0f0f0 } .cc-picker-code-list>li { cursor: pointer; padding: 3px 15px 3px 3px } .cc-picker-flag.zw { background-position: 0 0 } .cc-picker-flag.zm { background-position: -16px 0 } .cc-picker-flag.za { background-position: 0 -11px } .cc-picker-flag.yt { background-position: -16px -11px } .cc-picker-flag.ye { background-position: -32px 0 } .cc-picker-flag.ws { background-position: -32px -11px } .cc-picker-flag.wf { background-position: 0 -22px } .cc-picker-flag.vu { background-position: -32px -22px } .cc-picker-flag.vn { background-position: 0 -33px } .cc-picker-flag.vi { background-position: -16px -33px } .cc-picker-flag.vg { background-position: -32px -33px } .cc-picker-flag.ve { background-position: -48px 0 } .cc-picker-flag.vc { background-position: -48px -11px } .cc-picker-flag.va { background-position: -48px -22px } .cc-picker-flag.uz { background-position: -48px -33px } .cc-picker-flag.uy { background-position: 0 -44px } .cc-picker-flag.us { background-position: -16px -44px } .cc-picker-flag.um { background-position: -16px -44px } .cc-picker-flag.ug { background-position: -32px -44px } .cc-picker-flag.ua { background-position: -48px -44px } .cc-picker-flag.tz { background-position: -64px 0 } .cc-picker-flag.tw { background-position: -64px -11px } .cc-picker-flag.tv { background-position: -64px -22px } .cc-picker-flag.tt { background-position: -64px -33px } .cc-picker-flag.tr { background-position: -64px -44px } .cc-picker-flag.to { background-position: 0 -55px } .cc-picker-flag.tn { background-position: -16px -55px } .cc-picker-flag.tm { background-position: -32px -55px } .cc-picker-flag.tl { background-position: -48px -55px } .cc-picker-flag.tk { background-position: -64px -55px } .cc-picker-flag.tj { background-position: 0 -66px } .cc-picker-flag.th { background-position: -16px -66px } .cc-picker-flag.tg { background-position: -32px -66px } .cc-picker-flag.tf { background-position: -48px -66px } .cc-picker-flag.td { background-position: -64px -66px } .cc-picker-flag.tc { background-position: -80px 0 } .cc-picker-flag.sz { background-position: -80px -11px } .cc-picker-flag.sy { background-position: -80px -22px } .cc-picker-flag.sx { background-position: -80px -33px } .cc-picker-flag.sv { background-position: -80px -44px } .cc-picker-flag.st { background-position: -80px -55px } .cc-picker-flag.ss { background-position: -80px -66px } .cc-picker-flag.sr { background-position: 0 -77px } .cc-picker-flag.so { background-position: -16px -77px } .cc-picker-flag.sn { background-position: -32px -77px } .cc-picker-flag.sm { background-position: -48px -77px } .cc-picker-flag.sl { background-position: -64px -77px } .cc-picker-flag.sk { background-position: -80px -77px } .cc-picker-flag.si { background-position: -96px 0 } .cc-picker-flag.sh { background-position: -96px -11px } .cc-picker-flag.sg { background-position: -96px -22px } .cc-picker-flag.se { background-position: -96px -33px } .cc-picker-flag.sd { background-position: -96px -44px } .cc-picker-flag.sc { background-position: -96px -66px } .cc-picker-flag.sb { background-position: -96px -77px } .cc-picker-flag.sa { background-position: 0 -88px } .cc-picker-flag.rw { background-position: -16px -88px } .cc-picker-flag.ru { background-position: -32px -88px } .cc-picker-flag.rs { background-position: -48px -88px } .cc-picker-flag.ro { background-position: -64px -88px } .cc-picker-flag.qa { background-position: -80px -88px } .cc-picker-flag.py { background-position: -96px -88px } .cc-picker-flag.pw { background-position: 0 -99px } .cc-picker-flag.pt { background-position: -16px -99px } .cc-picker-flag.ps { background-position: -32px -99px } .cc-picker-flag.pr { background-position: -48px -99px } .cc-picker-flag.pn { background-position: -64px -99px } .cc-picker-flag.pm { background-position: -80px -99px } .cc-picker-flag.pl { background-position: -96px -99px } .cc-picker-flag.pk { background-position: -112px 0 } .cc-picker-flag.ph { background-position: -112px -11px } .cc-picker-flag.pg { background-position: -112px -22px } .cc-picker-flag.pf { background-position: -112px -33px } .cc-picker-flag.pe { background-position: -112px -44px } .cc-picker-flag.pa { background-position: -112px -55px } .cc-picker-flag.om { background-position: -112px -66px } .cc-picker-flag.nz { background-position: -112px -77px } .cc-picker-flag.nu { background-position: -112px -88px } .cc-picker-flag.nr { background-position: -112px -99px } .cc-picker-flag.no { background-position: 0 -110px } .cc-picker-flag.bv { background-position: 0 -110px } .cc-picker-flag.sj { background-position: 0 -110px } .cc-picker-flag.nl { background-position: -16px -110px } .cc-picker-flag.ni { background-position: -32px -110px } .cc-picker-flag.ng { background-position: -48px -110px } .cc-picker-flag.nf { background-position: -64px -110px } .cc-picker-flag.ne { background-position: -80px -110px } .cc-picker-flag.nc { background-position: -96px -110px } .cc-picker-flag.na { background-position: -112px -110px } .cc-picker-flag.mz { background-position: -128px 0 } .cc-picker-flag.my { background-position: -128px -11px } .cc-picker-flag.mx { background-position: -128px -22px } .cc-picker-flag.mw { background-position: -128px -33px } .cc-picker-flag.mv { background-position: -128px -44px } .cc-picker-flag.mu { background-position: -128px -55px } .cc-picker-flag.mt { background-position: -128px -66px } .cc-picker-flag.ms { background-position: -128px -77px } .cc-picker-flag.mr { background-position: -128px -88px } .cc-picker-flag.mq { background-position: -128px -99px } .cc-picker-flag.mp { background-position: -128px -110px } .cc-picker-flag.mo { background-position: 0 -121px } .cc-picker-flag.mn { background-position: -16px -121px } .cc-picker-flag.mm { background-position: -32px -121px } .cc-picker-flag.ml { background-position: -48px -121px } .cc-picker-flag.mk { background-position: -64px -121px } .cc-picker-flag.mh { background-position: -80px -121px } .cc-picker-flag.mg { background-position: -96px -121px } .cc-picker-flag.me { background-position: 0 -132px } .cc-picker-flag.md { background-position: -112px -121px } .cc-picker-flag.mc { background-position: -128px -121px } .cc-picker-flag.ma { background-position: -16px -132px } .cc-picker-flag.ly { background-position: -32px -132px } .cc-picker-flag.lv { background-position: -48px -132px } .cc-picker-flag.lu { background-position: -64px -132px } .cc-picker-flag.lt { background-position: -80px -132px } .cc-picker-flag.ls { background-position: -96px -132px } .cc-picker-flag.lr { background-position: -112px -132px } .cc-picker-flag.lk { background-position: -128px -132px } .cc-picker-flag.li { background-position: -144px 0 } .cc-picker-flag.lc { background-position: -144px -11px } .cc-picker-flag.lb { background-position: -144px -22px } .cc-picker-flag.la { background-position: -144px -33px } .cc-picker-flag.kz { background-position: -144px -44px } .cc-picker-flag.ky { background-position: -144px -55px } .cc-picker-flag.kw { background-position: -144px -66px } .cc-picker-flag.kr { background-position: -144px -77px } .cc-picker-flag.kp { background-position: -144px -88px } .cc-picker-flag.kn { background-position: -144px -99px } .cc-picker-flag.km { background-position: -144px -110px } .cc-picker-flag.ki { background-position: -144px -121px } .cc-picker-flag.kh { background-position: -144px -132px } .cc-picker-flag.kg { background-position: 0 -144px } .cc-picker-flag.ke { background-position: -16px -144px } .cc-picker-flag.jp { background-position: -32px -144px } .cc-picker-flag.jo { background-position: -48px -144px } .cc-picker-flag.jm { background-position: -64px -144px } .cc-picker-flag.je { background-position: -80px -144px } .cc-picker-flag.it { background-position: -96px -144px } .cc-picker-flag.is { background-position: -112px -144px } .cc-picker-flag.ir { background-position: -128px -144px } .cc-picker-flag.iq { background-position: -144px -144px } .cc-picker-flag.io { background-position: -160px 0 } .cc-picker-flag.in { background-position: -160px -11px } .cc-picker-flag.im { background-position: -160px -22px } .cc-picker-flag.il { background-position: -160px -31px } .cc-picker-flag.ie { background-position: -160px -42px } .cc-picker-flag.id { background-position: -160px -53px } .cc-picker-flag.hu { background-position: -160px -64px } .cc-picker-flag.ht { background-position: -160px -75px } .cc-picker-flag.hr { background-position: -160px -86px } .cc-picker-flag.hn { background-position: -160px -97px } .cc-picker-flag.hk { background-position: -160px -108px } .cc-picker-flag.gy { background-position: -160px -119px } .cc-picker-flag.gw { background-position: -160px -130px } .cc-picker-flag.gu { background-position: -160px -141px } .cc-picker-flag.gt { background-position: 0 -155px } .cc-picker-flag.gs { background-position: -16px -155px } .cc-picker-flag.gr { background-position: -32px -155px } .cc-picker-flag.gq { background-position: -48px -155px } .cc-picker-flag.gp { background-position: -64px -155px } .cc-picker-flag.gn { background-position: -80px -155px } .cc-picker-flag.gm { background-position: -96px -155px } .cc-picker-flag.gl { background-position: -112px -155px } .cc-picker-flag.gi { background-position: -128px -155px } .cc-picker-flag.gh { background-position: -144px -155px } .cc-picker-flag.gg { background-position: -160px -155px } .cc-picker-flag.ge { background-position: -176px 0 } .cc-picker-flag.gd { background-position: -176px -11px } .cc-picker-flag.gb { background-position: -176px -22px } .cc-picker-flag.ga { background-position: -176px -33px } .cc-picker-flag.fr { background-position: -176px -44px } .cc-picker-flag.gf { background-position: -176px -44px } .cc-picker-flag.re { background-position: -176px -44px } .cc-picker-flag.mf { background-position: -176px -44px } .cc-picker-flag.bl { background-position: -176px -44px } .cc-picker-flag.fo { background-position: -176px -55px } .cc-picker-flag.fm { background-position: -176px -66px } .cc-picker-flag.fk { background-position: -176px -77px } .cc-picker-flag.fj { background-position: -176px -88px } .cc-picker-flag.fi { background-position: -176px -99px } .cc-picker-flag.eu { background-position: -176px -121px } .cc-picker-flag.et { background-position: -176px -132px } .cc-picker-flag.es { background-position: -176px -143px } .cc-picker-flag.er { background-position: -176px -154px } .cc-picker-flag.eh { background-position: -16px -166px } .cc-picker-flag.eg { background-position: -32px -166px } div.cc-picker-flag.ee { background-position: -48px -166px } .cc-picker-flag.ec { background-position: -64px -166px } .cc-picker-flag.dz { background-position: -80px -166px } .cc-picker-flag.do { background-position: -96px -166px } .cc-picker-flag.dm { background-position: -112px -166px } .cc-picker-flag.dk { background-position: -128px -166px } .cc-picker-flag.dj { background-position: -144px -166px } .cc-picker-flag.de { background-position: -160px -166px } .cc-picker-flag.cz { background-position: -176px -166px } .cc-picker-flag.cy { background-position: 0 -177px } .cc-picker-flag.cx { background-position: -16px -177px } .cc-picker-flag.cw { background-position: -32px -177px } .cc-picker-flag.cv { background-position: -48px -177px } .cc-picker-flag.cu { background-position: -64px -177px } .cc-picker-flag.cs { background-position: -80px -177px } .cc-picker-flag.cr { background-position: -96px -177px } .cc-picker-flag.co { background-position: -112px -177px } .cc-picker-flag.cn { background-position: -128px -177px } .cc-picker-flag.cm { background-position: -144px -177px } .cc-picker-flag.cl { background-position: -160px -177px } .cc-picker-flag.ck { background-position: -176px -177px } .cc-picker-flag.ci { background-position: -192px 0 } .cc-picker-flag.cg { background-position: -192px -11px } .cc-picker-flag.cf { background-position: -192px -22px } .cc-picker-flag.cd { background-position: -192px -33px } .cc-picker-flag.cc { background-position: -192px -44px } .cc-picker-flag.ca { background-position: -192px -66px } .cc-picker-flag.bz { background-position: -192px -77px } .cc-picker-flag.by { background-position: -192px -88px } .cc-picker-flag.bw { background-position: -192px -99px } .cc-picker-flag.bt { background-position: -192px -110px } .cc-picker-flag.bs { background-position: -192px -121px } .cc-picker-flag.br { background-position: -192px -132px } .cc-picker-flag.bq { background-position: -192px -143px } .cc-picker-flag.bo { background-position: -192px -154px } .cc-picker-flag.bn { background-position: -192px -165px } .cc-picker-flag.bm { background-position: -192px -176px } .cc-picker-flag.bj { background-position: 0 -188px } .cc-picker-flag.bi { background-position: -16px -188px } .cc-picker-flag.bh { background-position: -32px -188px } .cc-picker-flag.bg { background-position: -48px -188px } .cc-picker-flag.bf { background-position: -64px -188px } .cc-picker-flag.be { background-position: -80px -188px } .cc-picker-flag.bd { background-position: -96px -188px } .cc-picker-flag.bb { background-position: -112px -188px } .cc-picker-flag.ba { background-position: -128px -188px } .cc-picker-flag.az { background-position: -144px -188px } .cc-picker-flag.ax { background-position: -160px -188px } .cc-picker-flag.aw { background-position: -176px -188px } .cc-picker-flag.au { background-position: -192px -188px } .cc-picker-flag.hm { background-position: -192px -188px } .cc-picker-flag.at { background-position: -208px 0 } .cc-picker-flag.as { background-position: -208px -11px } .cc-picker-flag.ar { background-position: -208px -22px } .cc-picker-flag.ao { background-position: -208px -33px } .cc-picker-flag.an { background-position: -208px -44px } .cc-picker-flag.am { background-position: -208px -55px } .cc-picker-flag.al { background-position: -208px -66px } .cc-picker-flag.ai { background-position: -208px -77px } .cc-picker-flag.ag { background-position: -208px -88px } .cc-picker-flag.af { background-position: -208px -99px } .cc-picker-flag.ae { background-position: -208px -110px } .cc-picker-flag.ad { background-position: -208px -121px } .cc-picker-flag.np { background-position: -208px -132px } .cc-picker-flag.ch { background-position: -208px -143px } .mobile_view { display: none; width: 100vw; height: 100vh; z-index: 100000; background-color: #f8f8f8 } @media (max-width: 460px) { .mobile_view { display:flex; position: fixed; top: 0; justify-content: center; align-items: center; flex-direction: column } } .t4a__cookie-modal { background-color: rgba(255,255,255,.5); width: 100vw; height: 100vh; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; overflow-y: auto; overflow-x: hidden } .t4a__cookie-modal .cookie-modal--container { background: #fff; box-shadow: 0 8px 16px rgba(0,0,0,.16); border-radius: 30px; text-align: center; max-width: 450px; width: 100%; overflow: hidden } .t4a__cookie-modal .cookie-modal--container .top_image { background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/popup-bg-purple.25b5fde747ec.jpg); transform: scaleX(-1) scaleY(-1); background-position: right bottom; background-size: 65%; width: 100%; height: 90px; background-repeat: no-repeat } .t4a__cookie-modal .cookie-modal--container .bottom_image { background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/popup-bg-orange.fd7087cc2eb0.jpg); transform: scaleX(-1) scaleY(-1); background-position: left top; background-size: 55%; width: 100%; height: 90px; background-repeat: no-repeat } .t4a__cookie-modal .cookie-modal--content { padding: 0 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px } .t4a__cookie-modal .cookie-modal--content .cookie-modal--title { font-size: 20px; line-height: 28px; font-weight: 700 } .t4a__cookie-modal .cookie-modal--content p { font-size: 14px; line-height: 18px; margin: 0 } .t4a__cookie-modal .cookie-modal--content p a { text-decoration: underline } .t4a__cookie-modal .cookie-modal--content .cookie-modal--actions { width: 100% } .t4a__cookie-modal .cookie-modal--content .cookie-modal--deny { background: #fff!important; border: 2px solid #f27046; color: #f27046; box-shadow: none; max-height: 50px; margin-bottom: 20px } html.no-touch .t4a__cookie-modal .cookie-modal--content .cookie-modal--deny:hover { background: #f27046!important; color: #fff } .l-section-author #wrapper { overflow-x: visible } .l-section-author .l-banner-container,.l-section-author .l-author-banner-inner,.l-section-author .l-author-banner-image { height: 0; padding-bottom: 23.4375%; background-size: cover; background-position: center } @media screen and (max-width: 768px) { .l-section-author .l-banner-container,.l-section-author .l-author-banner-inner,.l-section-author .l-author-banner-image { padding-bottom:50% } } .l-section-author .l-article { margin-top: 0 } .l-section-author .l-constrained { padding: 0; max-width: unset } .l-section-author .l-posts { z-index: 10 } .l-section-author .tab-content { position: relative } .l-section-author .tab-content .search-block-titles { background: none; box-shadow: none; padding: 0 } @media screen and (max-width: 768px) { .l-section-author .tab-content { margin-top:0; background: #fff } } .l-section-author #search-section .search-block-titles { background: none; box-shadow: none; margin-top: 10px } .l-section-author #search-section .container { width: 100%!important } .l-section-author .tab-content--title { padding: 40px 0 40px 0; text-align: center } @media screen and (max-width: 480px) { .l-section-author .tab-content--title { padding:24px 0 24px 10px } } .l-section-author .tab-content--title h2 { font-weight: 800; font-size: 2em; position: relative } @media screen and (max-width: 480px) { .l-section-author .tab-content--title h2 { font-size:1.6em } } .l-section-author .tab-content--title h2:before { content: attr(data-title); opacity: .1; font-size: 3em; position: absolute; left: 0; width: 100%; top: -50px; overflow: hidden } @media screen and (max-width: 480px) { .l-section-author .tab-content--title h2:before { font-size:2.6em; top: -34px } } .l-section-author .tab-about .tab-about--content { margin-top: 42px; margin-bottom: 42px; border-radius: 20px; background: #fff; box-shadow: 0 10px 26px rgba(6,115,163,.08); padding: 30px } .author-course--btn-lg { float: right } @media screen and (max-width: 768px) { .author-course--btn-lg { display:none } } .author-course--btn-sm { display: none } @media screen and (max-width: 768px) { .author-course--btn-sm { display:inline-block } } .author-informations-block { position: relative; z-index: 3; text-align: left; padding-top: 20px; background: #fff; border-radius: 10px; margin-top: -40px; margin-bottom: 0 } @media screen and (max-width: 992px) { .author-informations-block { text-align:center } } @media screen and (max-width: 768px) { .author-informations-block { box-shadow:0 8px 16px rgba(0,0,0,.07) } } .author-informations-block .author-informations-image-block .author-informations-image { width: 170px; height: 170px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; border: 8px solid #fff; background-color: #fff; margin: -70px auto 10px auto; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } @media screen and (max-width: 992px) { .author-informations-block .author-informations-image-block .author-informations-image { width:150px; height: 150px; border: 6px solid #fff } } @media screen and (max-width: 480px) { .author-informations-block .author-informations-image-block .author-informations-image { width:120px; height: 120px; border: 4px solid #fff } } .author-informations-block .author-name { font-size: 1.75em; margin-bottom: 14px; display: inline-block; vertical-align: bottom } @media screen and (max-width: 768px) { .author-informations-block .author-name { font-size:1.625em } } @media screen and (max-width: 480px) { .author-informations-block .author-name { font-size:1.375em } } .author-informations-block .author-description--text { margin: 14px auto; text-align: center!important } .author-informations-block .author-actions { display: flex; align-items: center; justify-content: flex-end } @media screen and (max-width: 768px) { .author-informations-block .author-actions { justify-content:center } } .author-informations-block .author-actions a.btn-base { margin-bottom: 0 } .author-informations-block .author-informations-content { display: flex; justify-content: flex-start; align-items: center; gap: 20px } @media screen and (max-width: 992px) { .author-informations-block .author-informations-content { flex-direction:column; align-items: center } } .author-informations-block .author-informations-content h1 { margin: 0 } .author-informations-block .author-informations-content .btn-sm { margin: 0; display: inline-flex; gap: 4px; align-items: center } .author-informations-block .author-informations-content .btn-sm svg { width: 18px; height: 18px } @media screen and (max-width: 992px) { .author-informations-block .author-informations-content { text-align:center } } .author-informations-block .author-informations-menu { width: 100%; margin: 0 0 10px 0 } .author-informations-block .author-informations-menu .author-meta .social-nav-author { margin-bottom: 14px } .author-informations-block .author-informations-menu .author-meta .social-nav-author a { display: inline-block; margin: 10px; vertical-align: middle } .author-informations-block .author-informations-menu .author-meta .social-nav-author .social-icon { display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 50%; color: #fff; font-size: 16px; line-height: 30px; vertical-align: bottom } .author-informations-block .author-informations-menu .author-meta .social-nav-author .btn-icon-website i { background: #888 } .author-informations-block .author-informations-menu .author-meta .social-nav-author .icon-facebook { color: #1877f2; background: none; font-size: 30px } .author-informations-block .author-informations-menu .author-meta .social-nav-author .icon-youtube { background: #b00 } .author-informations-block .author-informations-menu .author-meta .social-nav-author .icon-twitter { background: #00acee } .author-informations-block .author-informations-menu .author-meta .social-nav-author .icon-instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) } .author-informations-block .author-informations-menu .author-meta .social-nav-author img { height: 30px; vertical-align: middle } .author-informations-block .tabs { border-top: 1px solid #f3f3f3; margin-top: 24px; padding: 0 } @media screen and (max-width: 992px) { .author-informations-block .tabs { text-align:center } } .author-informations-block .tabs li { border: none; color: #272727; padding: 16px 36px; margin: 0; height: auto; font-weight: 400; font-size: 1em; max-width: unset; width: auto; line-height: 1.5; display: inline-block; position: relative; font-family: "Montserrat",sans-serif; letter-spacing: 0 } .author-informations-block .tabs li:after { content: ''; background: #f6ae2d; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; transform-origin: center; transform: scale(0); transition: transform .3s cubic-bezier(.3,0,0,1.3) } .author-informations-block .tabs li.current { background: none; color: #f6ae2d; border: none; font-weight: bold } .author-informations-block .tabs li.current:after { transform: scale(1) } .author-subscription-link { margin-left: 0 } .author-subscription-link .subscribe { display: initial } .author-subscription-link .unsubscribe { display: none } .author-subscription-link.is-subscribed { background: none; border: 2px solid #3a80c6; color: #3a80c6 } .author-subscription-link.is-subscribed .subscribe { display: none } .author-subscription-link.is-subscribed .unsubscribe { display: initial } .author-links { margin: 80px 0; background: #fff; padding: 20px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px } @media screen and (max-width: 480px) { .author-links { margin:20px 0; box-shadow: none } } .author-links .back-to-author-details { margin-bottom: 20px } .author-links .author-links-list { list-style: none; padding: 0 50px } @media screen and (max-width: 1200px) { .author-links .author-links-list { padding:0 30px } } @media screen and (max-width: 768px) { .author-links .author-links-list { padding:0 10px } } .author-links .author-links-list li span img { max-width: 140px; position: relative; top: auto; left: auto; width: 100%; height: auto; transform: none; border-radius: 0 } .author-subscription-notlogged i,.author-subscription-link i { vertical-align: middle; margin-right: 6px } .author-subscription-notlogged i:after,.author-subscription-link i:after { font-size: 16px } .author-subscription::after { content: "Non" } .author-subscription.is-subscribed::after { content: "Oui" } .smartlink-page__block h5 { margin-top: 32px } .smartlink-page__block ul { margin-bottom: 14px } .smartlink-page__block ul li { line-height: auto; padding: 20px 14px; font-size: 16px; border-bottom: 1px solid #f1f1f1; clear: both } .smartlink-page__block ul li:last-child { border-bottom: none } .smartlink-page__block ul li span { color: #8a8b8d } .smartlink-page__block ul li .btn-base { line-height: initial; float: right } .badge { display: inline-block; font-weight: normal; line-height: 1; margin-bottom: auto; position: relative; text-align: center; text-decoration: none; white-space: nowrap; padding: .22222rem .44444rem .22222rem; font-size: 1em; background-color: #008cba; color: #fff } .badge.radius { border-radius: 3px } .badge.round { border-radius: 1000px } .badge.badge--info { background-color: #008cba; color: #fff } .badge.badge--info a { color: #fff!important; cursor: pointer } .badge.badge--default { background-color: #e7e7e7; color: #333 } .badge.badge--success { color: #fff; background-color: #28a745 } .badge.badge--danger { color: #fff; background-color: #dc3545 } .badge.badge--warning { color: #212529; background-color: #ffc107 } .article--beop { box-shadow: 0 6px 20px rgba(0,0,0,.03); border: 1px solid #f2f2f2; border-radius: 1em; padding: 32px } #main .article--beop h3 { margin-top: 0 } .article-main .article--beop { max-width: 500px; margin: 24px auto } .article-main .article--beop h3 { text-align: center; margin: 0 auto 24px auto; font-weight: 700 } @media screen and (max-width: 768px) { .article-main .article--beop { max-width:unset; width: 100% } } .article--beop-answers { max-width: 300px; width: 100%; margin: 0 auto } .article--beop-vote { background: #1cbbb4; background: linear-gradient(90deg,#1cbbb4 0%,#00bff3); display: block; margin: 14px; padding: 14px 28px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; border-radius: 100px; border: 2px solid #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .article--beop-vote:hover { border-color: #00bff3; background: #fff } .article--beop-results { display: none } .article--beop-results-details { display: table; width: 100%; font-size: 18px } .article--beop-results-details>* { display: table-row } .article--beop-results-details>*>* { display: table-cell; position: relative } .article--beop-results-details .article--beop-result-bar { width: 100% } .article--beop-results-details .article--beop-result { margin-bottom: 14px; display: block } .article--beop-results-details .article--beop-result-inner-bar { top: 10%; height: 100%; padding: 10px; background: rgba(136,157,177,.4); position: absolute; top: 0; left: 0; border-radius: 100px; transition: ease .5s width; width: 0 } .article--beop-results-details .is-selected .article--beop-result-inner-bar { background: #00b09b; background: -webkit-linear-gradient(to right,#96c93d,#00b09b); background: linear-gradient(to right,#96c93d,#00b09b) } .article--beop-results-details .is-selected .article--beop-result-inner-bar::after { content: "✔"; color: #fff; position: absolute; right: 20px; top: 14px } .article--beop-results-details .article--beop-result-numbers { text-align: right; padding-right: 1em; min-width: 48px } .article--beop-results-details .article--beop-result-text { position: absolute; font-weight: bold; top: 14px; left: 14px; text-align: left } .article--beop-results-details .article--beop-result-numbers-percent { font-weight: bold; position: relative; top: 3px } .article--beop-results-details .is-selected .article--beop-result-numbers-percent { color: #96c93d } .article--beop-results-details .article--beop-result-numbers-votes { font-size: .8em; position: relative; top: -3px } .article--beop-results-participants { font-size: .8em; text-align: center; margin: 0 auto 14px auto; color: #9c9c9c } .article--beop-results-comment { display: none } .article-main .article--beop-results-comment { display: block } #bible-actions.is-open li { pointer-events: auto; opacity: 1 } #bible-actions.is-open #bible-actions-bar:before,#bible-actions.is-open #bible-actions-bar:after { opacity: 0 } #bible-actions.is-open #bible-actions-bar #bible-actions-bar--menu { box-shadow: none } #bible-actions.is-open #bible-actions-bar #bible-actions-bar--infos { transform: translateY(0); opacity: 1; padding: 4px 12px; height: 48px } @media screen and (max-width: 480px) { #bible-actions.is-open #bible-actions-bar #bible-actions-bar--infos { height:36px } } #bible-actions.is-open #bible-actions-bar #bible-actions--separator { height: 4px; opacity: 1 } #bible-actions-bar { transition: all .4s ease; color: #212121; position: absolute; position: fixed; bottom: 0; z-index: 4000; width: 140px; margin: 0; padding: 0; list-style-type: none; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; bottom: 20px; top: auto; left: 50%; right: auto; border-radius: 32px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; max-width: 960px; transform: translateX(-50%); gap: 0; padding: 4px 4px 0 4px; box-shadow: 0 4px 34px 0 rgba(21,35,70,.08); background: #fefefe; overflow: hidden } #bible-actions-bar:after { content: ''; background: linear-gradient(0deg,#fefefe 0%,rgba(254,254,254,0) 100%); position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; width: 100%; height: 100%; pointer-events: none; opacity: 1; transition: all .3s ease-in-out; pointer-events: none } #bible-actions-bar:before { content: "Sélectionnez un verset pour l'étudier"; font-family: 'Outfit',sans-serif; font-weight: bold; background-color: rgba(0,126,168,.2); backdrop-filter: blur(2px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; padding: 4px 12px; border-radius: 50px; color: #007ea8; opacity: 1; pointer-events: none; transition: all .3s ease-in-out; pointer-events: none } #bible-actions-bar #bible-actions--separator { overflow: hidden; height: 0; width: 90%; margin: 0 auto; opacity: 0; transition: all .4s ease-in-out } #bible-actions-bar #bible-actions--separator:after { content: ''; display: block; margin: 8px auto 0; width: 100%; height: 10px; border-radius: 125px / 12px; box-shadow: 0 0 8px rgba(0,0,0,.4); transform: rotate(180deg) } #bible-actions-bar #bible-actions-bar--infos { display: flex; justify-content: space-between; padding: 0 12px; align-items: center; background: #fefefe; position: relative; z-index: -1; border-radius: 16px 16px 0 0; transform: translateY(80px); opacity: 0; height: 0; transition: all .4s ease-in-out } #bible-actions-bar #bible-actions-bar--infos li { flex: 0 1 auto; padding: 4px } #bible-actions-bar #bible-actions-bar--infos #verse-tab-share svg { width: 24px } #bible-actions-bar #bible-actions-bar--menu { background-color: #fefefe; display: flex; gap: 4px; border-radius: 20px } #bible-actions-bar li { background-color: #fefefe; display: flex; padding: 12px; font-size: .85em; text-align: center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: .3; pointer-events: none; cursor: disabled; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px; flex: 1 1 0; font-family: 'Outfit'; font-weight: 400; border-radius: 16px; overflow: hidden } #bible-actions-bar li#verse-tab-selection { padding: 0 } #bible-actions-bar li i { display: inline-flex; margin: 0; font-size: 32px; line-height: 1; transition: all .5s cubic-bezier(.5,2,.5,1) } html.no-touch #bible-actions-bar li:hover { background-color: #f1f1f1 } html.no-touch #bible-actions-bar li:hover i { transform: scale(1.1) } #bible-actions-bar li #biblesel-selections { display: flex; gap: 4px } #bible-actions-bar li #biblesel-selections .biblesel-selection a { color: #fff; display: inline-block; font-weight: 500; font-size: 1.125em } #bible-actions-bar li #biblesel-selections .biblesel-selection a i { margin: 0 4px 0 0; font-size: 10px; line-height: 12px } #bible-actions-bar .verse-tab { cursor: pointer } #bible-actions-bar .verse-tab.is-active { background-color: #f1f1f1; color: #255e89 } html.no-touch #bible-actions-bar .verse-tab.is-active:hover { background-color: #e6e6e6 } #bible-actions-bar #verse-tab-close { padding: 0 } #bible-actions-bar #verse-tab-close a { text-align: center; display: block; padding: 10px; color: #fff } #bible-actions-bar #verse-tab-map.is-disabled { opacity: .5!important; pointer-events: none!important } .multiple-selections #bible-actions-bar #bible-actions-bar { padding-right: 15px } .multiple-selections #bible-actions-bar li { max-height: auto } .multiple-selections #bible-actions-bar #verse-tab-counter,.multiple-selections #bible-actions-bar #verse-tab-selection { display: block } .multiple-selections #bible-actions-bar #verse-tab-articles,.multiple-selections #bible-actions-bar #verse-tab-com,.multiple-selections #bible-actions-bar #verse-tab-dictionaries,.multiple-selections #bible-actions-bar #verse-tab-map,.multiple-selections #bible-actions-bar #verse-tab-rel,.multiple-selections #bible-actions-bar #verse-tab-strong,.multiple-selections #bible-actions-bar #verse-tab-versions { display: none } #bible-actions-bar #verse-tab-counter { display: none } #bible-actions-panels { position: fixed; z-index: 2500; top: 57px; bottom: 0; left: 100%; right: 0 } #bible-actions-panels .close { position: absolute; top: 7px; right: 32px; width: 32px; height: 32px; cursor: pointer; color: #212121 } @media screen and (max-width: 480px) { #bible-actions-panels { z-index:3999 } } #bible-actions-panels.is-open { left: 0 } #bible-actions-panels.is-open #bible-actions-panels-group { transition: all .3s cubic-bezier(.3,0,0,1.3); transform: translate(-50%,0); -webkit-box-shadow: -5px 0 18px 0 rgba(20,20,20,.08); box-shadow: -5px 0 18px 0 rgba(20,20,20,.08) } @media screen and (max-width: 480px) { #bible-actions-panels.is-open { background-color:rgba(255,255,255,.7); top: 0; backdrop-filter: blur(2px) } } #bible-actions-panels #bible-actions-panels-group { z-index: 10002; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; right: 0; width: 100%; max-width: 960px; left: 50%; transform: translate(-50%,100%); bottom: 148px; border-radius: 32px; max-height: 60vh; top: auto; height: 100%; background-color: #fff; box-shadow: 0 8px 12px 0 rgba(9,30,66,.1); overflow: hidden; transition: all .3s cubic-bezier(.3,0,0,1.3) } #bible-actions-panels #bible-actions-panels-group #bible-actions-panel-title { overflow: hidden; background-color: #fff } #bible-actions-panels #bible-actions-panels-group #verse-panel-dictionaries .related-dictionary span { display: block; margin-bottom: 24px; font-weight: 500; color: #000 } #bible-actions-panels #bible-actions-panels-group #verse-panel-dictionaries .related-dictionary em { font-family: "Montserrat",sans-serif } #bible-actions-panels #bible-actions-panels-group #verse-panel-versions .related-versions span { display: block; margin-bottom: 24px; font-weight: 500; color: #000 } #bible-actions-panels #bible-actions-panels-group #verse-panel-versions .related-versions span .bible-copyright { display: inline-block; color: #fff; margin-bottom: 0 } #bible-actions-panels #bible-actions-panels-group #verse-panel-versions .related-versions em { font-family: "Montserrat",sans-serif } #bible-actions-panels #bible-actions-panels-group #bible-actions-panel-content { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 10px; height: 100% } #bible-actions-panels #bible-actions-panels-group #bible-actions-panel-content .verse-panel { display: none } #bible-actions-panels #bible-actions-panels-group #bible-actions-panel-content .verse-panel.is-active { display: block; padding-bottom: 100px } #bible-actions-panels #bible-actions-panels-group #bible-actions-panel-content .verse-panel h3 { font-size: 1.125em } #bible-actions-panels #bible-actions-panels-group #bible-actions-panel-content .verse-panel h3 a { color: #272727 } #bible-actions-panels #bible-actions-panels-group #bible-actions-panel-content .verse-panel .bible-verse { margin-bottom: 14px } #bible-actions-panels #bible-actions-panels-group .verse-panel-heading { background: none; font-weight: bold; padding: 16px 12px; font-size: 1.25rem; line-height: 1.3; color: #255e89 } @media screen and (max-width: 480px) { #bible-actions-panels #bible-actions-panels-group .verse-panel-heading { font-size:.9375rem; line-height: 1.3 } } #favorite_new_classifications { display: flex; align-items: center; flex-wrap: wrap } #verse-panel-share .sharebar>* { display: block; width: auto } #verse-panel-share .article-actions { display: block; position: relative; top: 0; left: 0; width: auto } #verse-panel-share .article-actions .share-count { display: block } .selected-verse { margin: 0 0 14px 0; display: block; background-color: rgba(0,0,0,.05); padding: 20px; color: #212121; cursor: pointer; font-weight: 500; border-radius: 24px } .selected-verse #verse-detail-verse { font-size: 1rem } .selected-verse #verse-detail-ref { font-size: .875rem; border: none; font-weight: 500; color: #428efe } .bible-verse-has-note { position: relative } .bible-verse-has-note { margin-left: 8px; font-size: .6875em; font-family: "Montserrat",sans-serif; padding: 1px 3px; border-radius: 2px; position: relative; top: -1px; cursor: pointer; background: #ccc; color: #272727; display: inline-block!important; border-radius: 20px } .bible-verse-has-note:before { content: "Note"; text-align: center } .classifications-field ul { margin: 0 } .classifications-field li.is-selected .post-tag { position: relative } .classifications-field li.is-selected .post-tag:after { transform: scale(1.3); -webkit-transform: scale(1.3); opacity: 1 } .classifications-field li .post-tag:after { content: ""; font-size: 2em; top: 0; left: 0; position: absolute; text-align: center; width: 28px; height: 28px; border-radius: 50%; z-index: -1; opacity: .4; visibility: visible; transform: scale(1); -webkit-transform: scale(1); transition: transform .5s cubic-bezier(.5,2,.5,1) , opacity .3s cubic-bezier(.5,2,.5,1); -webkit-transition: transform .5s cubic-bezier(.5,2,.5,1) , opacity .3s cubic-bezier(.5,2,.5,1) } .classifications-field label { cursor: pointer } .classifications-field input { position: absolute; left: -9999px } .bible-verse-location { display: none; border-radius: .5em; border: solid 1px #000; cursor: pointer; padding: 0 .5em; background-color: #eee; font-size: .75em } html.no-touch .bible-verse-location:hover { background-color: #fff } .l-bible-col .bible-verse-location { display: inline-block } .bible-favorite-form [id^="favorite_"][id$="_classifications"] { display: flex; flex-wrap: wrap } #bible-favorite-dialog #bible-favorite-form-content { position: relative; margin-top: 1em } #bible-favorite-dialog .edit-favorite-color-btn { position: absolute; top: 0; right: 0 } #bible-favorite-dialog .form-label { display: none } #bible-favorite-dialog .form-input { width: 100% } #bible-favorite-dialog .form-input ul li { float: left; margin-right: 0 } #bible-favorite-dialog .content-field .form-label { display: block; padding: 0; color: #272727; font-weight: bold; font-family: "Montserrat",sans-serif; font-size: 1.17em; margin: 0 0 2em; font-weight: 300; text-align: left; width: 100%; position: relative } #bible-favorite-dialog .content-field .form-label:before { content: ''; background: #08d7f6; height: 4px; width: 40px; display: block; margin: 12px auto 12px 0; position: absolute; top: 24px; left: 0 } #bible-favorite-dialog .content-field .form-label:after { color: #777 } #bible-favorite-dialog .post-tag { vertical-align: top; margin-right: 25px; margin-bottom: 10px; margin-top: 20px; width: 28px; height: 28px; border-radius: 50%; position: relative } #bible-favorite-dialog textarea { height: 5em; margin-bottom: 1em } #bible-favorite-dialog .field { border-top: none } #bible-favorite-dialog h3 { margin: 0; font-weight: bold } #bible-favorite-list { padding: .5em 1em; display: none } #bible-favorite-list label { display: block; margin-bottom: 10px } #bible-favorite-list label input { margin-right: 8px } .change-version { color: inherit } .change-version .bible-copyright { color: inherit } #share-link { display: flex; align-items: center; gap: 10px; margin-top: .5em; border: 0 solid transparent; font-size: .8em; width: 100%; max-width: 100%; box-sizing: border-box } @media screen and (max-width: 480px) { #share-link { display:none } } #share-link #cp_btn { border: 1px solid #ccc; background: #fff; border-radius: 50px; padding: 8px 16px; font-size: 16px; display: inline-flex; align-items: center; gap: 4px } #share-link>* { padding: .5em } #share-link-url { border: solid 1px #c4c7d4; padding: 8px 14px; border-radius: 8px; flex-grow: 1 } @media (max-height: 900px) { #bible-actions-bar li { font-size:.75rem; margin: 0; padding: 6px 4px } #bible-actions-bar li i { font-size: 24px } } @media (max-height: 70px) and (max-width:700px) { #bible-actions-bar li span { display:none } } @media (max-height: 530px) { #bible-actions-bar li i { font-size:20px } } @media (max-width: 37em),(max-height:780px) and (max-width:700px) { #bible-actions.is-open #bible-actions-bar { width:100%!important; bottom: 0; padding-right: 0 } #bible-actions.is-open #bible-actions-bar:after { content: ''; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#fefefe 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0%,#fefefe 100%); position: fixed; right: 0; bottom: 0; top: auto; z-index: 5; height: 62px; width: 40px; pointer-events: none } #bible-actions #bible-actions-bar { width: 100vw; transform: none; left: 0; right: 0; bottom: 0; white-space: nowrap; top: auto!important; border-radius: 12px 12px 0 0 } #bible-actions #bible-actions-bar:-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0!important } #bible-actions #bible-actions-bar #bible-actions-bar--menu { overflow-x: scroll; overflow-y: hidden; white-space: nowrap } #bible-actions #bible-actions-bar #bible-actions-bar--menu:-webkit-scrollbar { display: none; -webkit-appearance: none; width: 0!important } #bible-actions #bible-actions-bar #bible-actions-bar--menu li { flex: 1 0 80px } #bible-actions #bible-actions-bar li { display: inline-flex; border-top: 0; height: 100%; width: auto; border: 0; text-align: center } #bible-actions #bible-actions-bar li#verse-tab-close { width: 42px; line-height: 30px } } @media screen and (max-width: 37em) and (max-width:480px),screen and (max-height:780px) and (max-width:700px) and (max-width:480px) { #bible-actions #bible-actions-bar li#verse-tab-close { line-height:38px; vertical-align: top } } @media (max-width: 37em),(max-height:780px) and (max-width:700px) { #bible-actions #bible-actions-bar li i { font-size:22px; margin: 0; margin-top: 4px } #bible-actions #bible-actions-bar li span { display: block; font-size: 10px; max-width: 54px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 auto } #bible-actions #bible-actions-bar li.is-active i { font-size: 26px; margin-top: 0 } #bible-actions #bible-actions-bar #verse-tab-counter { display: none } html #bible-actions-panels.is-open { overflow: hidden } #bible-actions-panels.is-open #bible-actions-panels-group { bottom: 0; height: 100%; max-height: 85vh; padding-bottom: 40px; border-radius: 24px 24px 0 0 } #bible-actions-panels.is-open #bible-actions-panels-group .close { right: 12px } .header-hidden #bible-actions-panels { top: 0!important } } @media (max-height: 620px) and (max-width:700px) { #bible-actions-bar { right:-50px; width: 50px } #bible-actions-bar li { padding: 2px; height: 48px; width: 50px } #bible-actions-bar li i { font-size: 32px } #bible-actions-bar #verse-tab-close a:after { font-size: 1.5em } } @media (max-height: 480px) and (max-width:700px) { #bible-actions-bar li { padding:2px; height: 36px } #bible-actions-bar li i { font-size: 20px } #bible-actions-bar #verse-tab-close a:after { font-size: 1.2em } } .bible-actions-panel-content .post { width: 100% } #sectionbar .l-bible-col-versions ul:before,#sectionbar .l-bible-col-versions ul:after { content: ""; display: table } #sectionbar .l-bible-col-versions ul:after { clear: both } #sectionbar .l-bible-col-last { display: inline-flex; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: auto } .l-body.l-bible #sectionbar .l-bible-col-last { display: table-cell } #sectionbar .dropdown { z-index: 240 } .dropdown { display: none } .dropdown.dropdown-is-open { display: block } .sub-mega-menu-second-level .container-bible-navigation { width: 100%!important } .sub-mega-menu-second-level .container-bible-navigation .biblenav { box-shadow: none!important; margin: 30px auto } .biblenav { margin: 30px auto 60px; display: block; background: none; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-bottom-right-radius: 16px; border-bottom-left-radius: 16px } .biblenav-menu-link { white-space: nowrap; padding: 1em .1em; display: inline-block; vertical-align: middle; cursor: pointer; font-weight: bold; font-size: .875em; font-weight: bold; color: #255e89; flex: 0 1 auto } @media screen and (max-width: 480px) { .biblenav-menu-link { padding:4px 12px } html.header-hidden .biblenav-menu-link { padding: 8px } } .l-bible-col-versions .biblenav-menu-link { overflow: hidden } .biblenav-menu-link i { font-size: .75em; margin-left: 6px } .biblenav-menu-link-delete { color: #74bceb; background-color: rgba(255,255,255,.5); border-radius: 8px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s ease-in-out } .biblenav-menu-link-delete svg { fill: #74bceb; width: 24px; height: 24px } html.no-touch .biblenav-menu-link-delete:hover { color: #fff; background-color: #74bceb } html.no-touch .biblenav-menu-link-delete:hover svg { fill: #fff } html.app .biblenav-open-versions:last-child .biblenav-menu-link-delete { right: 5.5em } html.app .l-bible-3cols .biblenav-open-versions:last-child .biblenav-menu-link-delete { display: none } .biblenav-open-versions { -webkit-overflow-scrolling: touch; white-space: nowrap; text-align: center } .biblenav-open-versions .dropdown { margin-left: 2em } .l-bible-col-versions .biblenav-open-versions .dropdown { left: 50%; margin-left: -9em } .l-bible-col-versions .biblenav-open-versions .dropdown:before { left: 50%; margin-left: -.5em } .biblenav-open-versions .dropdown li { padding: 0 } .biblenav-open-versions .dropdown li a { padding: 0 .7em; color: #fff } .biblenav-open-versions.l-bible-col-last { position: relative } .biblenav-open-versions.l-bible-col-last>span { background-color: rgba(255,255,255,.5); position: relative; line-height: 1; font-size: .875em; font-family: "Montserrat",sans-serif; z-index: 201; color: #255e89; transition: all .5s cubic-bezier(.5,2,.5,1); -webkit-transition: all .5s cubic-bezier(.5,2,.5,1); padding: 5px 12px; border-radius: 12px } .biblenav-open-versions.l-bible-col-last>span i { vertical-align: top } .biblenav-open-versions.l-bible-col-last>span:hover { background: #cde7f8 } .biblenav-open-versions.l-bible-col-last .dropdown { right: 30px; top: 50px; background: #fff; box-shadow: 0 16px 20px rgba(0,0,0,.2); -webkit-box-shadow: 0 16px 20px rgba(0,0,0,.2); overflow-x: hidden; overflow-y: scroll; transform-origin: center top; transition: transform .2s linear; -webkit-transition: transform .2s linear; text-align: center } .biblenav-open-versions.l-bible-col-last .dropdown h4 { font-weight: 500; color: #fff; font-weight: 500; line-height: 36px; font-size: .9375rem; padding: 0; background-color: #255e89 } .biblenav-open-versions.l-bible-col-last .dropdown li { line-height: 2em; font-size: .8125rem; border: 0 } .biblenav-open-versions.l-bible-col-last .dropdown li a { color: #222 } .biblenav-open-versions.l-bible-col-last .dropdown li:hover { background-color: rgba(37,94,137,.5) } .biblenav-open-versions.l-bible-col-last .dropdown li:hover a { color: #fff } @media screen and (max-height: 660px) { .biblenav-open-versions.l-bible-col-last .dropdown { top:48px; max-height: 340px; overflow-y: scroll } } @media (min-width: 769px) { .l-bible-1cols .biblenav-open-versions.l-bible-col-last>span { display:flex; align-items: center } .l-bible-1cols .biblenav-open-versions.l-bible-col-last>span .icon-add { color: #255e89; display: inline-block; transition: all .5s cubic-bezier(.5,2,.5,1); -webkit-transition: all .5s cubic-bezier(.5,2,.5,1); line-height: 28px } .l-bible-1cols .biblenav-open-versions.l-bible-col-last>span:after { margin-left: .5em; content: "Ajouter une colonne"; display: inline-block; color: #255e89; text-transform: none; font-size: 90%; font-weight: bold; font-family: 'Outfit',sans-serif; white-space: nowrap } } .biblenav-books-panels { padding: 15px 0 0; background-color: #fff; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px } .biblenav-books-panels>div { display: none } .is-testaments-opened .biblenav-books-testaments,.is-chapters-opened .biblenav-books-chapters,.is-verses-opened .biblenav-books-verses,.is-options-opened .biblenav-books-options { display: block } @media screen and (max-width: 768px) { .is-testaments-opened .biblenav-books-testaments,.is-chapters-opened .biblenav-books-chapters,.is-verses-opened .biblenav-books-verses,.is-options-opened .biblenav-books-options { padding-bottom:100px; overflow-x: hidden } } #nav .biblenav-books-menu,.biblenav-books-menu { margin: 0; padding-left: 0; display: block; width: 100%; white-space: nowrap; overflow: hidden } #nav .biblenav-books-menu>li,.biblenav-books-menu>li { border-bottom: solid 2px #14527b; display: inline-block; width: 33.333%; cursor: pointer; color: #14527b; background-color: #daedfc; position: relative; text-align: center; padding: 7px 14px; font-weight: bold; margin: 0; font-size: 1.125rem; font-family: "Montserrat",sans-serif; margin: 0 2px 0 0 } #nav .biblenav-books-menu>li:first-of-type,.biblenav-books-menu>li:first-of-type { border-top-left-radius: 16px } #nav .biblenav-books-menu>li:last-of-type,.biblenav-books-menu>li:last-of-type { border-top-right-radius: 16px } @media screen and (max-width: 480px) { #nav .biblenav-books-menu>li,.biblenav-books-menu>li { color:#428efe; background-color: #fff; border: none; font-size: .875rem } #nav .biblenav-books-menu>li i,.biblenav-books-menu>li i { display: none } } #nav .biblenav-books-menu>li i,.biblenav-books-menu>li i { padding-right: 8px } #nav .biblenav-books-menu>li.is-disabled,.biblenav-books-menu>li.is-disabled { color: #555; cursor: not-allowed; opacity: .5 } #nav .biblenav-books-menu>li:last-child,.biblenav-books-menu>li:last-child { margin: 0 0 0 -2px } .is-testaments-opened .biblenav-books-testaments-menu,.is-chapters-opened .biblenav-books-chapters-menu,.is-verses-opened .biblenav-books-verses-menu,.is-options-opened .biblenav-books-options-menu { background-color: #fff; border-bottom: solid 2px #fff; font-weight: bold } @media screen and (max-width: 480px) { .is-testaments-opened .biblenav-books-testaments-menu,.is-chapters-opened .biblenav-books-chapters-menu,.is-verses-opened .biblenav-books-verses-menu,.is-options-opened .biblenav-books-options-menu { background-color:#fff; border-bottom: solid 2px #428efe } } .biblenav-books-verses,.biblenav-books-chapters { padding-bottom: 30px!important } .biblenav-books-verses .biblenav-books-chapters-close,.biblenav-books-chapters .biblenav-books-chapters-close { color: #272727; font-size: 1rem; padding: 15px; font-weight: bold; display: flex; align-items: center; gap: 8px; max-width: 600px; margin: 0 auto } .biblenav-books-verses .biblenav-books-chapters-close i,.biblenav-books-chapters .biblenav-books-chapters-close i { transform: rotate(180deg); -webkit-transform: rotate(180deg); position: relative } .biblenav-books-verses .biblenav-books-chapters-close i:after,.biblenav-books-chapters .biblenav-books-chapters-close i:after { font-size: 1rem } .biblenav-books-verses .biblenav-books-verses-close,.biblenav-books-chapters .biblenav-books-verses-close { color: #272727; font-size: 1rem; padding: 15px; font-weight: bold; display: flex; align-items: center; gap: 8px; max-width: 600px; margin: 0 auto } .biblenav-books-verses .biblenav-books-verses-close i,.biblenav-books-chapters .biblenav-books-verses-close i { transform: rotate(180deg); -webkit-transform: rotate(180deg); position: relative } .biblenav-books-verses .biblenav-books-verses-close i:after,.biblenav-books-chapters .biblenav-books-verses-close i:after { font-size: 1rem } .biblenav-verses-list,.biblenav-chapters-list { max-width: 600px; margin: 0 auto } .biblenav-books-testaments { position: relative; max-width: 960px; margin: 0 auto } .biblenav-books-testament,.biblenav-chapters-list,.biblenav-books-verses { padding: 12px 0 } .favorite-link { display: inline-block; margin: 1em; color: #000; font-size: .7em; font-weight: bold } .favorite-link .post-tag { vertical-align: middle } .biblenav-books-group { width: 100%; margin: 0 0 1% } .biblenav-verse-bookname,.biblenav-chapter-bookname,.biblenav-books-title { color: #245f89; margin: 10px 0; text-align: center; font-weight: bold; font-size: 1rem; font-family: "Montserrat",sans-serif; margin-bottom: 30px } .biblenav-verse-bookname:after,.biblenav-chapter-bookname:after,.biblenav-books-title:after { content: ''; height: 2px; width: 30%; background: #428efe; display: block; margin: 10px auto; max-width: 40px } @media screen and (max-width: 480px) { .biblenav-verse-bookname,.biblenav-chapter-bookname,.biblenav-books-title { font-size:.875rem; letter-spacing: 1px; font-weight: bold; text-align: left; margin-bottom: 24px } .biblenav-verse-bookname:after,.biblenav-chapter-bookname:after,.biblenav-books-title:after { margin: 8px 0 } } .biblenav-books-content { line-height: 1.2; display: grid; grid-template-columns: repeat(5,1fr); grid-template-rows: repeat(5,1fr); grid-column-gap: 2px; grid-row-gap: 2px; max-width: 600px; margin: 0 auto } @media screen and (max-width: 992px) { .biblenav-books-content { grid-template-columns:repeat(4,1fr); grid-template-rows: repeat(4,1fr) } } @media screen and (max-width: 480px) { .biblenav-books-content { grid-template-columns:repeat(3,1fr); grid-template-rows: repeat(3,1fr) } } .biblenav-books-row { display: table; width: 100% } #nav .biblenav-book-link,.biblenav-book-link { display: inline-flex; position: relative; vertical-align: middle; overflow: hidden; word-wrap: break-word; white-space: normal; text-transform: initial; font-size: 1em; border-radius: 4px; color: #fff; min-height: 40px; padding: 16px 4px; text-align: center; border: solid 1px #fff } .biblenav-book-long { top: 12px; display: block; right: 5px; left: 5px; bottom: 5px; position: absolute; overflow: hidden; word-wrap: break-word; height: 19px; line-height: 1.1; font-weight: bold } .biblenav-chapter-bookname--inner,.biblenav-verse-bookname--inner { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px } @media screen and (max-width: 480px) { .biblenav-chapter-bookname--inner,.biblenav-verse-bookname--inner { display:grid; grid-template-columns: repeat(5,1fr); grid-template-rows: repeat(5,1fr); grid-column-gap: 4px; grid-row-gap: 4px; justify-content: center; align-items: center; padding: 0 } } #nav .biblenav-books-verses .biblenav-chapter-link,.biblenav-books-verses .biblenav-chapter-link,#nav .biblenav-books-chapters .biblenav-chapter-link,.biblenav-books-chapters .biblenav-chapter-link { display: inline-flex; vertical-align: middle; width: 50px; overflow: hidden; word-wrap: break-word; white-space: normal; text-transform: uppercase; border: 1px solid #fff; font-weight: bold; color: #fff; padding: 16px 4px; height: auto; text-align: center; line-height: 1.2; font-size: 1em; cursor: pointer; flex: 0 1 60px; white-space: nowrap; justify-content: center; width: 100%; border-radius: 12px; background: #f7f9fc!important; color: #272727!important } .book-pt { background: #27819c!important; color: #fff } .book-pt:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #27819c; transition: 400ms ease all } .book-pt:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #27819c; transition: 400ms ease all } html.no-touch .book-pt:hover:hover { color: #27819c!important; background: #fff!important } html.no-touch .book-pt:hover:hover:before,html.no-touch .book-pt:hover:hover:after { width: 100%; transition: 800ms ease all } .book-ht { background: #2c92b1!important; color: #fff } .book-ht:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #2c92b1; transition: 400ms ease all } .book-ht:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #2c92b1; transition: 400ms ease all } html.no-touch .book-ht:hover:hover { color: #2c92b1!important; background: #fff!important } html.no-touch .book-ht:hover:hover:before,html.no-touch .book-ht:hover:hover:after { width: 100%; transition: 800ms ease all } .book-pw { background: #03b5bf!important; color: #fff } .book-pw:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #03b5bf; transition: 400ms ease all } .book-pw:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #03b5bf; transition: 400ms ease all } html.no-touch .book-pw:hover:hover { color: #03b5bf!important; background: #fff!important } html.no-touch .book-pw:hover:hover:before,html.no-touch .book-pw:hover:hover:after { width: 100%; transition: 800ms ease all } .book-pr { background: #029da6!important; color: #fff } .book-pr:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #029da6; transition: 400ms ease all } .book-pr:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #029da6; transition: 400ms ease all } html.no-touch .book-pr:hover:hover { color: #029da6!important; background: #fff!important } html.no-touch .book-pr:hover:hover:before,html.no-touch .book-pr:hover:hover:after { width: 100%; transition: 800ms ease all } .book-go { background: #7dc8df!important; color: #fff } .book-go:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #7dc8df; transition: 400ms ease all } .book-go:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #7dc8df; transition: 400ms ease all } html.no-touch .book-go:hover:hover { color: #7dc8df!important; background: #fff!important } html.no-touch .book-go:hover:hover:before,html.no-touch .book-go:hover:hover:after { width: 100%; transition: 800ms ease all } .book-ac { background: #69bfda!important; color: #fff } .book-ac:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #69bfda; transition: 400ms ease all } .book-ac:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #69bfda; transition: 400ms ease all } html.no-touch .book-ac:hover:hover { color: #69bfda!important; background: #fff!important } html.no-touch .book-ac:hover:hover:before,html.no-touch .book-ac:hover:hover:after { width: 100%; transition: 800ms ease all } .book-pa { background: #40aed0!important; color: #fff } .book-pa:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #40aed0; transition: 400ms ease all } .book-pa:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #40aed0; transition: 400ms ease all } html.no-touch .book-pa:hover:hover { color: #40aed0!important; background: #fff!important } html.no-touch .book-pa:hover:hover:before,html.no-touch .book-pa:hover:hover:after { width: 100%; transition: 800ms ease all } .book-ep { background: #2c92b1!important; color: #fff } .book-ep:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #2c92b1; transition: 400ms ease all } .book-ep:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #2c92b1; transition: 400ms ease all } html.no-touch .book-ep:hover:hover { color: #2c92b1!important; background: #fff!important } html.no-touch .book-ep:hover:hover:before,html.no-touch .book-ep:hover:hover:after { width: 100%; transition: 800ms ease all } .book-re { background: #27819c!important; color: #fff } .book-re:before { content: ''; position: absolute; top: 0; right: auto; bottom: auto; left: 0; height: 2px; width: 0; background: #27819c; transition: 400ms ease all } .book-re:after { content: ''; position: absolute; top: auto; right: 0; bottom: 0; left: auto; height: 2px; width: 0; background: #27819c; transition: 400ms ease all } html.no-touch .book-re:hover:hover { color: #27819c!important; background: #fff!important } html.no-touch .book-re:hover:hover:before,html.no-touch .book-re:hover:hover:after { width: 100%; transition: 800ms ease all } .bible-loading-title { z-index: 206; position: absolute; background-color: #fff; width: 100%; top: 0; bottom: 0; right: 0; padding-top: 10em; margin-left: -8em; text-transform: uppercase; text-align: center; color: #888; font-weight: lighter; font-size: .8em } .top_loader { width: 40px; height: 40px; display: block; margin: 0 auto; background-image: url(https://fructifietestalents.org/maj/img/uri/ajax-loader.fbbf1ec8e553.gif); background-repeat: no-repeat; background-size: cover } #bible-player-container { top: 205px; bottom: auto; width: 100%; max-width: unset; box-shadow: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0; flex-direction: column; align-items: center; justify-content: center; display: none; position: fixed; z-index: 1998; left: 0; right: auto; padding: 32px 12px 20px 12px; background: #fff; background-color: #fff; width: 100%; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3); border-radius: 0 0 12px 12px } html.header-hidden #bible-player-container { top: 85px } @media screen and (max-width: 480px) { html.header-hidden #bible-player-container { top:36px } #bible-player-container { top: 105px } } @media screen and (max-width: 1092px) { #bible-player-container { top:125px } } #bible-player-container #bible-player-title { font-family: 'Outfit',sans-serif; font-weight: regular; font-size: .875em; color: #272727; text-align: center } #bible-player-container #bible-player-close { cursor: pointer; position: absolute; top: 20px; right: 12px; padding: .5em; color: #428efe; text-transform: uppercase; text-transform: uppercase; font-weight: bold; font-size: 12px } #bible-player-container #bible-player-close i:before { font-size: 8px } #bible-player-container #bible-player-close span { display: inline-block; vertical-align: middle } @media screen and (max-width: 768px) { #bible-player-container #bible-player-close span { display:none } } #bible-player { padding: 0; margin-top: 0; flex-grow: 1; width: 100%; max-width: 600px } #bible-player .jp-audio { margin: 0; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.6; color: #222; position: relative; border-radius: 5px; background: none; border: 0; width: 100%; max-width: unset } #bible-player .jp-audio .jp-interface { position: relative; background-color: transparent; width: 100%; height: auto; display: flex; align-items: center; gap: 20px } #bible-player .jp-audio .jp-interface ul.jp-controls { list-style-type: none; margin: 0; padding: 0; overflow: hidden; display: flex; align-items: center; flex: 1 1 92px; gap: 8px } #bible-player .jp-audio .jp-interface ul.jp-controls li { display: inline-flex; align-items: center; justify-content: center } #bible-player .jp-audio .jp-interface ul.jp-controls a { display: inline-flex; color: #212121; font-size: 1.375rem } @media screen and (max-width: 480px) { #bible-player .jp-audio .jp-interface { height:auto } } #bible-player .jp-audio a.jp-play,#bible-player .jp-audio a.jp-pause,#bible-player .jp-audio a.jp-download { width: 32px; height: 32px; padding: 0 } #bible-player .jp-audio a.jp-play { background: transparent; left: 8px; position: relative } #bible-player .jp-audio .jp-play-bar:after { display: none } #bible-player .jp-audio .jp-infos { width: 100% } #bible-player .jp-audio a.jp-pause { font-size: .75rem!important; display: none; position: relative } #bible-player .jp-audio .jp-seek-bar { width: 0; height: 100%; cursor: pointer; background: #d3dfe7; border-radius: 50px } #bible-player .jp-audio .jp-play-bar { background: #08d7f6; width: 0; height: 100%; position: relative; border-radius: 50px } #bible-player .jp-audio .jp-current-time,#bible-player .jp-audio .jp-duration { font-size: 8px; font-style: oblique; position: absolute; top: 0; font-family: 'Outfit',sans-serif; color: #272727 } #bible-player .jp-audio .jp-duration { right: 4px } #bible-player .jp-audio .jp-jplayer audio,#bible-player .jp-audio .jp-jplayer { width: 0; height: 0 } #bible-player .jp-audio .jp-jplayer { background-color: #000 } #bible-player .jp-audio .jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none } #bible-player .jp-audio .jp-no-solution a { color: #000 } #bible-player .jp-audio .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold } #bible-player .jp-audio .jp-native { height: 10px } #bible-player .jp-audio .jp-native .jp-audio { border: none } #bible-player .jp-audio .jp-native audio { position: absolute; left: 0; top: -48px; width: 240px; height: 40px } #bible-player .jp-audio .jp-native .jp-type-single,#bible-player .jp-audio .jp-native .jp-download,#bible-player .jp-audio .jp-toggles { display: none } #bible-player .jp-audio .jp-progress { overflow: hidden; background-color: #ddd; position: absolute; top: 0; height: 6px } @media screen and (max-width: 992px) { #bible-player .jp-audio .jp-progress { top:10px } } #bible-player .jp-audio .jp-type-single .jp-progress { left: auto; right: 0; position: relative; width: 100%; border-radius: 50px } #bible-player .jp-audio .jp-type-playlist .jp-progress { left: 166px; width: 130px } .l-bible-1cols #bible-player { width: 100%; max-width: 600px } @media (max-width: 70em) { .l-bible-col-version-5,#sectionbar .l-bible-4cols .l-bible-col-last .biblenav-menu-link.dropit { display:none } } @media (max-width: 55em) { .l-bible-col-version-4,#sectionbar .l-bible-3cols .l-bible-col-last .biblenav-menu-link.dropit { display:none } } @media (max-width: 768px) { .l-bible-col-version-3,#sectionbar .l-bible-2cols .l-bible-col-last .biblenav-menu-link.dropit { display:none } .biblenav-books-testament { float: inherit; width: 100%; margin: 1% 0 } .biblenav-book-link.bible-book-double { border-right: 0 } } @media (max-width: 37em) { .biblenav-books-menu { padding:0; text-align: center } .biblenav-books-panels>div { min-height: 15em } .l-bible-col-version-2,#sectionbar .l-bible-col-last .biblenav-menu-link.dropit { display: none } .l-bible-col-last { display: none } .l-bible-cols .l-bible-col-versions>ul { width: 100% } .l-bible-cols .l-bible-col-versions>ul li { width: 100% } .l-bible-home .l-wrapper-swap-child { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; box-orient: vertical; width: 100% } .l-bible-home .l-wrapper-swap-child>:first-child { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; box-ordinal-group: 2 } .l-bible-home .l-wrapper-swap-child>:last-child { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; box-ordinal-group: 1; margin-top: 20px } .l-bible-col-version-2,.l-bible-col-version-3,.l-bible-col-version-4,.l-bible-col-version-5 { display: none } .biblenav-menu-link-delete { display: none } .top_loader { width: 30px; height: 30px } .l-bible-1cols .bible-player { margin: 0; width: auto } } @media (max-device-height: 480px) { .biblenav-book-link { margin:0 1px 1px 0; height: 38px; line-height: 2.3 } .biblenav-book-link.bible-book-double { border: none } .biblenav-book-long { top: 7px } .biblenav-books-testament { margin: 0 } } #nav .search-letter-filters { padding: 1em; max-width: 28em; text-align: center; margin: 0 auto } #nav .search-letter-filter { display: inline-block; padding: .3em 0; width: 2em; margin: 1px; background: #255e89; color: #fff; text-transform: uppercase } #nav .search-letter-filter.is-active { background-color: #fff; color: #000 } #nav .biblenav { width: 100%; margin: 10px auto; display: block; background: none; -webkit-box-shadow: 0 7px 12px rgba(0,0,0,.14); box-shadow: 0 7px 12px rgba(0,0,0,.14); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } #nav .biblenav-menu-link { text-transform: uppercase; white-space: nowrap; padding: 1.2em .1em; display: inline-block; vertical-align: middle; cursor: pointer; font-weight: bold; font-size: .8125em; color: #255e89 } .l-bible-col-versions #nav .biblenav-menu-link { overflow: hidden; width: 100% } .element__add-column { border: 2px dashed #cbd4e1; color: #cbd4e1; position: fixed; cursor: pointer; z-index: 999; top: 50%; right: 100px; left: auto; bottom: auto; opacity: 1; width: 180px; height: auto; padding: 12px; text-align: center; display: flex; flex-direction: column; gap: 4px; align-items: center; font-weight: bold; font-family: 'Outfit',sans-serif; transform: translateY(-50%); background: #fff; border-radius: 12px } html.article .element__add-column { display: none } .element__add-column svg { width: 100%; max-width: 80px; height: auto } @media screen and (max-width: 1200px) { .element__add-column { display:none } } @media screen and (max-width: 1300px) { .element__add-column { width:120px; right: 20px; font-size: 14px } .element__add-column svg { max-width: 50px } } .bible-actions-panel-content .element__add-column { display: none } .botmenu { background-color: #222; color: #fff; text-align: left; padding-top: 5px; border-left: solid 1px #1a3551 } html.app .botmenu { display: none } .botmenu:before,.botmenu:after { content: ""; display: table } .botmenu:after { clear: both } .botmenu .firstrow { float: left; width: 50% } @media (max-width: 930px) { .botmenu .firstrow { width:100% } } .botmenu .innerrow { float: left; width: 50% } @media (max-width: 500px) { .botmenu .innerrow { width:100% } } .botmenu h2 { position: relative; font-weight: 400; text-transform: uppercase; font-size: .875em; padding: .5em 0 .5em 1em; margin: 0; border-left: solid 3px #000; background-color: #222 } .botmenu a { display: block; color: #fff; padding: .5em 0 .5em 10%; font-size: .8em; margin: 0; position: relative; transition: none } .botmenu a img { position: absolute; top: 3px; left: 10px; bottom: 3px; width: 39px; height: 39px } .botmenu .nav-phase-access h2 { color: #e17c24; border-color: #e17c24 } .botmenu .nav-phase-access a:after { color: #e17c24 } html.no-touch .botmenu .nav-phase-access a:hover { background-color: #e17c24 } .botmenu .nav-phase-know h2 { color: #2e6eac; border-color: #2e6eac } .botmenu .nav-phase-know a:after { color: #2e6eac } html.no-touch .botmenu .nav-phase-know a:hover { background-color: #2e6eac } .botmenu .nav-phase-grow h2 { color: #23ae60; border-color: #23ae60 } .botmenu .nav-phase-grow a:after { color: #23ae60 } html.no-touch .botmenu .nav-phase-grow a:hover { background-color: #23ae60 } .botmenu .nav-phase-share h2 { color: #e34a3a; border-color: #e34a3a } .botmenu .nav-phase-share a:after { color: #e34a3a } html.no-touch .botmenu .nav-phase-share a:hover { background-color: #e34a3a } .botmenu .txt { display: inline-block; vertical-align: middle; margin-left: 15px } .botmenu-bible { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/bible.1179c05cfa8a.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-bible { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/bible.8bc94813241e.jpg) } } .botmenu-cd { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/cd.5fe5b941d572.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-cd { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/cd.fc424ae2dfcc.jpg) } } .botmenu-compdieu { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/compdieu.5dfd09104087.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-compdieu { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/compdieu.d4ecb401dff3.jpg) } } .botmenu-faireundon { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/faireundon.b747a44164c3.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-faireundon { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/faireundon.ae37ca74f9ce.jpg) } } .botmenu-ic { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/ic.33e505b4a038.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-ic { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/ic.acdf55e94ff2.jpg) } } .botmenu-jma { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/jma.38ad81ffd7a4.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-jma { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/jma.32aa1ad5753d.jpg) } } .botmenu-jvm { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/jvm.21a6f21b326f.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-jvm { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/jvm.1116e9133d5a.jpg) } } .botmenu-mystory { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/mystory.a169e9fee132.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-mystory { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/mystory.db7dfac2cf28.jpg) } } .botmenu-passlemot { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/passlemot.c4fdef8ab690.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-passlemot { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/passlemot.a8e5c2d5ac89.jpg) } } .botmenu-pdj { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/pdj.a0143004a7eb.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-pdj { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/pdj.4e3fa3009354.jpg) } } .botmenu-topcartes { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/topcartes.9fc9d7ab216d.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-topcartes { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/topcartes.c0be03483ba8.jpg) } } .botmenu-topfamille { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/topfamille.46ae59b58c0b.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-topfamille { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/topfamille.d62608d7e484.jpg) } } .botmenu-topformations { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/topformations.126e27b789be.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-topformations { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/topformations.ec2019f190f2.jpg) } } .botmenu-topmessage { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/topmessage.8bad06505def.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-topmessage { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/topmessage.e95d952c3dd9.jpg) } } .botmenu-topmusic { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/topmusic.275db0fc9b30.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-topmusic { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/topmusic.9a641804944c.jpg) } } .botmenu-toppriere { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/toppriere.d83321fe37d7.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-toppriere { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/toppriere.d518d0ca52c2.jpg) } } .botmenu-leadership { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/leadership.557449829a3c.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-leadership { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/leadership.fe521953fcdc.jpg) } } .botmenu-trouveruneeglise { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/trouveruneeglise.14bf80eccf82.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-trouveruneeglise { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/trouveruneeglise.c12cba128972.jpg) } } .botmenu-versetdujour { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/versetdujour.212fcebf96b5.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-versetdujour { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/versetdujour.afb2611ecb8c.jpg) } } .botmenu-accueil { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/accueil.d284c709b227.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-accueil { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/accueil.1c455edc87cc.png) } } .botmenu-apropos { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/apropos.c9190ae2a820.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-apropos { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/apropos.908279af5ae9.png) } } .botmenu-devenirbenevole { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/devenirbenevole.26d102c4a322.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-devenirbenevole { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/devenirbenevole.29e7c3a4d223.png) } } .botmenu-nouscontacter { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/nouscontacter.f1c9ff76e5c9.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-nouscontacter { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/nouscontacter.0ee492402035.png) } } .botmenu-madlife { width: 50px; height: 28px; vertical-align: middle; display: inline-block; background-size: contain; background-image: url(https://fructifietestalents.org/maj/img/botmenu/madlife.a879e029e4f8.jpg) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .botmenu-madlife { background-image:url(https://fructifietestalents.org/maj/img/botmenu-2x/madlife.f0629453b76c.jpg) } } .btn,.btn-color1,.btn-color2,.btn-color3,.btn-color4,.btn-color5,.btn-color-twitter,.btn-color-facebook,.btn-icon-only-color1,.btn-icon-only-color2,.btn-icon-only-color3,.btn-icon-only-color4,.btn-icon-only-color5,.btn-icon-only-color-twitter,.btn-icon-only-color-facebook,.btn-active,.btn-icon-text,.btn-icon-color1,.btn-icon-color2,.btn-icon-color3,.btn-icon-color4,.btn-icon-color5,.btn-icon-color-twitter,.btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFEEEEEE'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fafafa),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fafafa,#eee); background-image: -webkit-linear-gradient(#fafafa,#eee); background-image: linear-gradient(#fafafa,#eee); -moz-border-radius: 5px; border-radius: 5px; display: inline-block; vertical-align: middle; padding: .42em 1em; border: solid 1px #ccc; color: #292929; box-shadow: 0 2px 1px rgba(0,0,0,.05) , inset 0 0 1px rgba(255,255,255,.5); text-shadow: 0 -1px 1px rgba(255,255,255,.75); text-align: center; vertical-align: middle; font-size: .75em } html.no-touch .btn:hover,html.no-touch .btn-color1:hover,html.no-touch .btn-color2:hover,html.no-touch .btn-color3:hover,html.no-touch .btn-color4:hover,html.no-touch .btn-color5:hover,html.no-touch .btn-color-twitter:hover,html.no-touch .btn-color-facebook:hover,html.no-touch .btn-icon-only-color1:hover,html.no-touch .btn-icon-only-color2:hover,html.no-touch .btn-icon-only-color3:hover,html.no-touch .btn-icon-only-color4:hover,html.no-touch .btn-icon-only-color5:hover,html.no-touch .btn-icon-only-color-twitter:hover,html.no-touch .btn-icon-only-color-facebook:hover,html.no-touch .btn-icon-hover-color1:hover .btn-icon-text,html.no-touch .btn-icon-hover-color2:hover .btn-icon-text,html.no-touch .btn-icon-hover-color3:hover .btn-icon-text,html.no-touch .btn-icon-hover-color4:hover .btn-icon-text,html.no-touch .btn-icon-hover-color5:hover .btn-icon-text,html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-text,html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-text { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFEBEBEB'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f7f7f7),color-stop(100%,#ebebeb)); background-image: -moz-linear-gradient(#f7f7f7,#ebebeb); background-image: -webkit-linear-gradient(#f7f7f7,#ebebeb); background-image: linear-gradient(#f7f7f7,#ebebeb); color: #000; cursor: pointer } .btn:active,.btn-color1:active,.btn-color2:active,.btn-color3:active,.btn-color4:active,.btn-color5:active,.btn-color-twitter:active,.btn-color-facebook:active,.btn-icon-only-color1:active,.btn-icon-only-color2:active,.btn-icon-only-color3:active,.btn-icon-only-color4:active,.btn-icon-only-color5:active,.btn-icon-only-color-twitter:active,.btn-icon-only-color-facebook:active,.btn-active,.btn-icon-hover-color1:active .btn-icon-color1,.btn-icon-hover-color1:active .btn-icon-color2,.btn-icon-hover-color1:active .btn-icon-color3,.btn-icon-hover-color1:active .btn-icon-color4,.btn-icon-hover-color1:active .btn-icon-color5,.btn-icon-hover-color1:active .btn-icon-color-twitter,.btn-icon-hover-color1:active .btn-icon-color-facebook,.btn-icon-hover-color1:active .btn-icon-text,.btn-icon-hover-color2:active .btn-icon-color1,.btn-icon-hover-color2:active .btn-icon-color2,.btn-icon-hover-color2:active .btn-icon-color3,.btn-icon-hover-color2:active .btn-icon-color4,.btn-icon-hover-color2:active .btn-icon-color5,.btn-icon-hover-color2:active .btn-icon-color-twitter,.btn-icon-hover-color2:active .btn-icon-color-facebook,.btn-icon-hover-color2:active .btn-icon-text,.btn-icon-hover-color3:active .btn-icon-color1,.btn-icon-hover-color3:active .btn-icon-color2,.btn-icon-hover-color3:active .btn-icon-color3,.btn-icon-hover-color3:active .btn-icon-color4,.btn-icon-hover-color3:active .btn-icon-color5,.btn-icon-hover-color3:active .btn-icon-color-twitter,.btn-icon-hover-color3:active .btn-icon-color-facebook,.btn-icon-hover-color3:active .btn-icon-text,.btn-icon-hover-color4:active .btn-icon-color1,.btn-icon-hover-color4:active .btn-icon-color2,.btn-icon-hover-color4:active .btn-icon-color3,.btn-icon-hover-color4:active .btn-icon-color4,.btn-icon-hover-color4:active .btn-icon-color5,.btn-icon-hover-color4:active .btn-icon-color-twitter,.btn-icon-hover-color4:active .btn-icon-color-facebook,.btn-icon-hover-color4:active .btn-icon-text,.btn-icon-hover-color5:active .btn-icon-color1,.btn-icon-hover-color5:active .btn-icon-color2,.btn-icon-hover-color5:active .btn-icon-color3,.btn-icon-hover-color5:active .btn-icon-color4,.btn-icon-hover-color5:active .btn-icon-color5,.btn-icon-hover-color5:active .btn-icon-color-twitter,.btn-icon-hover-color5:active .btn-icon-color-facebook,.btn-icon-hover-color5:active .btn-icon-text,.btn-icon-hover-color-twitter:active .btn-icon-color1,.btn-icon-hover-color-twitter:active .btn-icon-color2,.btn-icon-hover-color-twitter:active .btn-icon-color3,.btn-icon-hover-color-twitter:active .btn-icon-color4,.btn-icon-hover-color-twitter:active .btn-icon-color5,.btn-icon-hover-color-twitter:active .btn-icon-color-twitter,.btn-icon-hover-color-twitter:active .btn-icon-color-facebook,.btn-icon-hover-color-twitter:active .btn-icon-text,.btn-icon-hover-color-facebook:active .btn-icon-color1,.btn-icon-hover-color-facebook:active .btn-icon-color2,.btn-icon-hover-color-facebook:active .btn-icon-color3,.btn-icon-hover-color-facebook:active .btn-icon-color4,.btn-icon-hover-color-facebook:active .btn-icon-color5,.btn-icon-hover-color-facebook:active .btn-icon-color-twitter,.btn-icon-hover-color-facebook:active .btn-icon-color-facebook,.btn-icon-hover-color-facebook:active .btn-icon-text { box-shadow: inset 0 1px 2px rgba(0,0,0,.1); color: #000 } .btn-inline { display: inline-block } .btn-icon .icon-play { vertical-align: -2px } .btn-icon .icon-favorite { vertical-align: -1px } .btn-icon .icon-implement { vertical-align: -3px } .btn-icon-color1,.btn-icon-color2,.btn-icon-color3,.btn-icon-color4,.btn-icon-color5,.btn-icon-color-twitter,.btn-icon-color-facebook { float: left; padding-left: .8em; padding-right: .8em; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } .btn-only-icon .btn-icon-color2 { border-radius: 5px 5px 5px 5px!important } .btn-icon-text { float: left; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; border-left: none } .btn-icon-only-color1,.btn-icon-only-color2,.btn-icon-only-color3,.btn-icon-only-color4,.btn-icon-only-color5,.btn-icon-only-color-twitter,.btn-icon-only-color-facebook { padding-left: .8em; padding-right: .8em } .btn-icon { display: inline-block; vertical-align: middle } .btn-medium { font-size: 1em } .btn2,.btn2-medium,.btn2-big,.btn2-color1,.btn2-color2,.btn2-color3,.btn2-color4,.btn2-color5 { background-color: #48629d; display: inline-table; text-align: center; position: relative; cursor: pointer; border: 0 none; padding: 0 } .btn2>*,.btn2-medium>*,.btn2-big>*,.btn2-color1>*,.btn2-color2>*,.btn2-color3>*,.btn2-color4>*,.btn2-color5>* { display: table-cell; vertical-align: middle; text-align: center; color: #fff } .btn2-medium>.btn2-icon,.btn2-medium>.btn2-text { padding: 8px 14px } .btn2-big { border-radius: 0 } .btn2-big>.btn2-icon { padding: 20px; border-radius: 5px 0 0 5px; width: 32px } .btn2-big>.btn2-text { background-color: inherit; padding: 20px; border-radius: 0 5px 5px 0; color: #fff; text-transform: uppercase } .btn2-color1 { background-color: #2676c0 } .btn2-color1>.btn2-icon { background-color: #2269ab } .btn2-color2 { background-color: #f7e519 } .btn2-color2>.btn2-icon { background-color: #eedc08 } .btn2-color3 { background-color: #e75442 } .btn2-color3>.btn2-icon { background-color: #e4402b } .btn2-color4 { background-color: #4392cf } .btn2-color4>.btn2-icon { background-color: #3386c6 } .btn2-color5 { background-color: #3aa849 } .btn2-color5>.btn2-icon { background-color: #339541 } .btn2-icon { padding: 5px 10px; color: #fff; vertical-align: middle; width: 1px } .btn2-icon>i { vertical-align: middle } .btn2-text { padding: 5px 10px; background-color: #f2f2f2; color: #444; font-weight: 300 } html.no-touch .btn2-text:hover { color: #444 } .btn3-text { padding: 5px 10px; color: #fff; font-weight: 400 } html.no-touch .btn3-text:hover { color: #fff } .btn3-color1,.btn3-color2,.btn3-color3 { padding: .7em 2em; border-radius: 2em; font-size: 1.3em; border: none; box-sizing: border-box; display: inline-block; margin: .5em auto; line-height: 1 } .btn3-color1 i,.btn3-color2 i,.btn3-color3 i { margin-right: 1em } html.no-touch .btn3-color1:hover,html.no-touch .btn3-color2:hover,html.no-touch .btn3-color3:hover { color: rgba(255,255,255,.8); opacity: .8 } .form-btn.btn3-color1,.form-btn.btn3-color2,.form-btn.btn3-color3 { float: none; display: block } .btn3-color1 { color: #fff; background-color: #f0652c } .btn3-color2 { border: solid 1px #256bb0; color: #256bb0; background-color: #fff } html.no-touch .btn3-color2:hover { color: #256bb0 } .btn3-color3 { color: #fff; background-color: #256bb0 } .btn3-small { font-size: 1em; padding: .4em 1.5em } .btn3-tiny { font-size: .8em; padding: .4em 1.5em } .btn4-color1 { border: none; color: #fff; display: inline-block; padding: .75em 1.5em; border-radius: 5px; text-transform: uppercase } html.no-touch .btn4-color1:hover { color: rgba(255,255,255,.8) } .btn4-color1 { background-color: #e34a3a } .btn-base { color: #000; font-weight: bold; position: relative; display: inline-block; text-align: center; vertical-align: middle; touch-action: manipulation; -webkit-user-select: none; user-select: none; background-image: none; padding: 7px 26px; cursor: pointer; border-radius: 100px; font-family: "Montserrat",sans-serif; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .btn-base.with-icon i { margin-right: 8px } .btn-base.with-icon.btn-sm i { font-size: 18px; position: relative; display: inline-block; margin-top: -2px } .btn-base.with-icon.btn-md i { font-size: 18px; position: relative; display: inline-block; margin-top: -2px } .btn-base.btn-vxs { font-size: .61111rem; padding: 3px 10px } .btn-base.btn-vxs { font-size: .61111rem } .btn-base.btn-xs { font-size: .61111rem; padding: .58571429em 1.2em .58571429em } .btn-base.btn-sm { font-size: 17px; line-height: 1.16em } .btn-base.btn-md { font-size: 15px } .btn-base.btn-lg { font-size: 1em } .btn-base.btn-xlg { font-size: 1.4rem } .btn-base.expand { padding-left: .88889rem; padding-right: .88889rem; width: 100% } @media screen and (max-width: 480px) { .btn-base.expand-xs { padding-left:.88889rem; padding-right: .88889rem; width: 100% } } html.no-touch .btn-base:hover { text-decoration: none } .btn-base:focus { top: 1px } .btn-base:active { top: 1px } .btn-base.round { border-radius: 50px } @media screen and (max-width: 480px) { .btn-base.expand-xs { padding-left:.88889rem; padding-right: .88889rem; width: 100% } } .btn-base.disabled { pointer-events: none; cursor: not-allowed; text-decoration: none; opacity: .65 } .btn-base.btn-red { background: #e85b4a; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-red:hover { background: transparent; border-color: #eb7061; color: #eb7061!important } html.no-touch .btn-base.btn-red:hover i { color: #eb7061!important } .btn-base.btn-red:active { background: transparent; border-color: #e54733; color: #e54733 } .btn-base.btn-red.btn-flat { color: #e85b4a; background: none!important; border: none!important } html.no-touch .btn-base.btn-red.btn-flat:hover { color: #eb7061; border: none!important } .btn-base.btn-red.shadow { box-shadow: 0 4px 18px rgba(181,40,23,.3) } .btn-base.btn-passlemot { background: #92c020; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-passlemot:hover { background: transparent; border-color: #a3d624; color: #a3d624!important } html.no-touch .btn-base.btn-passlemot:hover i { color: #a3d624!important } .btn-base.btn-passlemot:active { background: transparent; border-color: #81aa1c; color: #81aa1c } .btn-base.btn-passlemot.btn-flat { color: #92c020; background: none!important; border: none!important } html.no-touch .btn-base.btn-passlemot.btn-flat:hover { color: #a3d624; border: none!important } .btn-base.btn-passlemot.shadow { box-shadow: 0 4px 18px rgba(80,105,17,.3) } .btn-base.btn-blue { background: #accc05f0; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-blue:hover { background: transparent; border-color: #4e8dcc; color: #4e8dcc!important } html.no-touch .btn-base.btn-blue:hover i { color: #4e8dcc!important } .btn-base.btn-blue:active { background: transparent; border-color: #3473b3; color: #3473b3 } .btn-base.btn-blue.btn-flat { color: #3a80c6; background: none!important; border: none!important } html.no-touch .btn-base.btn-blue.btn-flat:hover { color: #4e8dcc; border: none!important } .btn-base.btn-blue.shadow { box-shadow: 0 4px 18px rgba(35,77,119,.3) } .btn-base.btn-light-blue { background: #86d0d6; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-light-blue:hover { background: transparent; border-color: #99d7dc; color: #99d7dc!important } html.no-touch .btn-base.btn-light-blue:hover i { color: #99d7dc!important } .btn-base.btn-light-blue:active { background: transparent; border-color: #73c9d0; color: #73c9d0 } .btn-base.btn-light-blue.btn-flat { color: #86d0d6; background: none!important; border: none!important } html.no-touch .btn-base.btn-light-blue.btn-flat:hover { color: #99d7dc; border: none!important } .btn-base.btn-light-blue.shadow { box-shadow: 0 4px 18px rgba(62,175,184,.3) } .btn-base.btn-cerulean { background: #accc05f0; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-cerulean:hover { background: transparent; border-color: #04abea; color: #04abea!important } html.no-touch .btn-base.btn-cerulean:hover i { color: #04abea!important } .btn-base.btn-cerulean:active { background: transparent; border-color: #0487b8; color: #0487b8 } .btn-base.btn-cerulean.btn-flat { color: #0499d1; background: none!important; border: none!important } html.no-touch .btn-base.btn-cerulean.btn-flat:hover { color: #04abea; border: none!important } .btn-base.btn-cerulean.shadow { box-shadow: 0 4px 18px rgba(2,80,109,.3) } .btn-base.btn-article-actions { background: #3a80c6; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-article-actions:hover { background: transparent; border-color: #4e8dcc; color: #4e8dcc!important } html.no-touch .btn-base.btn-article-actions:hover i { color: #4e8dcc!important } .btn-base.btn-article-actions:active { background: transparent; border-color: #3473b3; color: #3473b3 } .btn-base.btn-article-actions.btn-flat { color: #3a80c6; background: none!important; border: none!important } html.no-touch .btn-base.btn-article-actions.btn-flat:hover { color: #4e8dcc; border: none!important } .btn-base.btn-article-actions.shadow { box-shadow: 0 4px 18px rgba(35,77,119,.3) } .btn-base.btn-devotional { background: #e69837; border-color: #e69837; color: #fff } html.no-touch .btn-base.btn-devotional:hover { background: #fff; color: #e69837; border-color: #e69837 } .btn-base.btn-topbible { background: #428efe; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-topbible:hover { background: transparent; border-color: #5b9dfe; color: #5b9dfe!important } html.no-touch .btn-base.btn-topbible:hover i { color: #5b9dfe!important } .btn-base.btn-topbible:active { background: transparent; border-color: #297ffe; color: #297ffe } .btn-base.btn-topbible.btn-flat { color: #428efe; background: none!important; border: none!important } html.no-touch .btn-base.btn-topbible.btn-flat:hover { color: #5b9dfe; border: none!important } .btn-base.btn-topbible.shadow { box-shadow: 0 4px 18px rgba(1,88,217,.3) } .btn-base.btn-topmusic-actions { background: #d4d4d4; border: 2px solid transparent; color: #212329 } html.no-touch .btn-base.btn-topmusic-actions:hover { background: transparent; border-color: #bbb; color: #bbb!important } html.no-touch .btn-base.btn-topmusic-actions:hover i { color: #bbb!important } .btn-base.btn-topmusic-actions:active { background: transparent; border-color: #b0b0b0; color: #b0b0b0 } .btn-base.btn-light-orange { background: #fdb94b; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-light-orange:hover { background: transparent; border-color: #fdc364; color: #fdc364!important } html.no-touch .btn-base.btn-light-orange:hover i { color: #fdc364!important } .btn-base.btn-light-orange:active { background: transparent; border-color: #fdaf32; color: #fdaf32 } .btn-base.btn-light-orange.btn-flat { color: #fdb94b; background: none!important; border: none!important } html.no-touch .btn-base.btn-light-orange.btn-flat:hover { color: #fdc364; border: none!important } .btn-base.btn-light-orange.shadow { box-shadow: 0 4px 18px rgba(224,139,2,.3) } .btn-base.btn-donor { background: #fdb94b; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-donor:hover { background: transparent; border-color: #fdc364; color: #fdc364!important } html.no-touch .btn-base.btn-donor:hover i { color: #fdc364!important } .btn-base.btn-donor:active { background: transparent; border-color: #fdaf32; color: #fdaf32 } .btn-base.btn-donor.btn-flat { color: #fdb94b; background: none!important; border: none!important } html.no-touch .btn-base.btn-donor.btn-flat:hover { color: #fdc364; border: none!important } .btn-base.btn-donor.shadow { box-shadow: 0 4px 18px rgba(224,139,2,.3) } .btn-base.btn-green { background: #77ad28; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-green:hover { background: transparent; border-color: #85c22d; color: #85c22d!important } html.no-touch .btn-base.btn-green:hover i { color: #85c22d!important } .btn-base.btn-green:active { background: transparent; border-color: #699823; color: #699823 } .btn-base.btn-green.btn-flat { color: #77ad28; background: none!important; border: none!important } html.no-touch .btn-base.btn-green.btn-flat:hover { color: #85c22d; border: none!important } .btn-base.btn-green.shadow { box-shadow: 0 4px 18px rgba(62,90,21,.3) } .btn-base.btn-grey { background: #f8f9fd; color: #272727 } html.no-touch .btn-base.btn-grey:hover { background: #d0d7f2; color: #272727 } .btn-base.btn-toptv { background: #62c6dd; background: linear-gradient(270deg,#62c6dd 0%,#3983d8 100%); color: #fff } html.no-touch .btn-base.btn-toptv:hover,.btn-base.btn-toptv:focus { color: #fff; background: #62c6dd; background: linear-gradient(270deg,rgba(98,198,221,.8) 0%,rgba(57,131,216,.8) 100%) } .btn-base.btn-topmusic { color: #fff; background: linear-gradient(170deg,#ff870e 0%,#d236d2 100%); box-shadow: 0 4px 8px rgba(0,0,0,.12); font-family: "Sen",sans-serif; border: none; padding: 12px 18px; text-transform: uppercase; line-height: 26px; font-size: 18px; letter-spacing: 0; border-radius: 100px; background-size: 100%; margin-top: 2px; width: 100%; display: block } .btn-base.btn-topmusic small { display: block; font-weight: 400; text-transform: initial; margin-top: 8px } html.no-touch .btn-base.btn-topmusic:hover,html.no-touch .btn-base.btn-topmusic:focus { background-size: 220%; color: #fff } html.no-touch .btn-base.btn-topmusic:disabled { opacity: .7 } .btn-base.btn-gray { background: transparent; color: #898989; border: none; box-shadow: none } html.no-touch .btn-base.btn-gray:hover { color: #f5763a } .btn-base.outline { border: 2px solid #db47aa; color: #db47aa; background: #fff } .btn-base.outline:hover,.btn-base.outline:focus { color: #db47aa!important } .btn-base.readingplan--summary-btn { background: #dbdbdb; border: 2px solid transparent; color: #272727 } html.no-touch .btn-base.readingplan--summary-btn:hover { background: transparent; background: #f5f5f5; color: #1a1a1a!important } html.no-touch .btn-base.readingplan--summary-btn:hover i { color: #1a1a1a!important } .btn-base.readingplan--summary-btn:active { background: transparent; border-color: #848484; color: #848484 } .l-section-bible .btn-base.readingplan--summary-btn { border: none } .btn-base.btn-white { background: #fff; color: #3a80c6; border: 2px solid #fff } html.no-touch .btn-base.btn-white:hover { background: none; color: #fff } .btn-base.btn-cyan { background: #22d7e2; border: 2px solid transparent; color: #fff } html.no-touch .btn-base.btn-cyan:hover { background: transparent; border-color: #39dbe5; color: #39dbe5!important } html.no-touch .btn-base.btn-cyan:hover i { color: #39dbe5!important } .btn-base.btn-cyan:active { background: transparent; border-color: #1bc5cf; color: #1bc5cf } .btn-base.btn-cyan.btn-flat { color: #22d7e2; background: none!important; border: none!important } html.no-touch .btn-base.btn-cyan.btn-flat:hover { color: #39dbe5; border: none!important } .btn-base.btn-cyan.shadow { box-shadow: 0 4px 18px rgba(18,133,140,.3) } .btn-base.btn-base-passlemot { background: #a01912; color: #fff; font-size: .75em } button.btn-ghost { border: none; background: none; outline: none } .btn-ghost { color: #000; margin-bottom: 10px; font-weight: bold; position: relative; display: inline-block; text-align: center; vertical-align: middle; touch-action: manipulation; -webkit-user-select: none; user-select: none; background-image: none; padding: .78571429em 1.5em .78571429em; cursor: pointer; border-radius: 100px; font-family: "Montserrat",sans-serif; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .btn-ghost.btn-xs { font-size: .61111rem; padding: .58571429em 1.2em .58571429em } .btn-ghost.btn-sm { font-size: .72222rem; line-height: 1.16em } .btn-ghost.btn-md { font-size: .88889rem } .btn-ghost.btn-lg { font-size: 1em } .btn-ghost.btn-xlg { font-size: 1.4rem } .btn-ghost.expand { padding-left: .88889rem; padding-right: .88889rem; width: 100% } @media screen and (max-width: 480px) { .btn-ghost.expand-xs { padding-left:.88889rem; padding-right: .88889rem; width: 100% } } html.no-touch .btn-ghost:hover { text-decoration: none } .btn-ghost:focus { top: 1px } .btn-ghost:active { top: 1px } .btn-ghost.round { border-radius: 50px } @media screen and (max-width: 480px) { .btn-ghost.expand-xs { padding-left:.88889rem; padding-right: .88889rem; width: 100% } } .btn-ghost.disabled { pointer-events: none; cursor: not-allowed; text-decoration: none; opacity: .65 } .btn-ghost.btn-blue { color: #3a80c6 } .btn-ghost.btn-topbible { color: #428efe } .btn-ghost.btn-cyan { color: #22d7e2 } .btn-ghost.btn-toptv { color: #62c6dd } html.no-touch .btn-ghost.btn-toptv:hover,.btn-ghost.btn-toptv:focus { background: rgba(98,198,221,.2) } .btn-ghost.btn-red { color: red } html.no-touch .btn-ghost.btn-red:hover,.btn-ghost.btn-red:focus { background: none } button.btn-base { border: none } .btn-outline { color: #000; font-weight: bold; position: relative; display: inline-block; text-align: center; white-space: break-word; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; padding: .78571429em 1.5em .78571429em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background: none; border-radius: 100px; margin-bottom: 10px } .btn-outline.btn-vxs { font-size: .61111rem; padding: 3px 10px } .btn-outline.btn-xs { font-size: .61111rem; padding: .65571429em 1.2em .58571429em } .btn-outline.btn-sm { font-size: .72222rem; line-height: 1.16em } .btn-outline.btn-md { font-size: .88889rem } .btn-outline.btn-lg { font-size: 1em } .btn-outline.expand { padding-left: .88889rem; padding-right: .88889rem; width: 100% } @media screen and (max-width: 480px) { .btn-outline.expand-xs { padding-left:.88889rem; padding-right: .88889rem; width: 100% } } html.no-touch .btn-outline:hover { text-decoration: none } .btn-outline:focus { top: 1px } .btn-outline:active { top: 1px } .btn-outline.round { border-radius: 50px } .btn-outline.btn-blue { border: 2px solid #3a80c6; color: #3a80c6 } html.no-touch .btn-outline.btn-blue:hover { background: #4e8dcc; color: #fff } .btn-outline.btn-blue:active { background: #3473b3; color: #fff } .btn-outline.btn-topbible { border: 2px solid #428efe; color: #428efe } html.no-touch .btn-outline.btn-topbible:hover { background: #5b9dfe; color: #fff } .btn-outline.btn-topbible:active { background: #297ffe; color: #fff } .btn-outline.btn-light-blue { border: 2px solid #86d0d6; color: #86d0d6 } html.no-touch .btn-outline.btn-light-blue:hover { background: #99d7dc; color: #fff } .btn-outline.btn-light-blue:active { background: #73c9d0; color: #fff } .btn-outline.btn-red { border: 2px solid #e85b4a; color: #e85b4a } html.no-touch .btn-outline.btn-red:hover { background: #eb7061; color: #fff } .btn-outline.btn-red:active { background: #e54733; color: #fff } .btn-outline.btn-grey { border: 2px solid #6b6b6b; color: #6b6b6b } html.no-touch .btn-outline.btn-grey:hover { background: #787878; color: #ebebeb } .btn-outline.btn-grey:active { background: #5e5e5e; color: #ebebeb } .btn-outline.btn-light-orange { border: 2px solid #fdb94b; color: #fdb94b } html.no-touch .btn-outline.btn-light-orange:hover { background: #fdc364; color: #fff } .btn-outline.btn-light-orange:active { background: #fdaf32; color: #fff } .btn-outline.btn-cerulean { border: 2px solid #0499d1; color: #0499d1 } html.no-touch .btn-outline.btn-cerulean:hover { background: #04abea; color: #d6f3fe } .btn-outline.btn-cerulean:active { background: #0487b8; color: #d6f3fe } .btn-outline.btn-grey { color: #898989 } .btn-outline.btn-grey:hover { color: #f5763a } .btn-outline.btn-black { border: 2px solid #212121; color: #212121 } html.no-touch .btn-outline.btn-black:hover { background: #212121; color: #fff } .btn-outline.btn-black:active { background: #2e2e2e; color: #fff } html.no-touch .btn-outline.btn-black.no-effect:hover { background: #f2f2f2; color: #212121 } .btn-outline.btn-black.no-effect:active { background: #e6e6e6; color: #212121 } .btn-outline.btn-white { border: 2px solid #fff; color: #fff } html.no-touch .btn-outline.btn-white:hover { background: #fff; color: #222 } .btn-underline { font-weight: 600; padding-bottom: 4px; display: inline-block; position: relative; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3); white-space: nowrap; text-decoration: none; border-bottom-style: solid; border-bottom-width: 2px; text-decoration: none!important; margin: 10px; background: none; border: none } .btn-underline:before { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3) } html.no-touch .btn-underline:hover:before { width: 100% } .btn-underline:active:before { width: 100% } .btn-underline.btn-xs { font-size: .61111rem; border-bottom-width: 1px } .btn-underline.btn-sm { font-size: .72222rem; border-bottom-width: 1px; line-height: 1.16em } .btn-underline.btn-md { font-size: .88889rem; border-bottom-width: 2px } .btn-underline.btn-lg { font-size: 1em; border-bottom-width: 2px } .btn-underline.btn-sidebar { border-bottom-color: #2e5266; color: #2e5266 } .btn-underline.btn-sidebar:before { background: #3a80c6 } html.no-touch .btn-underline.btn-sidebar:hover { color: #3a80c6 } .btn-underline.btn-sidebar:active { color: #2e679f } .btn-underline.btn-sidebar:active:before { background: #2e679f } .btn-underline.btn-topmusic { border-bottom-color: #118ab2; color: #118ab2 } .btn-underline.btn-topmusic:before { background: #3a80c6 } html.no-touch .btn-underline.btn-topmusic:hover { color: #3a80c6 } .btn-underline.btn-topmusic:active { color: #2e679f } .btn-underline.btn-topmusic:active:before { background: #2e679f } .btn-underline.btn-blue { border-bottom-color: #3a80c6; color: #3a80c6 } .btn-underline.btn-blue:before { background: #3a80c6 } html.no-touch .btn-underline.btn-blue:hover { color: #3a80c6 } .btn-underline.btn-blue:active { color: #2e679f } .btn-underline.btn-blue:active:before { background: #2e679f } .btn-underline.btn-about { border-bottom-color: #3a80c6; color: #3a80c6 } .btn-underline.btn-about:before { background: #78d5d7 } html.no-touch .btn-underline.btn-about:hover { color: #78d5d7 } .btn-underline.btn-about:active { color: #51c9cb } .btn-underline.btn-about:active:before { background: #51c9cb } .btn-underline.btn-topbible { border-bottom-color: #06cdff; color: #06cdff } .btn-underline.btn-topbible:before { background: #18b1bf } html.no-touch .btn-underline.btn-topbible:hover { color: #18b1bf } .btn-underline.btn-topbible:active { color: #128792 } .btn-underline.btn-topbible:active:before { background: #128792 } .btn-underline.btn-red { border-bottom-color: #e85b4a; color: #e85b4a } .btn-underline.btn-red:before { background: red } html.no-touch .btn-underline.btn-red:hover { color: red } .btn-underline.btn-red:active { color: #c00 } .btn-underline.btn-red:active:before { background: #c00 } .btn-underline.btn-grey { border-bottom-color: #848484; color: #848484 } .btn-underline.btn-grey:before { background: #707070 } html.no-touch .btn-underline.btn-grey:hover { color: #707070 } .btn-underline.btn-grey:active { color: #575757 } .btn-underline.btn-grey:active:before { background: #575757 } .btn-underline.btn-black { border-bottom-color: #000; color: #000 } .btn-underline.btn-black:before { background: #272727 } html.no-touch .btn-underline.btn-black:hover { color: #272727 } .btn-underline.btn-black:active { color: #0e0e0e } .btn-underline.btn-black:active:before { background: #0e0e0e } .btn-underline.btn-white { border-bottom-color: #fff; color: #fff } .btn-underline.btn-white:before { background: #fff } html.no-touch .btn-underline.btn-white:hover { color: #fff } .btn-underline.btn-white:active { color: #e6e6e6 } .btn-underline.btn-white:active:before { background: #e6e6e6 } .btn-group { position: relative; display: inline-block; vertical-align: middle } .article-actions-btn { width: 50px; height: 50px; color: #3a80c6; border-radius: 50%; display: inline-block; line-height: 50px; margin-bottom: 8px; box-shadow: 0 3px 5px 0 rgba(36,50,66,.12); -webkit-box-shadow: 0 3px 5px 0 rgba(36,50,66,.12); background: #fff; text-align: center; transform: translateY(0); -webkit-transform: translateY(0); font-size: 20px; display: flex; align-items: center; justify-content: center } .article-actions-btn.btn-red { color: #e85b4a } html.no-touch .article-actions-btn.btn-red:hover { background-color: #e33a26 } .article-actions-btn.btn-share-facebook { color: #1877f2 } html.no-touch .article-actions-btn.btn-share-facebook:hover { background-color: #1877f2 } .article-actions-btn.btn-share-whatsapp { color: #27d044 } html.no-touch .article-actions-btn.btn-share-whatsapp:hover { background-color: #27d044 } .article-actions-btn.btn-share-twitter { color: #00acee } html.no-touch .article-actions-btn.btn-share-twitter:hover { background-color: #00acee } .article-actions-btn.btn-share-telegram { color: #2aabee } html.no-touch .article-actions-btn.btn-share-telegram:hover { background-color: #2aabee } .article-actions-btn.btn-share-mail { color: #faaf3a } html.no-touch .article-actions-btn.btn-share-mail:hover { background-color: #faaf3a } html.no-touch .article-actions-btn.btn-share-other:hover { color: #fff; background-color: #000 } html.no-touch .article-actions-btn:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); background: #3a80c6; color: #fff } .article-actions-btn:focus { transform: translateY(0); -webkit-transform: translateY(0) } .btn-action { text-transform: none; letter-spacing: normal; font-weight: bold } .btn-action span { position: relative; z-index: 1; display: inline-block; margin: 0; padding: 0 } .btn-action span:first-letter { text-transform: uppercase } .btn-action i { padding: 0; display: inline-block; margin-right: 5px; font-size: 1.25em; position: relative; top: -3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .btn-action i:after { position: relative; vertical-align: middle; top: 2px } .btn-dwld-app { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; margin: 10px 5px; background-size: cover; background-repeat: no-repeat; background-position: center center } .btn-dwld-app.btn-google { height: 44px; width: 150px; background-image: url(https://fructifietestalents.org/maj/img/buttons/google-play-badge.220aa7c464fd.svg) } .btn-dwld-app.btn-google.medium { height: 56px; width: 190px } @media screen and (max-width: 768px) { .btn-dwld-app.btn-google.medium { height:36px; width: 122px } } .btn-dwld-app.btn-apple { height: 44px; width: 150px; background-image: url(https://fructifietestalents.org/maj/img/buttons/app-store-badge.89fd75c12a27.svg) } .btn-dwld-app.btn-apple.medium { height: 56px; width: 190px } @media screen and (max-width: 768px) { .btn-dwld-app.btn-apple.medium { height:36px; width: 122px } } .icon-donors-paypal { height: 36px; width: 134px; background-image: url(https://fructifietestalents.org/maj/img/buttons/donors-paypal.176d2f23cc96.svg); background-size: cover; background-repeat: no-repeat; background-position: center center } .btn-share-icon { color: #fff; font-size: 1.3em; padding: 12px 18px; margin: 5px 10px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .btn-share-icon.btn-facebook { background: #1877f2; color: #fff } html.no-touch .btn-share-icon.btn-facebook:hover { background: #4893f5 } .btn-share-icon.btn-twitter { background: #00acee; color: #fff } html.no-touch .btn-share-icon.btn-twitter:hover { background: #22c2ff } .btn-share-icon.btn-mail { background: #2ba600; color: #fff } html.no-touch .btn-share-icon.btn-mail:hover { background: #33c500 } .btn-umcj { background: #0fd8bc; color: #fff; border: 4px solid #0fd8bc } html.no-touch .btn-umcj:hover { background: none; color: #0fd8bc } .dropdown-btn { z-index: 0; display: inline-block; padding-left: 20px; position: relative } .dropdown-btn .button-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #13aeff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 3px } .dropdown-btn .button-dropdown .button { cursor: pointer; text-align: center; padding: 10px 16px; font-family: "Montserrat",sans-serif; font-weight: 500; font-size: .875em } .dropdown-btn .button-dropdown .button a { text-decoration: none; color: #fff; outline: none } .dropdown-btn .button-dropdown .caret { color: #fff; cursor: pointer; text-align: center; padding: 10px 0; margin-left: -2px; width: 40px; text-align: center } .dropdown-btn .button-dropdown .caret:before { height: 26px; width: 1px; background: #fff; content: ''; position: absolute; display: block } .dropdown-btn .button-dropdown .caret a { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: .7em; text-decoration: none; color: #fff; outline: none } .dropdown-btn .dropdown-menu { display: none; width: 260px; background-color: #fff; box-shadow: 0 8px 17px 0 rgba(0,0,0,.2); position: absolute; top: 45px; left: 20px; text-align: left } .dropdown-btn .dropdown-menu ul { list-style-type: none; padding: 0; margin: 0 } .dropdown-btn .dropdown-menu ul li { position: relative; line-height: 32px; color: #444; font-size: .9em; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 4px 6px 4px 8px } .dropdown-btn .dropdown-menu ul li a { line-height: 30px; text-decoration: none; color: #444; outline: none; display: block } .dropdown-btn .dropdown-menu ul li a i { margin-right: 10px } .dropdown-btn .dropdown-menu ul li a i:after { font-size: 18px!important; color: #919191 } .dropdown-btn .dropdown-menu ul li:last-child { border-top: 1px solid #ccc; line-height: 32px } html.no-touch .dropdown-btn .dropdown-menu ul li:hover { background-color: #eee } .topmusic-btn-registration { position: relative; width: 130px; height: 40px; display: block; margin: 10px 0 20px 0; font-weight: 700; background: transparent; color: #df4e9a; border-radius: 34px; border: 2px solid #df4e9a } .topmusic-btn-registration-text { position: absolute; top: 6px; left: 26px } .topmusic-btn-login { display: block; margin: 10px 20px 20px 20px; width: 170px; height: 40px; font-weight: 700; border-radius: 34px; color: #fff; border: none; background: transparent linear-gradient(116deg,#f57639 0%,#d43ac9 100%) 0% 0% no-repeat padding-box; text-align: center; line-height: 38px } .l-campaign-banner { padding: 14px } .l-campaign--body { display: flex; align-items: center; justify-content: center } .l-campaign--image-container { overflow: hidden; border-radius: 5px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); width: 40%; margin-right: 24px } @media screen and (max-width: 768px) { .l-campaign-banner .l-campaign--body { flex-wrap:wrap } .l-campaign-banner .l-campaign--image-container { width: 100%; margin: 24px auto; text-align: center } .l-campaign-banner .l-campaign-banner--text { max-width: 100% } } .l-campaign--image-container img { max-width: 100%; display: inline-block } .l-campaign-banner--text { max-width: 60% } #banner-campaign { position: relative; opacity: 1; max-width: 100%; transform: translateY(0); transition: transform .3s ease-in-out } .l-section-coronavirus #banner-campaign { display: none } .menu-is-open #banner-campaign { transform: translateY(-100px) } .l-section-donors #banner-campaign { display: none } #banner-campaign-close { position: absolute; z-index: 9; bottom: auto; top: 10px; right: 42px; line-height: 2em; font-size: 1em; font-weight: bold; color: #fff; vertical-align: top; cursor: pointer!important } @media screen and (max-width: 992px) { #banner-campaign-close { top:6px; right: 16px } } @media screen and (max-width: 768px) { #banner-campaign-close i { font-size:24px!important } } @media screen and (max-width: 992px) { #banner-campaign-close { font-size:24px } #banner-campaign-close span { display: none } } .banner-campaign__container .banner-campaign--image { width: 300px; display: inline-block } .banner-campaign__container p { color: #fff } .banner-campaign__container .progress--block { margin-top: 14px; text-align: center } @media screen and (max-width: 768px) { .banner-campaign__container .progress--block { display:flex; align-items: center } } .banner-campaign__container .progress--block .progress--amount { margin-top: 10px; color: #212121; display: block; font-weight: bold; font-family: "Montserrat",sans-serif } @media screen and (max-width: 768px) { .banner-campaign__container .progress--block .progress--amount { margin-left:14px; margin-top: 0 } } .banner-campaign__container .progress { width: 120px; height: 120px; line-height: 120px; background: none; margin: 0 auto; box-shadow: none; position: relative } @media screen and (max-width: 768px) { .banner-campaign__container .progress { margin:10px 0; width: 90px; height: 90px; line-height: 90px; flex-shrink: 0 } } .banner-campaign__container .progress:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 10px solid rgba(74,177,190,.35); position: absolute; top: 0; left: 0 } @media screen and (max-width: 768px) { .banner-campaign__container .progress:after { border:5px solid rgba(74,177,190,.35) } } .banner-campaign__container .progress>span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1 } .banner-campaign__container .progress .progress-left { left: 0 } .banner-campaign__container .progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 10px; border-style: solid; position: absolute; top: 0; border-color: #ffb43e } @media screen and (max-width: 768px) { .banner-campaign__container .progress .progress-bar { border-width:5px } } .banner-campaign__container .progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left } .banner-campaign__container .progress .progress-right { right: 0 } .banner-campaign__container .progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 60px; border-bottom-left-radius: 60px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right } .banner-campaign__container .progress .progress-value { display: flex; border-radius: 50%; font-size: 36px; text-align: center; line-height: 1; align-items: center; justify-content: center; height: 100%; font-weight: 300; color: #212121 } @media screen and (max-width: 768px) { .banner-campaign__container .progress .progress-value { font-size:24px } } .banner-campaign__container .progress .progress-value span { font-size: 12px; text-transform: uppercase } .banner-campaign__container .progress[data-percentage="1"] .progress-right .progress-bar { animation: loading-1 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="1"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="2"] .progress-right .progress-bar { animation: loading-2 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="2"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="3"] .progress-right .progress-bar { animation: loading-3 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="3"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="4"] .progress-right .progress-bar { animation: loading-4 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="4"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="5"] .progress-right .progress-bar { animation: loading-5 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="5"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="6"] .progress-right .progress-bar { animation: loading-6 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="6"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="7"] .progress-right .progress-bar { animation: loading-7 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="7"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="8"] .progress-right .progress-bar { animation: loading-8 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="8"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="9"] .progress-right .progress-bar { animation: loading-9 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="9"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="10"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="10"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="11"] .progress-right .progress-bar { animation: loading-11 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="11"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="12"] .progress-right .progress-bar { animation: loading-12 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="12"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="13"] .progress-right .progress-bar { animation: loading-13 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="13"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="14"] .progress-right .progress-bar { animation: loading-14 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="14"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="15"] .progress-right .progress-bar { animation: loading-15 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="15"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="16"] .progress-right .progress-bar { animation: loading-16 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="16"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="17"] .progress-right .progress-bar { animation: loading-17 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="17"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="18"] .progress-right .progress-bar { animation: loading-18 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="18"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="19"] .progress-right .progress-bar { animation: loading-19 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="19"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="20"] .progress-right .progress-bar { animation: loading-20 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="20"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="21"] .progress-right .progress-bar { animation: loading-21 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="21"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="22"] .progress-right .progress-bar { animation: loading-22 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="22"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="23"] .progress-right .progress-bar { animation: loading-23 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="23"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="24"] .progress-right .progress-bar { animation: loading-24 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="24"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="25"] .progress-right .progress-bar { animation: loading-25 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="25"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="26"] .progress-right .progress-bar { animation: loading-26 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="26"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="27"] .progress-right .progress-bar { animation: loading-27 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="27"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="28"] .progress-right .progress-bar { animation: loading-28 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="28"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="29"] .progress-right .progress-bar { animation: loading-29 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="29"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="30"] .progress-right .progress-bar { animation: loading-30 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="30"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="31"] .progress-right .progress-bar { animation: loading-31 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="31"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="32"] .progress-right .progress-bar { animation: loading-32 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="32"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="33"] .progress-right .progress-bar { animation: loading-33 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="33"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="34"] .progress-right .progress-bar { animation: loading-34 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="34"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="35"] .progress-right .progress-bar { animation: loading-35 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="35"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="36"] .progress-right .progress-bar { animation: loading-36 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="36"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="37"] .progress-right .progress-bar { animation: loading-37 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="37"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="38"] .progress-right .progress-bar { animation: loading-38 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="38"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="39"] .progress-right .progress-bar { animation: loading-39 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="39"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="40"] .progress-right .progress-bar { animation: loading-40 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="40"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="41"] .progress-right .progress-bar { animation: loading-41 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="41"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="42"] .progress-right .progress-bar { animation: loading-42 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="42"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="43"] .progress-right .progress-bar { animation: loading-43 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="43"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="44"] .progress-right .progress-bar { animation: loading-44 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="44"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="45"] .progress-right .progress-bar { animation: loading-45 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="45"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="46"] .progress-right .progress-bar { animation: loading-46 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="46"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="47"] .progress-right .progress-bar { animation: loading-47 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="47"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="48"] .progress-right .progress-bar { animation: loading-48 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="48"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="49"] .progress-right .progress-bar { animation: loading-49 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="49"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="50"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="50"] .progress-left .progress-bar { animation: 0 } .banner-campaign__container .progress[data-percentage="51"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="51"] .progress-left .progress-bar { animation: loading-1 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="52"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="52"] .progress-left .progress-bar { animation: loading-2 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="53"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="53"] .progress-left .progress-bar { animation: loading-3 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="54"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="54"] .progress-left .progress-bar { animation: loading-4 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="55"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="55"] .progress-left .progress-bar { animation: loading-5 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="56"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="56"] .progress-left .progress-bar { animation: loading-6 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="57"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="57"] .progress-left .progress-bar { animation: loading-7 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="58"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="58"] .progress-left .progress-bar { animation: loading-8 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="59"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="59"] .progress-left .progress-bar { animation: loading-9 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="60"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="60"] .progress-left .progress-bar { animation: loading-10 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="61"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="61"] .progress-left .progress-bar { animation: loading-11 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="62"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="62"] .progress-left .progress-bar { animation: loading-12 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="63"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="63"] .progress-left .progress-bar { animation: loading-13 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="64"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="64"] .progress-left .progress-bar { animation: loading-14 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="65"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="65"] .progress-left .progress-bar { animation: loading-15 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="66"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="66"] .progress-left .progress-bar { animation: loading-16 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="67"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="67"] .progress-left .progress-bar { animation: loading-17 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="68"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="68"] .progress-left .progress-bar { animation: loading-18 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="69"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="69"] .progress-left .progress-bar { animation: loading-19 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="70"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="70"] .progress-left .progress-bar { animation: loading-20 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="71"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="71"] .progress-left .progress-bar { animation: loading-21 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="72"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="72"] .progress-left .progress-bar { animation: loading-22 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="73"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="73"] .progress-left .progress-bar { animation: loading-23 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="74"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="74"] .progress-left .progress-bar { animation: loading-24 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="75"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="75"] .progress-left .progress-bar { animation: loading-25 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="76"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="76"] .progress-left .progress-bar { animation: loading-26 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="77"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="77"] .progress-left .progress-bar { animation: loading-27 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="78"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="78"] .progress-left .progress-bar { animation: loading-28 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="79"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="79"] .progress-left .progress-bar { animation: loading-29 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="80"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="80"] .progress-left .progress-bar { animation: loading-30 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="81"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="81"] .progress-left .progress-bar { animation: loading-31 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="82"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="82"] .progress-left .progress-bar { animation: loading-32 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="83"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="83"] .progress-left .progress-bar { animation: loading-33 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="84"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="84"] .progress-left .progress-bar { animation: loading-34 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="85"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="85"] .progress-left .progress-bar { animation: loading-35 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="86"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="86"] .progress-left .progress-bar { animation: loading-36 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="87"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="87"] .progress-left .progress-bar { animation: loading-37 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="88"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="88"] .progress-left .progress-bar { animation: loading-38 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="89"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="89"] .progress-left .progress-bar { animation: loading-39 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="90"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="90"] .progress-left .progress-bar { animation: loading-40 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="91"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="91"] .progress-left .progress-bar { animation: loading-41 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="92"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="92"] .progress-left .progress-bar { animation: loading-42 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="93"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="93"] .progress-left .progress-bar { animation: loading-43 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="94"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="94"] .progress-left .progress-bar { animation: loading-44 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="95"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="95"] .progress-left .progress-bar { animation: loading-45 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="96"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="96"] .progress-left .progress-bar { animation: loading-46 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="97"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="97"] .progress-left .progress-bar { animation: loading-47 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="98"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="98"] .progress-left .progress-bar { animation: loading-48 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="99"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="99"] .progress-left .progress-bar { animation: loading-49 1.5s linear forwards 1.5s } .banner-campaign__container .progress[data-percentage="100"] .progress-right .progress-bar { animation: loading-50 1.5s linear forwards } .banner-campaign__container .progress[data-percentage="100"] .progress-left .progress-bar { animation: loading-50 1.5s linear forwards 1.5s } @keyframes loading-1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(3.6); transform: rotate(3.6deg) } } @keyframes loading-2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(7.2); transform: rotate(7.2deg) } } @keyframes loading-3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(10.8); transform: rotate(10.8deg) } } @keyframes loading-4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(14.4); transform: rotate(14.4deg) } } @keyframes loading-5 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(18); transform: rotate(18deg) } } @keyframes loading-6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(21.6); transform: rotate(21.6deg) } } @keyframes loading-7 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(25.2); transform: rotate(25.2deg) } } @keyframes loading-8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(28.8); transform: rotate(28.8deg) } } @keyframes loading-9 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(32.4); transform: rotate(32.4deg) } } @keyframes loading-10 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(36); transform: rotate(36deg) } } @keyframes loading-11 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(39.6); transform: rotate(39.6deg) } } @keyframes loading-12 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(43.2); transform: rotate(43.2deg) } } @keyframes loading-13 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(46.8); transform: rotate(46.8deg) } } @keyframes loading-14 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(50.4); transform: rotate(50.4deg) } } @keyframes loading-15 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(54); transform: rotate(54deg) } } @keyframes loading-16 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(57.6); transform: rotate(57.6deg) } } @keyframes loading-17 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(61.2); transform: rotate(61.2deg) } } @keyframes loading-18 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(64.8); transform: rotate(64.8deg) } } @keyframes loading-19 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(68.4); transform: rotate(68.4deg) } } @keyframes loading-20 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(72); transform: rotate(72deg) } } @keyframes loading-21 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(75.6); transform: rotate(75.6deg) } } @keyframes loading-22 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(79.2); transform: rotate(79.2deg) } } @keyframes loading-23 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(82.8); transform: rotate(82.8deg) } } @keyframes loading-24 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(86.4); transform: rotate(86.4deg) } } @keyframes loading-25 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(90); transform: rotate(90deg) } } @keyframes loading-26 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(93.6); transform: rotate(93.6deg) } } @keyframes loading-27 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(97.2); transform: rotate(97.2deg) } } @keyframes loading-28 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(100.8); transform: rotate(100.8deg) } } @keyframes loading-29 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(104.4); transform: rotate(104.4deg) } } @keyframes loading-30 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(108); transform: rotate(108deg) } } @keyframes loading-31 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(111.6); transform: rotate(111.6deg) } } @keyframes loading-32 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(115.2); transform: rotate(115.2deg) } } @keyframes loading-33 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(118.8); transform: rotate(118.8deg) } } @keyframes loading-34 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(122.4); transform: rotate(122.4deg) } } @keyframes loading-35 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(126); transform: rotate(126deg) } } @keyframes loading-36 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(129.6); transform: rotate(129.6deg) } } @keyframes loading-37 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(133.2); transform: rotate(133.2deg) } } @keyframes loading-38 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(136.8); transform: rotate(136.8deg) } } @keyframes loading-39 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(140.4); transform: rotate(140.4deg) } } @keyframes loading-40 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(144); transform: rotate(144deg) } } @keyframes loading-41 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(147.6); transform: rotate(147.6deg) } } @keyframes loading-42 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(151.2); transform: rotate(151.2deg) } } @keyframes loading-43 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(154.8); transform: rotate(154.8deg) } } @keyframes loading-44 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(158.4); transform: rotate(158.4deg) } } @keyframes loading-45 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(162); transform: rotate(162deg) } } @keyframes loading-46 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(165.6); transform: rotate(165.6deg) } } @keyframes loading-47 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(169.2); transform: rotate(169.2deg) } } @keyframes loading-48 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(172.8); transform: rotate(172.8deg) } } @keyframes loading-49 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(176.4); transform: rotate(176.4deg) } } @keyframes loading-50 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(180); transform: rotate(180deg) } } #gift-campaign-select { display: inline-block; vertical-align: top } #gift-campaign-select table { border-collapse: collapse; background: #fff; width: 100%; text-align: center; margin-top: 14px } @media screen and (max-width: 480px) { #gift-campaign-select table { margin-top:0 } } #gift-campaign-select table td,#gift-campaign-select table tr { font-size: 1em; color: #222 } #gift-campaign-select table td { white-space: nowrap; padding: 3px } @media screen and (max-width: 480px) { #gift-campaign-select table td { padding:1px } } #gift-campaign-select table td input { position: absolute; left: -9999px } #gift-campaign-select table td span { background: #fff; display: block; cursor: pointer; padding: 10px 18px; font-family: "Montserrat",sans-serif; font-size: .75em; border: 1px solid #1e3e65 } #gift-campaign-select table td input:checked+span { background-color: #2294c8; color: #fff; font-weight: bold } #gift-campaign-select table td input:checked+span.is-amount { color: #fff; background-color: #2294c8 } #gift-campaign-select button { width: 100%; background: #ed685c; padding: .8em; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-radius: 0; border: none; -webkit-transition: all .7s ease; transition: all .7s ease; position: relative; cursor: pointer!important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-shadow: 0 4px 9px 0 rgba(0,0,0,.1) } @media screen and (max-width: 480px) { #gift-campaign-select button { margin-top:6px } } html.no-touch #gift-campaign-select button:hover { background: transparent; color: #ed685c } html.no-touch #gift-campaign-select button:hover:after,html.no-touch #gift-campaign-select button:hover:before { -webkit-transition: all .7s ease; transition: all .7s ease; width: 100% } #gift-campaign-select button:after,#gift-campaign-select button:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 3px; background: #ed685c; transition: all .4s ease } #gift-campaign-select button:after { top: inherit; left: inherit; bottom: 0; right: 0 } .l-categories { background-color: #e75442 } .l-section-bible .l-categories { background-color: #255e89 } .l-section-topkids .l-categories { background-color: #fdc53c } .l-section-ecard .l-categories { background-color: #e66345 } .l-section-topmusic .l-categories { background-color: #118ab2 } .l-section-topmessages .l-categories { background-color: #83b6d3 } .l-section-passlemot .l-categories { background-color: #02c6ad } .l-section-toptv .l-categories { background-color: #ef525b } .l-section-toplive .l-categories { background-color: #ef525b } .l-section-topformations .l-categories { background-color: #bb84df } .l-section-author .l-categories { background-color: #3a80c6 } .l-section-user .l-categories { background-color: #3a80c6 } .l-section-miracle .l-categories { background-color: #f5596f } .l-section-pdj .l-categories { background-color: #fdb95f } .l-section-passlemot .l-categories { background-color: #fff; color: #212121; outline: 10px solid #fff; border: 6px solid #a8c858; margin: 40px 0; border-top-left-radius: 20px; border-top-right-radius: 60px; border-bottom-right-radius: 20px; border-bottom-left-radius: 100px; box-shadow: 16px 16px 0 0 rgba(0,0,0,.1) } @media screen and (max-width: 480px) { .l-section-passlemot .l-categories { margin:40px 12px 40px 0 } } .category { display: inline-block; margin: 2em 2em 2em; color: #fff; text-align: center; width: 200px; vertical-align: top } .category-image { background-size: cover; display: inline-block; width: 130px; height: 130px } .category-text { display: inline-block; width: 100%; text-align: center; color: #212121; font-weight: bold; font-family: "Montserrat",sans-serif } @media (max-width: 600px) { .category { margin:1em 1em 1em } } @media (max-width: 520px) { .category { width:120px } .category-image { width: 65px; height: 65px } .category-text { font-size: .8em } } .ci-passlemot-story .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/passlemot-story.58fe13968bb4.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-passlemot-story .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/passlemot-story.4e8734619da3.png) } } .ci-passlemot-howto .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/passlemot-howto.a3bf1a959247.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-passlemot-howto .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/passlemot-howto.7910939e8ea3.png) } } .ci-passlemot-signup .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/passlemot-signup.c5d4b1bcd2b9.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-passlemot-signup .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/passlemot-signup.0a1e52e4bbfe.png) } } .ci-toppriere-add .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/toppriere-add.911848c1413a.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-toppriere-add .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/toppriere-add.0723db83f1f2.png) } } .ci-toppriere-joy-in-heaven .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/toppriere-joy-in-heaven.7831ed405374.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-toppriere-joy-in-heaven .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/toppriere-joy-in-heaven.61fcac0c2b09.png) } } .ci-toppriere-mysubjects .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/toppriere-mysubjects.18e23a2bd2da.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-toppriere-mysubjects .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/toppriere-mysubjects.5b98aca056ba.png) } } .ci-toppriere-resources .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/toppriere-resources.6614fb626d49.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-toppriere-resources .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/toppriere-resources.64fedc054f0f.png) } } .ci-topmusic-myalbum .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/topmusic-myalbum.ed1fea7f707d.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-topmusic-myalbum .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/topmusic-myalbum.89219ec473ce.png) } } .ci-topmusic-myplaylists .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/topmusic-myplaylists.b737902dca82.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-topmusic-myplaylists .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/topmusic-myplaylists.2df2274a42e2.png) } } .ci-bible-favorites .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/bible-favorites.04a137404cf0.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-bible-favorites .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/bible-favorites.4a6e9e071888.png) } } .ci-bible-myreadingplans .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/bible-myreadingplans.dd34fc241c8b.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-bible-myreadingplans .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/bible-myreadingplans.c1276ae3666f.png) } } .ci-bible-readingplans .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/bible-readingplans.800a9550fc5b.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-bible-readingplans .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/bible-readingplans.63524bc5881d.png) } } .ci-bible-search .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/bible-search.83b1c47113f7.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-bible-search .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/bible-search.392a4fa7199d.png) } } .ci-toplive-event .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/toplive-event.c59c6df91e88.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-toplive-event .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/toplive-event.b5f6f7a07be7.png) } } .ci-about-church .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/letop-eglisepartenaire.85b58008e949.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-about-church .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/letop-eglisepartenaire.5e857ad3de02.png) } } .ci-about-recruit .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/letop-recruter.4fb99983633f.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-about-recruit .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/letop-recruter.0c301dbf8666.png) } } .ci-about-contact .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/letop-nouscontacter.5ebb18c443b4.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-about-contact .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/letop-nouscontacter.d97deee03ff0.png) } } .ci-about-newsletter .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/letop-dernieres-parutions.a84c4487ddd6.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-about-newsletter .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/letop-dernieres-parutions.3b27790b6f6c.png) } } .ci-about-joy-in-heaven .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/letop-joy-in-heaven.a2d72b9ba3a6.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-about-joy-in-heaven .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/letop-joy-in-heaven.3a040e69ba9c.png) } } .ci-topformations-mes-formations .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/topformations-mes-formations.6ee13ca1cbcc.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-topformations-mes-formations .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/topformations-mes-formations.78074028532f.png) } } .ci-author .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/author.85893f716142.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-author .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/author.57aceb2c864a.png) } } .ci-tag .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/tag.c13209345baa.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-tag .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/tag.8dec6666ec58.png) } } .ci-deductions .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/deductions.467759f12d77.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-deductions .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/deductions.c380f057a01f.png) } } .ci-securite .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/securite.8893f5e4a676.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-securite .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/securite.0b4989b0f8bb.png) } } .ci-transparence .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/transparence.a585f211d1cf.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-transparence .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/transparence.d150a5f6dbdb.png) } } .ci-miracle-subscribe .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/subscribe.8606cd2329e3.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-miracle-subscribe .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/subscribe.e79e74e9c335.png) } } .ci-miracle-lightbulb .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/lightbulb.5831415b7c62.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .ci-miracle-lightbulb .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/lightbulb.afc28a781c07.png) } } .user-interest-62 .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/interests-single.28adabf05138.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .user-interest-62 .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/interests-single.8df44c32cec5.png) } } .user-interest-248 .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/interests-youth.1c3a65e1c643.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .user-interest-248 .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/interests-youth.2e77d08c99ee.png) } } .user-interest-405 .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/interests-senior.a6df8e033303.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .user-interest-405 .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/interests-senior.d5186115145d.png) } } .user-interest-104 .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/interests-couple.15baa54fb8d1.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .user-interest-104 .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/interests-couple.aa544948a32e.png) } } .user-interest-254 .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/interests-leader.82eb9757f4d6.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .user-interest-254 .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/interests-leader.5b1d90910e62.png) } } .user-interest-316 .category-image { background-image: url(https://fructifietestalents.org/maj/img/block/interests-parent.3f2ee696af8a.png) } @media (-webkit-min-device-pixel-ratio: 1.5) and (min-width:521px),(min--moz-device-pixel-ratio:1.5) and (min-width:521px),(-moz-min-device-pixel-ratio:1.5) and (min-width:521px),(-o-min-device-pixel-ratio:3 / 2) and (min-width:521px),(min-device-pixel-ratio:1.5) and (min-width:521px) { .user-interest-316 .category-image { background-image:url(https://fructifietestalents.org/maj/img/block-2x/interests-parent.0fddaf28777e.png) } } @media (max-width: 43.75em) { .l-section-bible .l-categories { top:0 } } .form-checkbox-categories-Tag,.form-checkbox-categories-Author { display: none!important } .channels-home-page { padding: 1em 0 1em 0 } .channels-home-page .posts-title .btn-icon { padding: 1em; margin-right: 1em } .channels-home-page .channels-actions .btn-icon { margin-left: 1em } .channels-home-page .channels-actions:first-child { margin-left: 0 } @media (max-width: 35em) { .channels-home-page { padding:0 } .channels-home-page .posts-title { overflow: hidden } .channels-home-page .posts-title .btn-icon { padding: .5em 1em } } input[type="checkbox"].top-checkbox { position: absolute; z-index: -1; opacity: 0 } .top-checkbox+label { display: inline-flex; align-items: center; user-select: none } .top-checkbox+label::before { content: ''; display: inline-block; width: 1em; height: 1em; flex-shrink: 0; flex-grow: 0; border: 1px solid #adb5bd; border-radius: .25em; margin-right: .5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50% } .top-checkbox:not(:disabled):not(:checked)+label:hover::before { border-color: #b3d7ff } .top-checkbox:not(:disabled):active+label::before { background-color: #b3d7ff; border-color: #b3d7ff } .top-checkbox:focus+label::before { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .top-checkbox:focus:not(:checked)+label::before { border-color: #f5763a } .top-checkbox:checked+label::before { border-color: #f5763a; background-color: #f5763a; background-image: url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 8\ 8\'%3e%3cpath\ fill=\'%23fff\'\ d=\'M6.564.75l-3.59\ 3.612-1.538-1.55L0\ 4.26\ 2.974\ 7.25\ 8\ 2.193z\'/%3e%3c/svg%3e) } .top-checkbox:disabled+label::before { background-color: #e9ecef } .comic_center { text-align: center } .comic_center img { max-width: 100%; height: auto } #header.l-header-topkids-comic.hidden { top: 0 } .l-category-comic .is-fixed .l-trail-header { top: 0 } .l-category-comic .article-main.article-comic .article-media { display: none } .l-category-comic .article-main.article-comic .article-actions-btn { display: none } #comments-add-comment { background-color: #fff; border-radius: 10px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); margin: 1em 0; padding: 14px } #comments-add-comment h3 { color: #272727; margin: 0; font-size: 1.25rem; font-weight: 600 } #comments-add-comment h3 i { margin-right: 10px; margin-left: .5em } @media screen and (max-width: 480px) { #comments-add-comment { border-radius:0; box-shadow: none; padding: 10px } } #comment-form { position: relative; text-align: right } #comment-form .field label { text-transform: uppercase; font-size: .8em; font-weight: 500; color: #444 } #comment-form .comment-author-img { top: 14px } #comment-form .private-field { text-align: left } #comment-form .private-field>* { display: inline-block; width: auto } #comment-form .private-field .form-label::after { display: none } #comment-form .private-field .form-label { margin-right: 5px } .comment,.subcomment { position: relative } .comment h3,.subcomment h3 { margin-left: 50px; font-size: .8em; line-height: 30px } .comment h3 .user-subtype,.subcomment h3 .user-subtype { margin-right: 6px } .content-field .form-comment { margin-left: 50px } .testimony-field .form-comment { position: absolute; left: -20px; top: 0; margin-right: 10px } .testimony-field .title.form-label { width: 70%; white-space: nowrap } .comment-author-img { position: absolute; top: 0; left: -5px; width: 50px; height: 50px; border-radius: 50%; z-index: 1; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); background-image: url(static/img/uri/personne.0f7989497af0.jpg); background-size: cover; background-repeat: no-repeat; background-position: center } .subcomment .comment-author-img { width: 45px; height: 45px; top: 0; left: 0 } .reply-to-comment .subcomment .comment-author-img { left: -14px; top: -14px } .comment-author-name { display: inline-block; color: #272727; font-weight: bold; max-width: 50%; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; margin-right: 6px } .comment-flag-img { vertical-align: middle; margin-right: 4px } .comment-date { color: #8a9797; margin-left: 5px; font-family: "Montserrat",sans-serif; font-weight: 500; font-size: .625em } @media (max-width: 400px) { .comment-date { margin-left:5px } } body.l-section-topmessages .comment-date { display: none } .comment-global-reply-btn { float: right } .comment-global-like-btn { text-align: right; margin-top: 14px; white-space: nowrap } @media screen and (max-width: 480px) { .comment-global-like-btn { white-space:inherit; text-align: left } .comment-global-like-btn .num-upvotes { display: block; margin-bottom: 4px } } .comment-global-like-btn .btn-prayer-text { color: #00adfa; text-transform: uppercase; font-weight: lighter; margin-bottom: 0 } .num-upvotes { margin-right: 10px; line-height: 10px; color: #777; font-size: 12px } .upvote { color: #cecece; text-shadow: 0 0 1px #cecece } .upvote:hover { color: #b5b5b5 } .comment-more { color: #276cad; display: block; margin: 0 auto; text-align: center; clear: both } .comment-text { position: relative; margin-left: 30px; padding: 26px 10px 16px 30px; background-color: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px } @media screen and (max-width: 480px) { .comment-text { border-radius:0; background: none; box-shadow: none } } .comment-list { list-style: none; padding: 0 } .comment-list .licomment { margin-bottom: 22px } @media (max-width: 37em) { .comment-list { padding:10px } .comment-list.comment-list-firsts li:nth-child(4),.comment-list.comment-list-firsts li:nth-child(5) { display: none } .comment-list.comment-list-firsts.all-comments-are-visible .licomment { display: block } } @media screen and (max-width: 480px) { .comment-list.comment-list-firsts li.licomment:nth-child(2),.comment-list.comment-list-firsts li.licomment:nth-child(3) { display:none } .comment-list.comment-list-firsts li.licomment:nth-child(1) { margin-bottom: 16px } .comment-list.comment-list-firsts.all-comments-are-visible li.licomment { display: block } } .comment-delete { position: absolute; right: 0; top: -28px } .subcomments { list-style: none } #comment-form .content-field .form-label { display: none } .delete-comment-button,.flag-comment-button { outline: 0; background: none; border: 0; font-size: .625rem; color: #555 } @media screen and (max-width: 480px) { .delete-comment-button,.flag-comment-button { font-size:0 } } html.no-touch .subcomment:hover .delete-comment-button,html.no-touch .comment:hover .delete-comment-button,html.no-touch .subcomment:hover .flag-comment-button,html.no-touch .comment:hover .flag-comment-button { display: inline } .delete-comment-button .icon-close,.delete-comment-button .icon-informations,.flag-comment-button .icon-close,.flag-comment-button .icon-informations { color: #555; margin-right: 4px } .delete-comment-button .icon-close:after,.delete-comment-button .icon-informations:after,.flag-comment-button .icon-close:after,.flag-comment-button .icon-informations:after { font-size: .875rem } .reply-form .form-label { display: none } .reply-form .form-comment { margin-left: 20px } .normalreply { color: #e75442; font-weight: bold } .form-comment textarea { width: 100% } .comment-number { font-size: 1.25rem; color: #272727; margin-bottom: 14px; padding: 0 10px } .comment-number i { margin-right: 4px } .call-to-action-comments-mobile { margin: 20px 0; background: #fff; padding: 10px } .call-to-action-comments-mobile .comments-number-info-mobile { display: block; margin-bottom: 14px } .swiper-slide .post.post-category--comment .post-content--body .post-content--excerpt { display: block } .alert__RGPD { position: fixed; overflow-y: scroll; bottom: 0; left: 0; right: 0; top: 0; opacity: 1; z-index: 200001; border-radius: 10px; background-color: rgba(255,255,255,.5); color: #272727; text-align: left; transition: width .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: width .3s cubic-bezier(.3,0,0,1.3) } .alert__RGPD .alert__RGPD--container { background: #fff; max-width: 700px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; flex-direction: column; height: auto; padding: 40px; border-radius: 15px; box-shadow: 0 -2px 15px rgba(0,0,0,.08); margin: 150px auto 40px auto; width: 90% } @media screen and (max-width: 992px) { .alert__RGPD .alert__RGPD--container { display:-webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; align-content: flex-start; justify-content: left; margin-top: 120px; max-width: 95% } } @media screen and (max-width: 480px) { .alert__RGPD .alert__RGPD--container { margin-top:60px; padding: 24px 14px } } .alert__RGPD .alert__RGPD--container h3 { margin-bottom: 24px } @media screen and (max-width: 480px) { .alert__RGPD .alert__RGPD--container h3 { font-size:1.25em } .alert__RGPD .alert__RGPD--container p { font-size: .875em; line-height: 1.4 } } .alert__RGPD .alert__RGPD--container ul { padding: 0 0 0 14px; margin: 24px 0 } @media screen and (max-width: 480px) { .alert__RGPD .alert__RGPD--container ul { font-size:.875em; line-height: 1.4 } } .alert__RGPD .alert__RGPD--container button#rgpd-refuse { margin-top: 10px; opacity: .4 } .alert__RGPD .alert__RGPD--container>* { margin: 0 } .alert__RGPD .alert__RGPD--container>* a { text-decoration: none; color: #3a80c6 } html.app .alert__RGPD { display: none } .alert__RGPD.choices-is-open { width: initial; transition: width .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: width .3s cubic-bezier(.3,0,0,1.3) } .alert__RGPD #rgpd-form { padding: 10px 10px 0 10px } .alert__RGPD #rgpd-form label { margin-bottom: 8px; font-size: 1.125em; display: block } .alert__RGPD #rgpd-form label input { margin-right: 8px } @media screen and (max-width: 480px) { .alert__RGPD #rgpd-form label { font-size:.875em; line-height: 1.4 } } .alert__RGPD #rgpd-form .btn-base { margin-top: 10px } .l-user--rgpd { padding-top: 100px; text-align: center } .l-user--rgpd h2 { margin-bottom: 24px } .l-user--rgpd #rgpd-form { text-align: left; box-shadow: 0 8px 16px rgba(0,0,0,.16); background: #fff; border-radius: 15px; padding: 20px; margin-bottom: 24px } .l-user--rgpd #rgpd-form label { display: block } .l-user--rgpd #rgpd-form label input { margin-right: 8px } .l-user--rgpd #rgpd-form .btn-base { width: 100%; margin-top: 14px } .video-rgpd--overlay { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; padding: 14px } .ccs-AF,.ccs-ZA,.ccs-AL,.ccs-DZ,.ccs-DE,.ccs-AD,.ccs-AO,.ccs-AI,.ccs-AQ,.ccs-AG,.ccs-SA,.ccs-AR,.ccs-AM,.ccs-AW,.ccs-AU,.ccs-AT,.ccs-AZ,.ccs-BS,.ccs-BH,.ccs-BD,.ccs-BB,.ccs-BE,.ccs-BZ,.ccs-BJ,.ccs-BM,.ccs-BT,.ccs-BY,.ccs-MM,.ccs-BO,.ccs-BQ,.ccs-BA,.ccs-BW,.ccs-BR,.ccs-BN,.ccs-BG,.ccs-BF,.ccs-BI,.ccs-KH,.ccs-CM,.ccs-CA,.ccs-CV,.ccs-CL,.ccs-CN,.ccs-CY,.ccs-CO,.ccs-KM,.ccs-CG,.ccs-KP,.ccs-KR,.ccs-CR,.ccs-CI,.ccs-HR,.ccs-CU,.ccs-CW,.ccs-DK,.ccs-DJ,.ccs-DM,.ccs-EG,.ccs-AE,.ccs-EC,.ccs-ER,.ccs-ES,.ccs-EE,.ccs-SZ,.ccs-US,.ccs-ET,.ccs-FJ,.ccs-FI,.ccs-FR,.ccs-GA,.ccs-GM,.ccs-GE,.ccs-GS,.ccs-GH,.ccs-GI,.ccs-GR,.ccs-GD,.ccs-GL,.ccs-GP,.ccs-GU,.ccs-GT,.ccs-GG,.ccs-GN,.ccs-GQ,.ccs-GW,.ccs-GY,.ccs-GF,.ccs-HT,.ccs-HN,.ccs-HK,.ccs-HU,.ccs-BV,.ccs-CX,.ccs-SJ,.ccs-NF,.ccs-PN,.ccs-IM,.ccs-AX,.ccs-KY,.ccs-CC,.ccs-CK,.ccs-FO,.ccs-HM,.ccs-FK,.ccs-MP,.ccs-MH,.ccs-TC,.ccs-VG,.ccs-VI,.ccs-UM,.ccs-IN,.ccs-ID,.ccs-IQ,.ccs-IR,.ccs-IE,.ccs-IS,.ccs-IL,.ccs-IT,.ccs-JM,.ccs-JP,.ccs-JE,.ccs-JO,.ccs-KZ,.ccs-KE,.ccs-KG,.ccs-KI,.ccs-KW,.ccs-LS,.ccs-LV,.ccs-LB,.ccs-LR,.ccs-LY,.ccs-LI,.ccs-LT,.ccs-LU,.ccs-MO,.ccs-MG,.ccs-MY,.ccs-MW,.ccs-MV,.ccs-ML,.ccs-MT,.ccs-MA,.ccs-MQ,.ccs-MU,.ccs-MR,.ccs-YT,.ccs-MX,.ccs-FM,.ccs-MD,.ccs-MC,.ccs-MN,.ccs-ME,.ccs-MS,.ccs-MZ,.ccs-NA,.ccs-NR,.ccs-NP,.ccs-NI,.ccs-NE,.ccs-NG,.ccs-NU,.ccs-NO,.ccs-NC,.ccs-NZ,.ccs-OM,.ccs-UG,.ccs-UZ,.ccs-PK,.ccs-PW,.ccs-PS,.ccs-PA,.ccs-PG,.ccs-PY,.ccs-NL,.ccs-PE,.ccs-PH,.ccs-PL,.ccs-PF,.ccs-PR,.ccs-PT,.ccs-QA,.ccs-CF,.ccs-MK,.ccs-CD,.ccs-LA,.ccs-DO,.ccs-CZ,.ccs-RE,.ccs-RO,.ccs-GB,.ccs-RU,.ccs-RW,.ccs-EH,.ccs-BL,.ccs-KN,.ccs-SM,.ccs-MF,.ccs-SX,.ccs-PM,.ccs-VA,.ccs-VC,.ccs-SH,.ccs-LC,.ccs-SB,.ccs-SV,.ccs-WS,.ccs-AS,.ccs-ST,.ccs-SN,.ccs-RS,.ccs-SC,.ccs-SL,.ccs-SG,.ccs-SK,.ccs-SI,.ccs-SO,.ccs-SD,.ccs-SS,.ccs-LK,.ccs-SE,.ccs-CH,.ccs-SR,.ccs-SY,.ccs-TJ,.ccs-TW,.ccs-TZ,.ccs-TD,.ccs-TF,.ccs-IO,.ccs-TH,.ccs-TL,.ccs-TG,.ccs-TK,.ccs-TO,.ccs-TT,.ccs-TN,.ccs-TM,.ccs-TR,.ccs-TV,.ccs-UA,.ccs-UY,.ccs-VU,.ccs-VE,.ccs-VN,.ccs-WF,.ccs-YE,.ccs-ZM,.ccs-ZW { display: none } .cc-AF .ccs-AF,.cc-ZA .ccs-ZA,.cc-AL .ccs-AL,.cc-DZ .ccs-DZ,.cc-DE .ccs-DE,.cc-AD .ccs-AD,.cc-AO .ccs-AO,.cc-AI .ccs-AI,.cc-AQ .ccs-AQ,.cc-AG .ccs-AG,.cc-SA .ccs-SA,.cc-AR .ccs-AR,.cc-AM .ccs-AM,.cc-AW .ccs-AW,.cc-AU .ccs-AU,.cc-AT .ccs-AT,.cc-AZ .ccs-AZ,.cc-BS .ccs-BS,.cc-BH .ccs-BH,.cc-BD .ccs-BD,.cc-BB .ccs-BB,.cc-BE .ccs-BE,.cc-BZ .ccs-BZ,.cc-BJ .ccs-BJ,.cc-BM .ccs-BM,.cc-BT .ccs-BT,.cc-BY .ccs-BY,.cc-MM .ccs-MM,.cc-BO .ccs-BO,.cc-BQ .ccs-BQ,.cc-BA .ccs-BA,.cc-BW .ccs-BW,.cc-BR .ccs-BR,.cc-BN .ccs-BN,.cc-BG .ccs-BG,.cc-BF .ccs-BF,.cc-BI .ccs-BI,.cc-KH .ccs-KH,.cc-CM .ccs-CM,.cc-CA .ccs-CA,.cc-CV .ccs-CV,.cc-CL .ccs-CL,.cc-CN .ccs-CN,.cc-CY .ccs-CY,.cc-CO .ccs-CO,.cc-KM .ccs-KM,.cc-CG .ccs-CG,.cc-KP .ccs-KP,.cc-KR .ccs-KR,.cc-CR .ccs-CR,.cc-CI .ccs-CI,.cc-HR .ccs-HR,.cc-CU .ccs-CU,.cc-CW .ccs-CW,.cc-DK .ccs-DK,.cc-DJ .ccs-DJ,.cc-DM .ccs-DM,.cc-EG .ccs-EG,.cc-AE .ccs-AE,.cc-EC .ccs-EC,.cc-ER .ccs-ER,.cc-ES .ccs-ES,.cc-EE .ccs-EE,.cc-SZ .ccs-SZ,.cc-US .ccs-US,.cc-ET .ccs-ET,.cc-FJ .ccs-FJ,.cc-FI .ccs-FI,.cc-FR .ccs-FR,.cc-GA .ccs-GA,.cc-GM .ccs-GM,.cc-GE .ccs-GE,.cc-GS .ccs-GS,.cc-GH .ccs-GH,.cc-GI .ccs-GI,.cc-GR .ccs-GR,.cc-GD .ccs-GD,.cc-GL .ccs-GL,.cc-GP .ccs-GP,.cc-GU .ccs-GU,.cc-GT .ccs-GT,.cc-GG .ccs-GG,.cc-GN .ccs-GN,.cc-GQ .ccs-GQ,.cc-GW .ccs-GW,.cc-GY .ccs-GY,.cc-GF .ccs-GF,.cc-HT .ccs-HT,.cc-HN .ccs-HN,.cc-HK .ccs-HK,.cc-HU .ccs-HU,.cc-BV .ccs-BV,.cc-CX .ccs-CX,.cc-SJ .ccs-SJ,.cc-NF .ccs-NF,.cc-PN .ccs-PN,.cc-IM .ccs-IM,.cc-AX .ccs-AX,.cc-KY .ccs-KY,.cc-CC .ccs-CC,.cc-CK .ccs-CK,.cc-FO .ccs-FO,.cc-HM .ccs-HM,.cc-FK .ccs-FK,.cc-MP .ccs-MP,.cc-MH .ccs-MH,.cc-TC .ccs-TC,.cc-VG .ccs-VG,.cc-VI .ccs-VI,.cc-UM .ccs-UM,.cc-IN .ccs-IN,.cc-ID .ccs-ID,.cc-IQ .ccs-IQ,.cc-IR .ccs-IR,.cc-IE .ccs-IE,.cc-IS .ccs-IS,.cc-IL .ccs-IL,.cc-IT .ccs-IT,.cc-JM .ccs-JM,.cc-JP .ccs-JP,.cc-JE .ccs-JE,.cc-JO .ccs-JO,.cc-KZ .ccs-KZ,.cc-KE .ccs-KE,.cc-KG .ccs-KG,.cc-KI .ccs-KI,.cc-KW .ccs-KW,.cc-LS .ccs-LS,.cc-LV .ccs-LV,.cc-LB .ccs-LB,.cc-LR .ccs-LR,.cc-LY .ccs-LY,.cc-LI .ccs-LI,.cc-LT .ccs-LT,.cc-LU .ccs-LU,.cc-MO .ccs-MO,.cc-MG .ccs-MG,.cc-MY .ccs-MY,.cc-MW .ccs-MW,.cc-MV .ccs-MV,.cc-ML .ccs-ML,.cc-MT .ccs-MT,.cc-MA .ccs-MA,.cc-MQ .ccs-MQ,.cc-MU .ccs-MU,.cc-MR .ccs-MR,.cc-YT .ccs-YT,.cc-MX .ccs-MX,.cc-FM .ccs-FM,.cc-MD .ccs-MD,.cc-MC .ccs-MC,.cc-MN .ccs-MN,.cc-ME .ccs-ME,.cc-MS .ccs-MS,.cc-MZ .ccs-MZ,.cc-NA .ccs-NA,.cc-NR .ccs-NR,.cc-NP .ccs-NP,.cc-NI .ccs-NI,.cc-NE .ccs-NE,.cc-NG .ccs-NG,.cc-NU .ccs-NU,.cc-NO .ccs-NO,.cc-NC .ccs-NC,.cc-NZ .ccs-NZ,.cc-OM .ccs-OM,.cc-UG .ccs-UG,.cc-UZ .ccs-UZ,.cc-PK .ccs-PK,.cc-PW .ccs-PW,.cc-PS .ccs-PS,.cc-PA .ccs-PA,.cc-PG .ccs-PG,.cc-PY .ccs-PY,.cc-NL .ccs-NL,.cc-PE .ccs-PE,.cc-PH .ccs-PH,.cc-PL .ccs-PL,.cc-PF .ccs-PF,.cc-PR .ccs-PR,.cc-PT .ccs-PT,.cc-QA .ccs-QA,.cc-CF .ccs-CF,.cc-MK .ccs-MK,.cc-CD .ccs-CD,.cc-LA .ccs-LA,.cc-DO .ccs-DO,.cc-CZ .ccs-CZ,.cc-RE .ccs-RE,.cc-RO .ccs-RO,.cc-GB .ccs-GB,.cc-RU .ccs-RU,.cc-RW .ccs-RW,.cc-EH .ccs-EH,.cc-BL .ccs-BL,.cc-KN .ccs-KN,.cc-SM .ccs-SM,.cc-MF .ccs-MF,.cc-SX .ccs-SX,.cc-PM .ccs-PM,.cc-VA .ccs-VA,.cc-VC .ccs-VC,.cc-SH .ccs-SH,.cc-LC .ccs-LC,.cc-SB .ccs-SB,.cc-SV .ccs-SV,.cc-WS .ccs-WS,.cc-AS .ccs-AS,.cc-ST .ccs-ST,.cc-SN .ccs-SN,.cc-RS .ccs-RS,.cc-SC .ccs-SC,.cc-SL .ccs-SL,.cc-SG .ccs-SG,.cc-SK .ccs-SK,.cc-SI .ccs-SI,.cc-SO .ccs-SO,.cc-SD .ccs-SD,.cc-SS .ccs-SS,.cc-LK .ccs-LK,.cc-SE .ccs-SE,.cc-CH .ccs-CH,.cc-SR .ccs-SR,.cc-SY .ccs-SY,.cc-TJ .ccs-TJ,.cc-TW .ccs-TW,.cc-TZ .ccs-TZ,.cc-TD .ccs-TD,.cc-TF .ccs-TF,.cc-IO .ccs-IO,.cc-TH .ccs-TH,.cc-TL .ccs-TL,.cc-TG .ccs-TG,.cc-TK .ccs-TK,.cc-TO .ccs-TO,.cc-TT .ccs-TT,.cc-TN .ccs-TN,.cc-TM .ccs-TM,.cc-TR .ccs-TR,.cc-TV .ccs-TV,.cc-UA .ccs-UA,.cc-UY .ccs-UY,.cc-VU .ccs-VU,.cc-VE .ccs-VE,.cc-VN .ccs-VN,.cc-WF .ccs-WF,.cc-YE .ccs-YE,.cc-ZM .ccs-ZM,.cc-ZW .ccs-ZW { display: initial } html,body { height: 100% } .dialog { position: fixed; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.9) } .ui-dialog { z-index: 1; top: 3em!important; outline: none; box-shadow: 0 0 10px rgba(0,0,0,.15); color: #000; left: 0; margin-right: auto; margin-left: auto; max-width: 90% } .ui-dialog-titlebar { text-transform: uppercase; padding: .4em 1.7em .4em 1em; color: #000; font-weight: bold; position: relative } .ui-dialog-titlebar-close { position: absolute; top: 1px; right: 5px; background: transparent; width: 16px; height: 16px; border: none; opacity: .8; padding: 1em } .ui-dialog-titlebar-close .ui-button-text { display: none } html.no-touch .ui-dialog-titlebar-close:hover { opacity: 1 } .ui-dialog-titlebar-close:after { content: "\E004"; position: absolute; padding: .2em .2em .5em .5em; top: 0; right: 0; font-size: 20px; color: #fff } .ui-dialog-content { background-color: #f7f7f7; padding: 1.5em } .ui-dialog-content p { font-size: .875em } .modalDialog { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(100,100,100,.5); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; overflow-y: scroll; width: 100%; height: 100% } .modalDialog.modalDialog--author>div { border: none!important; max-height: 400px; overflow-y: scroll } .modalDialog h2 { color: #3a80c6!important; font-size: 1.625em!important; margin: 15px auto 15px 0; font-weight: bold; text-transform: unset!important } .modalDialog textarea { max-height: 120px } .modalDialog button { border: 0 } .modalDialog .btn-group { display: block; text-align: center; margin: 15px auto } .modalDialog .title { text-align: left!important } .modalDialog.is-open { opacity: 1; display: block; pointer-events: auto } @media screen and (max-width: 480px) { html .modalDialog.is-open { overflow-y:hidden } } .modalDialog>div { padding: 20px; background: #fff; max-width: 600px; width: calc(100% - 20px); position: relative; margin: 140px auto 60px; box-shadow: 0 0 20px 0 rgba(82,63,105,.15); border-radius: 5px } .domain-topmusic .modalDialog>div p { font: bold 16px/19px Sen } @media screen and (max-width: 480px) { .modalDialog>div { top:0; bottom: 0; width: calc(100% - 20px); height: 100%; margin: 70px 10px 60px 10px; position: absolute; overflow-y: scroll; overflow-x: hidden } .modalDialog>div #share-by-email-holder { margin-bottom: 80px } } .header-hidden .modalDialog>div { margin: 60px auto } @media (max-width: 37em) { .ui-dialog { width:90%!important } } .l-gift-page.l-donor-page { margin-top: 0; position: relative } @media screen and (max-width: 768px) { .l-gift-page.l-donor-page { background:#f6f9fc!important } } .l-gift-page.l-donor-page.current-step-1 .gift-page__background--step-0 { clip-path: polygon(0 0,74% 10%,83% 89%,0% 100%)!important; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3); left: 0; right: 0; height: 70vh; top: 60px } .l-gift-page.l-donor-page.current-step-1 .gift-page__background--step-1 { clip-path: polygon(0 0,100% 0,100% 100%,23% 88%)!important; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3) } .l-gift-page.l-donor-page.current-step-2 .gift-page__background--step-2 { clip-path: polygon(0 0,100% 0,100% 100%,23% 88%)!important; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3) } .l-gift-page.l-donor-page.current-step-3 .gift-page__background--step-3 { clip-path: polygon(0 0,100% 0,100% 100%,23% 88%)!important; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3) } .l-gift-page.l-donor-page.current-step-4 .gift-page__background--step-4 { clip-path: polygon(0 0,100% 0,100% 100%,23% 88%)!important; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3) } .l-gift-page.l-donor-page.current-step-5 .gift-page__background--step-5 { clip-path: polygon(0 0,100% 0,100% 100%,23% 88%)!important; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3) } .l-gift-page.l-donor-page.current-step-5 .gift-page__background--step-6 { clip-path: polygon(0 0,74% 10%,63% 89%,0% 100%)!important; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3); left: 0; right: 0; height: 70vh; top: 60px } .l-gift-page.l-donor-page #wrapper { position: initial } .l-gift-page.l-donor-page header { padding-top: 30px } .l-gift-page.l-donor-page header #header-logo { position: relative; top: auto; transform: none; left: auto; margin-right: 20px; vertical-align: middle } .l-gift-page.l-donor-page header #header-logo span { display: inline-block } .l-gift-page.l-donor-page header a { display: inline-block; vertical-align: middle; font-size: .875em; font-family: "Montserrat",sans-serif; color: #666; font-weight: 500 } .l-gift-page.l-donor-page header a:before { content: ''; display: inline-block; background: #ffb100; height: 4px; vertical-align: middle; width: 0; margin-right: 8px; transition: width .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: width .5s cubic-bezier(.3,0,0,1.3) } .l-gift-page.l-donor-page header a.icon-logo:before { display: none!important } html.no-touch .l-gift-page.l-donor-page header a:hover:before { width: 20px } .l-gift-page.l-donor-page header a.is-active:before { width: 20px } @media screen and (max-width: 768px) { .l-gift-page.l-donor-page header.gift--landing { text-align:center } .l-gift-page.l-donor-page header.gift--landing #header-logo { margin-right: 0 } .l-gift-page.l-donor-page header.gift--landing a { display: block; margin-bottom: 14px } } .l-gift-page.l-donor-page iframe.hide-iframe { height: 0; border: none; opacity: 0; visibility: hidden; margin: 0; padding: 0; position: absolute; z-index: -1 } .l-gift-page.l-donor-page footer { font-size: .875em; padding: 0; text-align: center; color: #272727; background-color: #daeff8; overflow: hidden; position: relative; z-index: 0; clear: both; padding: 14px } .l-gift-page.l-donor-page footer a { color: #272727 } .l-gift-page.l-donor-page #l-footer { display: none } .l-gift-page.l-donor-page .l-article { margin-bottom: 0; font-style: normal; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } .l-gift-page.l-donor-page .l-constrained { padding-right: 0; padding-left: 0 } .l-gift-page.l-donor-page .footer-newsletter-form { display: none } .l-gift-page.l-donor-page .gift-page__background { position: absolute; z-index: -1; top: 0; right: 0; left: auto; width: 26%; height: 100vh; max-height: 900px; background-size: cover; background-position: center; transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3) } @media screen and (max-width: 768px) { .l-gift-page.l-donor-page .gift-page__background { display:none!important } } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--step-1,.l-gift-page.l-donor-page .gift-page__background.gift-page__background--step-0 { clip-path: polygon(0 0,100% 0,100% 100%,100% 0); transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3) } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--step-2 { clip-path: polygon(0 0,100% 0,100% 100%,100% 0); transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3); transition-delay: .6s } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--step-3 { clip-path: polygon(0 0,100% 0,100% 100%,100% 0); transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3); transition-delay: 1s } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--step-4 { clip-path: polygon(0 0,100% 0,100% 100%,100% 0); transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3); transition-delay: 1s } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--step-5 { clip-path: polygon(0 0,100% 0,100% 100%,100% 0); transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3); transition-delay: .6s } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--step-6 { clip-path: polygon(0 0,100% 0,100% 100%,100% 0); transition: clip-path .5s cubic-bezier(.3,0,0,1.3); -webkit-transition: clip-path .5s cubic-bezier(.3,0,0,1.3); transition-delay: .3s } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--thanks-left { width: 30%; height: 70vh; left: 0; top: auto; bottom: 0; clip-path: polygon(0 0,66% 31%,97% 84%,0 100%) } @media screen and (max-width: 480px) { .l-gift-page.l-donor-page .gift-page__background.gift-page__background--thanks-left { display:none } } .l-gift-page.l-donor-page .gift-page__background.gift-page__background--thanks-right { width: 40%; height: 100vh; max-height: 900px; clip-path: polygon(56% 8%,100% 0,100% 100%,19% 77%) } @media screen and (max-width: 480px) { .l-gift-page.l-donor-page .gift-page__background.gift-page__background--thanks-right { width:100%; height: 80vh; clip-path: polygon(22% 11%,100% 0,100% 100%,7% 84%); opacity: .3 } } .l-gift-page.l-donor-page .gift-header { text-align: center; margin: 48px auto 24px auto } @media screen and (max-width: 480px) { .l-gift-page.l-donor-page .gift-header { margin:24px auto } } .l-gift-page.l-donor-page .gift-header h1.font--tahu { font-family: 'Tahu!'; font-size: 62px } @media screen and (max-width: 768px) { .l-gift-page.l-donor-page .gift-header h1.font--tahu { font-size:32px } } .l-gift-page.l-donor-page .gift-header .gift-header__title { color: #272727; font-size: 1.75em; font-weight: 800; max-width: 460px; margin: 0 auto } @media screen and (max-width: 480px) { .l-gift-page.l-donor-page .gift-header .gift-header__title { font-size:1.375em } } .l-gift-page.l-donor-page .gift-header .gift-header__title span.bg--orange { padding: 0 6px; color: #fff; background: #fecb1d } .l-gift-page.l-donor-page .gift-header .gift-header__title span.bg--body { background: #f8f8f8 } @media screen and (max-width: 768px) { .l-gift-page.l-donor-page .gift-header .gift-header__title span.bg--body { background:#fff } } .l-gift-page.l-donor-page .gift-header .gift-header__title .gift-header__project { color: #fff; background: #00adfa; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 1.2px; padding: 0 5px; border-radius: 5px } .l-gift-page.l-donor-page .gift-header .gift-header__title #modal__project-info--togle { cursor: pointer; font-size: 20px; position: relative; top: -10px; left: 6px; text-shadow: -1px -1px 0 #000 , 1px -1px 0 #000 , -1px 1px 0 #000 , 1px 1px 0 #000; color: #fff } .l-gift-page.l-donor-page .btn-donate { background: #00b2ff; box-shadow: 0px 5px 46px #0000002B; border: 6px solid #fff; border-radius: 20px; color: #fff; width: 100%; padding: 14px; text-transform: uppercase; margin-top: 14px } html.no-touch .l-gift-page.l-donor-page .btn-donate:hover { background: #00a7f0 } .l-gift-page.l-donor-page .btn-donate.btn-donate--update { color: #737272; border: 2px solid #737272; background: #f8f8f8; font-size: 12px; padding: 8px; border-radius: 8px; margin-top: 10px; box-shadow: none } html.no-touch .l-gift-page.l-donor-page .btn-donate.btn-donate--update:hover { background: #bfbfbf; color: #272727 } .l-gift-page.l-donor-page .btn-donate.is-loading { background: #fecb1d; background-image: linear-gradient(90deg,#00b2ff,#97e0ff,#00b2ff,#97e0ff); transition: all .4s .2s cubic-bezier(.9,.1,.1,.9); -webkit-animation: loadingAnimation 2s .48s infinite; animation: loadingAnimation 2s .48s infinite; background-size: 300% 100%; pointer-events: none } .l-gift-page.l-donor-page .btn-donate.success { position: relative; background: #3dcb5f; -webkit-animation: none; animation: none; transition: all .4s cubic-bezier(.9,.1,.1,.9) } .l-gift-page.l-donor-page .btn-donate.error { position: relative; background: #da3b3b; -webkit-animation: none; animation: none; transition: all .4s cubic-bezier(.9,.1,.1,.9) } @-webkit-keyframes loadingAnimation { 0% { box-shadow: 0px 0px 0px 0px rgba(0,178,255,0.5); background-position: 0 0 } 100% { box-shadow: 0px 0px 0px 1rem rgba(0,178,255,0); background-position: 100% 0 } } @keyframes loadingAnimation { 0% { box-shadow: 0px 0px 0px 0px rgba(0,178,255,0.5); background-position: 0 0 } 100% { box-shadow: 0px 0px 0px 1rem rgba(0,178,255,0); background-position: 100% 0 } } .gift-progress { background: #ffd500; height: 4px; width: 80%; margin: 0 auto; margin-top: 14px; position: relative } .gift-progress .gift-progress__step { width: 20px; height: 20px; background: #ffd500; border: 2px solid #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16); position: absolute; top: -8px; border-radius: 50%; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,.1); text-align: center; line-height: 16px; font-size: 12px; font-weight: bold; transition: all .3s ease-in-out; letter-spacing: 2px } .gift-progress .gift-progress__step.active { width: 28px; height: 28px; background: #ffd500; border: 4px solid #fff; top: -12px; box-shadow: 0 3px 6px rgba(0,0,0,.16); line-height: 20px; font-size: 18px } .gift-progress .gift-progress__step.gift-progress__step--first { left: 0; right: auto } .gift-progress .gift-progress__step.gift-progress__step--second { left: calc(50% - 13px); right: auto } .gift-progress .gift-progress__step.gift-progress__step--second.four-step { left: calc(33% - 13px) } .gift-progress .gift-progress__step.gift-progress__step--third { right: auto } .gift-progress .gift-progress__step.gift-progress__step--third.four-step { left: calc(66% - 13px) } .gift-progress .gift-progress__step.gift-progress__step--last { right: 0; left: auto } .gift-main { z-index: 2; text-align: left; display: block; vertical-align: top; position: relative } .gift-done { background: #fff; box-shadow: 0px 5px 46px #0000002B; border-radius: 30px; margin: 60px auto } @media screen and (max-width: 480px) { .gift-done { margin:24px auto 60px auto } } .gift-done .step-box__body { padding: 40px 20px; text-align: center } .gift-done .step-box__body h1 { line-height: 1.3; font-size: 1.125em; margin-bottom: 14px } .l-thanks-page .gift-done .step-box__body { padding: 0; overflow: hidden; border-radius: 30px; -ms-overflow-style: none; scrollbar-width: none } .l-thanks-page .gift-done .step-box__body:-webkit-scrollbar { display: none } .l-thanks-page .gift-done .step-box__body .typeform-widget { width: 100% } .gift-done .step-box__body .step-box__title { text-align: left; display: block; font-weight: bold; font-size: 1.125em; padding-top: 14px; color: #272727; margin-bottom: 14px } .gift-done .step-box__body .step-box__title:before { content: ''; background: #00b2ff; height: 4px; width: 20px; display: inline-block; vertical-align: middle; margin-right: 10px } .price { white-space: nowrap } .gift-banclass { position: relative } .gift-sep { background-color: #3e7bb4; width: 100%; height: 100px } .gift-infos { z-index: 2; width: 100%; margin-top: 124px; margin-bottom: 42px } .gift-infos .l-main { z-index: 2 } @media screen and (max-width: 480px) { .gift-infos { margin-top:48px } } .gift-relainfo { background-color: #3e75ab; width: 100% } .curchaf,.curchbf { display: inline } .btn-gift { border: 2px solid #87bff7; border-radius: 15px; background: #fff; width: 100%; padding: 14px 20px; margin-bottom: 14px; display: flex; align-items: center; align-content: center; color: #0e3673; transform: translateY(0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media screen and (max-width: 480px) { .btn-gift { flex-wrap:wrap } } html.no-touch .btn-gift:hover { background: rgba(187,219,250,.6); box-shadow: 0 3px 12px rgba(0,0,0,.08); transform: translateY(-2px) } .btn-gift i { display: block; margin-right: 14px; line-height: 1; color: #0e3673 } .btn-gift i:after { font-size: 36px } .btn-gift .text { text-transform: capitalize; font-family: "Montserrat",sans-serif; font-size: 1em; font-weight: 500; text-align: left } .btn-gift .estimated-time--title { margin-left: auto; display: flex; text-align: left; align-items: center } @media screen and (max-width: 480px) { .btn-gift .estimated-time--title { width:100%; justify-content: right; margin-top: 12px } } .btn-gift .estimated-time--title img { margin-right: 6px } @media screen and (max-width: 480px) { .btn-gift .estimated-time--title img { width:20px; height: auto } } .btn-gift .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 2 minutes'; color: #737272; text-transform: uppercase; font-size: .6875em; font-family: "Montserrat",sans-serif; font-weight: 500; white-space: pre } @media screen and (max-width: 480px) { .btn-gift .estimated-time--title .estimated-time--title-time:after { white-space:nowrap } } .btn-gift .estimated-time--title .currency-message { max-width: 120px; margin-left: 20px; font-size: 12px } .btn-gift.btn-flutterwave .estimated-time--title img,.btn-gift.btn-lemoncb .estimated-time--title img,.btn-gift.btn-cb .estimated-time--title img { filter: invert(69%) sepia(87%) saturate(5349%) hue-rotate(69deg) brightness(100%) contrast(101%) } .btn-gift.btn-flutterwave .estimated-time--title .estimated-time--title-time:after,.btn-gift.btn-lemoncb .estimated-time--title .estimated-time--title-time:after,.btn-gift.btn-cb .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 2 minutes'; color: #35ac00 } .btn-gift.btn-cb .text:after { content: 'Visa, Mastercard, Amex, etc...'; display: block; opacity: .6; font-size: 12px } .btn-gift.btn-stripe .estimated-time--title img { filter: invert(73%) sepia(13%) saturate(2848%) hue-rotate(346deg) brightness(96%) contrast(93%) } .btn-gift.btn-stripe .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 3 minutes'; color: #ec9f22 } .btn-gift.btn-prel .estimated-time--title img,.btn-gift.btn-simpleprel .estimated-time--title img,.btn-gift.btn-sepa .estimated-time--title img { filter: invert(69%) sepia(87%) saturate(5349%) hue-rotate(69deg) brightness(100%) contrast(101%) } .btn-gift.btn-prel .estimated-time--title .estimated-time--title-time:after,.btn-gift.btn-simpleprel .estimated-time--title .estimated-time--title-time:after,.btn-gift.btn-sepa .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 2 minutes'; color: #35ac00 } .btn-gift.btn-paypal .text { font-size: 0 } .btn-gift.btn-paypal .estimated-time--title img { filter: invert(69%) sepia(87%) saturate(5349%) hue-rotate(69deg) brightness(100%) contrast(101%) } .btn-gift.btn-paypal .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 2 minutes'; color: #35ac00 } .btn-gift.btn-impactfrance .estimated-time--title img { filter: invert(73%) sepia(13%) saturate(2848%) hue-rotate(346deg) brightness(96%) contrast(93%) } .btn-gift.btn-impactfrance .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 5 minutes'; color: #ec9f22 } .btn-gift.btn-check .estimated-time--title img { filter: invert(16%) sepia(84%) saturate(4364%) hue-rotate(353deg) brightness(87%) contrast(100%) } .btn-gift.btn-check .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 15 minutes'; color: #db1313 } .btn-gift.btn-transfer .estimated-time--title img,.btn-gift.btn-transferch .estimated-time--title img { filter: invert(16%) sepia(84%) saturate(4364%) hue-rotate(353deg) brightness(87%) contrast(100%) } .btn-gift.btn-transfer .estimated-time--title .estimated-time--title-time:after,.btn-gift.btn-transferch .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 15 minutes'; color: #db1313 } .btn-gift.btn-lemonprel .estimated-time--title img,.btn-gift.btn-prel .estimated-time--title img { filter: invert(69%) sepia(87%) saturate(5349%) hue-rotate(69deg) brightness(100%) contrast(101%) } .btn-gift.btn-lemonprel .estimated-time--title .estimated-time--title-time:after,.btn-gift.btn-prel .estimated-time--title .estimated-time--title-time:after { content: 'Temps estimé : \A 2 minutes'; color: #35ac00 } .btns-list-monthly .btn-gift:nth-of-type(n+2) { display: none } #btn-gift-show-more { width: 100%; background-color: #ddd; border-radius: 10px } .col-header { padding: 16px 10px 16px 10px; color: #fff; background-color: #3e7bb4; position: relative; text-transform: uppercase; text-align: center; font-weight: 300; font-size: 20px } .box-header { display: block; padding: 17px 8px 17px 14px; background-color: #f6f6f6; text-transform: uppercase; font-weight: 600; font-size: 18px } .box-header .titlebox { float: left; padding: 0; margin: 0; line-height: 18px; color: #eb723a } .box-header .jedon { float: right; padding: 0 8px 0 5px; margin: 0; text-align: right; font-size: 14px; line-height: 18px; text-transform: none; color: #eb723a } .box-header.project { background-color: #eb723a } .box-header.project .titlebox { color: #fff } .box-header.reldon { background-color: #f6f6f6 } .box-header.reldon .titlebox { color: #3670ab } .relquest { text-align: center; color: #3670ab; font-size: 15px; font-weight: 300 } .reld { display: table; border-collapse: separate; border-spacing: 12px 0 } .reld .row { display: table-row } .reld .row .cell { vertical-align: middle; display: table-cell } .reld .row .cell.icn { color: #eb723a } .reld .row .cell.infos { color: #3670ab; font-size: 16px; font-weight: 400 } .fiscal-news { display: block; padding: 17px 8px 17px 14px; background-color: #f6f6f6 } .gift-form .error,.donor-radio.oneline2 label.error { color: red; font-size: .875em } .gift-form p { color: #60646a } .gift-form label { font-size: 16px; font-weight: 400; line-height: 1.2; color: #60646a } .gift-form select { width: 100% } .gift-form #step-1 .std-donor-input label { transform: translateY(28px); padding-left: 8px; transition: all .3s ease-in-out } .gift-form #step-1 .std-donor-input label.moveUp { transform: translateY(1px) } .gift-form #step-1 .std-donor-input input[type="email"] { padding: 10px; width: 100%; font-size: 16px; font-weight: 400; background: #efefef; border-radius: 10px; border: none; text-align: left; padding-right: 28px; color: #272727; font-weight: normal; font-family: "Montserrat",sans-serif; transition: all .3s ease-in-out } .gift-form input[type="email"] { text-transform: lowercase!important } .gift-form input[type="text"],.gift-form input[type="date"],.gift-form input[type="search"],.gift-form input[type="email"],.gift-form input[type="password"],.gift-form input[type="number"],.gift-form textarea { color: #000; font-size: 16px; font-weight: 500; border-radius: 0; padding: 5px; margin-bottom: 5px; width: 100%; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #c3c3c3; background: none } .gift-form input[type="date"]:focus,.gift-form input[type="date"]:focus-visible { border-bottom: 1px solid #3a80c6!important; border-top: none; border-left: none; border-right: none; color: #272727; outline: none } .gift-form input[type="date"].is-active { color: #272727 } .std-donor-input { display: flex; flex-direction: column; margin-bottom: 15px } .std-donor-input .donor-radio { padding: 0 } .std-donor-input .donor-radio #id_title { display: flex; align-items: center; gap: 12px } .std-donor-input.not-required label:after { content: ' - facultatif'; color: #9a9a9a; font-size: 12px } .std-donor-input .error { transform: none } .std-donor-input label.error { transform: none!important } .std-donor-input input { font-size: 14px } .std-donor-input textarea { height: 26px } .std-donor-input textarea.is-active { height: auto } .std-donor-input select { background: none; border-bottom: 1px solid #bbb; border-top: none; border-left: none; border-right: none; padding: 5px 0; font-size: 16px; color: #000; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url(data:image/svg+xml;utf8,); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 3px; border-radius: 0 } .std-donor-input select:focus-visible { border-bottom: 1px solid #3a80c6!important; outline: none } .std-donor-input select:focus { border-bottom: 1px solid #3a80c6!important; outline: none } .std-donor-input.text-field label { transition: all .3s ease-in; transform: translateY(20px); display: inline-block; cursor: text; line-height: 18px } .std-donor-input.text-field label:-webkit-autofill { transform: translateY(1px); font-size: .6875em } .std-donor-input.text-field label.moveUp { transform: translateY(1px); font-size: 11px; line-height: 18px } .std-donor-input.group-field__organization { position: relative } .std-donor-input.group-field__organization.group-field__organization--type label { transform: translateY(1px); font-size: .6875em } .std-donor-input.group-field__name { width: 47%; display: inline-block; margin-right: 12px } @media screen and (max-width: 480px) { .std-donor-input.group-field__name { width:100% } } .std-donor-input.group-field__firstname { width: 47%; display: inline-block } @media screen and (max-width: 480px) { .std-donor-input.group-field__firstname { width:100% } } .std-donor-input.group-field__civility span { transform: translateY(1px); font-size: .75em; font-weight: 400; color: #60646a } .std-donor-input.group-field__country { width: 47%; margin-right: 12px; display: inline-block } @media screen and (max-width: 480px) { .std-donor-input.group-field__country { width:100%; margin-top: 24px } } .std-donor-input.group-field__country label { transform: translateY(1px); font-size: .6875em } .std-donor-input.group-field__phone { display: inline-block; width: 47% } .group-field__birthday { display: flex; flex-wrap: nowrap } .group-field__birthday .std-donor-input { width: 47%; white-space: nowrap } .group-field__birthday .std-donor-input label { transform: translateY(1px); font-size: .6875em } .group-field__birthday .birthday-disclaimer { width: 48%; display: inline-block; color: #c90000; font-size: .6875em; display: flex; align-items: center; padding-left: 20px } .group-field__birthday .birthday-disclaimer svg { margin-right: 8px } @media screen and (max-width: 540px) { .group-field__birthday { flex-wrap:wrap } .group-field__birthday .std-donor-input { margin-bottom: 0 } .group-field__birthday .birthday-disclaimer { width: 100%; margin: 0; padding: 0 } .group-field__birthday .birthday-disclaimer svg { transform: rotate(50deg) } } .std-newsletter-input label,.std-rgpd-input label { font-size: .875em } .std-newsletter-input label a,.std-rgpd-input label a { color: #272727; position: relative; display: inline-block } .std-newsletter-input label a:after,.std-rgpd-input label a:after { content: ''; height: 1px; width: 100%; background: #272727; position: absolute; left: 0; bottom: -2px } .std-newsletter-input.not-required label:after,.std-rgpd-input.not-required label:after { content: ' - facultatif'; color: #9a9a9a; font-size: 12px } .std-newsletter-input .icon-informations,.std-rgpd-input .icon-informations { text-shadow: -1px -1px 0 #000 , 1px -1px 0 #000 , -1px 1px 0 #000 , 1px 1px 0 #000; color: #fff; cursor: pointer } .std-newsletter-input { margin-bottom: 10px } .dmrn { font-weight: 400; font-size: 16px; text-align: center; margin-bottom: 0 } .paypal-full { display: none } #btn-pay-lemoncard-form .form-label { text-align: left; width: 100% } #btn-pay-lemoncard-form .helptext,#btn-pay-lemoncard-form .form-input { width: 100% } @media (max-width: 57.438em) { .gift-form { display:block } .gift-form .margin { margin-top: 0 } } .l-donor-page .l-article { margin-top: 0!important } .donor-radio { padding-top: 14px; padding-bottom: 14px } .donor-radio ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .donor-radio ul li { width: 50%; display: inline-block; list-style: none; padding: 10px } #step-2 .donor-radio ul li { width: auto } .donor-radio.am ul li { padding-top: 10px; padding-bottom: 10px } .donor-radio.lines ul li { width: auto; padding-bottom: 10px } .donor-radio label { display: inline-block; cursor: pointer; position: relative; margin-right: 15px; font-size: 18px; border: 1px solid #707070; background: #fff; border-radius: 10px; width: 100%; padding: 12px; text-align: center; color: #272727; font-weight: bold; font-family: "Montserrat",sans-serif; transition: all .3s ease-in-out } .donor-radio label.checked { background: #ffc300; box-shadow: 0px 4px 16px #00000029; top: -2px; color: #fff; text-align: center; border-color: transparent!important; pointer-events: none } #step-2 .donor-radio label,.donor-radio label.field__civility { border: 2px solid #a5a5a5; padding: 4px 8px; border-radius: 6px; font-size: 14px; display: inline-block; font-weight: 400; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0 6px 0 0; box-shadow: none } #step-2 .donor-radio label.checked,.donor-radio label.field__civility.checked { border: none; top: 0; padding: 6px 10px; pointer-events: none } @media screen and (max-width: 480px) { .donor-radio label .curchaf:after { content:'\A'; white-space: pre } } .donor-radio input[type="radio"] { opacity: 0; position: absolute } .donor-radio.oneline2 label { font-size: 17px; color: #343a41 } .donor-radio.oneline2 span { font-size: 18px; font-weight: 700; color: #60646a } .donor-radio.oneline2 ul li { width: 34%; display: inline; list-style: none } p.tax-info { position: relative; margin-top: 10px; color: #d6a400; text-align: center; line-height: 1.2; font-size: 16px } p.tax-info span { font-weight: bold; color: #666 } .nehemie { text-align: center; background-color: #eb723a; color: #fff; white-space: nowrap; line-height: 26px; height: 57px; width: 100%; padding-top: 15px; padding-bottom: 15px } html.no-touch .nehemie:hover { color: #fff } .nehemie .icon-donors-nehemie { display: inline-block; vertical-align: middle; margin-top: 6px } .nehemie .rej1 { display: inline-block; vertical-align: middle; margin-left: 15px; margin-right: 15px } .nehemie .rej1 .upp { text-transform: uppercase; font-size: 20px; font-weight: 700 } .nehemie .rej1 .down { font-size: 16px; font-weight: 600 } .num-col { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; border: solid 3px #fff; border-radius: 50%; box-sizing: border-box; height: 2em; width: 2em; margin-right: 1em } .gift-contact { margin-bottom: 20px } .gift-contact img { float: left; width: 40px; margin-right: 20px; display: inline-block; vertical-align: middle } .gift-contact span { display: inline-block; vertical-align: middle } .gift-contact h3 { color: #0e3673; font-size: .875em; font-weight: 500 } .gift-contact h3 a { color: #0e3673 } .gift-rinfos { display: block; text-align: left } .gift-rinfos h3 { font-size: 1.25em; font-weight: 800; line-height: 1.1em; color: #0e3673; margin-bottom: 32px } .gift-rinfos h4 { color: #272727 } .gift-rinfos p { font-size: 16px; font-weight: 400; line-height: 1.2; color: #272727; text-align: justify } .gift-bottom { height: 172px; color: #fff; text-align: center } .gift-bottom h1 { font-size: 25px; font-weight: 600; line-height: 1.1em; margin-top: 24px } .gift-bottom p { margin-top: .5em } .gift-bottom .l1 { font-size: 16px; font-weight: 300; line-height: 1em } .gift-bottom .l2 { font-size: 16px; font-weight: 400; line-height: 1.2em } .amount-wrapper { display: flex; width: 100%; justify-content: center; align-content: center; align-items: center; margin-bottom: 14px; position: relative } .amount-wrapper:after { content: attr(data-devise); position: absolute; right: 10px; top: 8px; z-index: 2; font-weight: bold } .amount-wrapper label { color: #272727; font-family: "Montserrat",sans-serif; font-weight: bold; white-space: nowrap; padding-right: 10px; padding-left: 0 } .amount-wrapper input[type="text"] { padding: 10px; width: 100%; font-size: 16px; font-weight: 400; background: #efefef; border-radius: 10px; border: none; text-align: right; padding-right: 28px; color: #272727; font-weight: bold; font-family: "Montserrat",sans-serif; transition: all .3s ease-in-out } .amount-wrapper span { font-size: 22.3px; display: table-cell; width: 1px; padding-left: 5px; color: #272727 } .donor-source { font-size: .8em; font-style: italic } .sepa-mandate { max-width: 600px; width: 100%; margin: 24px auto; text-align: justify; padding: 0 } .sepa-mandate-block,.table__sepa { width: 100%; margin-bottom: 20px } .sepa-mandate-block th,.table__sepa th { font-weight: normal; text-align: left; color: #212121; opacity: .6; vertical-align: top; padding-bottom: 16px } .sepa-mandate-block td,.table__sepa td { vertical-align: top; padding-left: 1em; font-weight: normal; color: #212121 } .sepa-signature { text-align: center; font-weight: bold; margin: 24px auto } .sepa-signature .btn-base { margin-top: 24px } .sepa-signed { background-color: #7f7; display: inline-block; border-radius: 5px; padding: 1em; margin: 1em } .sepa-signed:before { content: "✓"; margin-right: 1em } .hidecampaign .hidecampaign { display: none!important } .gift-form .step-box .don__select-country { padding-top: 12px } .gift-form .step-box .don__select-country--input { border: 1px solid #dadada; border-radius: 8px; padding: 6px; margin: 12px auto } .gift-form .step-box .don__select-country--input label { font-size: 12px; font-weight: 400; color: #272727; display: block; margin-bottom: 2px } .gift-form .step-box .don__select-country--input select { border: none } .gift-form .step-box.gift-book { margin-bottom: 10px; margin-top: 20px; display: flex; flex-wrap: nowrap; align-items: center; padding: 10px } .gift-form .step-box.gift-book img { width: 80px; height: 100%; margin-right: 10px } .gift-form .step-box.gift-book .proposed_gift { display: flex; align-items: center; flex-wrap: wrap } .gift-form .step-box.gift-book .proposed_gift div { flex-basis: 100%; display: flex; align-items: center } .gift-form .step-box.gift-book .proposed_gift input { margin-right: 20px } .gift-form .step-box.gift-book #proposed_gift--monthly { display: none } .gift-form .step-box input[type="checkbox"] { min-width: 20px; transform: scale(1.2) } .gift-form .step { display: none; padding-left: 80px; padding-right: 80px } @media screen and (max-width: 1200px) { .gift-form .step { padding-left:60px; padding-right: 60px } } @media screen and (max-width: 992px) { .gift-form .step { padding-left:15px; padding-right: 15px } } @media screen and (max-width: 480px) { .gift-form .step { padding-left:15px; padding-right: 15px } } .current-step-0 .gift-form .step#step-0 { display: block } .current-step-1 .gift-form .step#step-1 { display: block } .current-step-2 .gift-form .step#step-2 { display: block; animation: fadeInUp .3s ease-in forwards; -webkit-animation: fadeInUp .3s ease-in forwards } .current-step-3 .gift-form .step#step-3 { display: block } .current-step-4 .gift-form .step#step-4 { display: block } .gift-form .step#step-4 .box,.gift-form .step#step-3 .box { margin-bottom: 24px } .gift-form .step#step-1.period-once #proposed_gift--monthly { display: block } .current-step-5 .gift-form .step#step-5 { display: block } .gift-form #alternative-explain { margin-bottom: 14px } .gift-form .donor-edit-form .step-box__title label { color: #272727; font-weight: bold } .gift-form .donor-edit-form #city-choices { position: absolute; left: 0; right: 0; z-index: 9; background: #fff; border: 1px solid #e7e7e7; border-radius: 6px } .gift-form .donor-edit-form #city-choices ul { padding: 0; margin: 0; list-style: none } .gift-form .donor-edit-form #city-choices ul li { padding: 8px 10px; background: #fff; transition: all .3s ease-in-out; cursor: pointer } html.no-touch .gift-form .donor-edit-form #city-choices ul li:hover { background: #e6f7ff } .gift-form .donor-new-form { display: flex; align-items: center } @media screen and (max-width: 480px) { .gift-form .donor-new-form { flex-wrap:wrap; gap: 20px; justify-content: center; margin-bottom: 24px } } .gift-form .donor-new-form #gift-logged-user { text-align: left; flex-grow: 1; font-style: italic; color: #272727 } @media screen and (max-width: 480px) { .gift-form .donor-new-form #gift-logged-user { text-align:center } } .gift-form .donor-new-form #gift-logged-user:before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #3dcb5f; margin-right: 4px; vertical-align: middle } .gift-form .donor-new-form #gift-logged-user #gift-logged-user--email { border-bottom: 2px dashed #272727 } .gift-form .donor-new-form input[type="radio"] { position: fixed; opacity: 0; pointer-events: none } .gift-form .donor-new-form.step-box { padding: 0; box-shadow: none; background: none; border-radius: 0; transform: translateY(0); text-align: right; margin-bottom: 14px } .gift-form .donor-new-form.step-box .step-box__body { background-color: #fff; transform: translateY(0); display: inline-block; transition: all .3s ease-in-out; padding: .58571429em 1.2em .58571429em; border-radius: 6px; border: 2px solid #ccc } .gift-form .donor-new-form.step-box .step-box__body .step-box__title { color: #00b2ff; font-weight: bold; font-size: .7rem; padding: 0; margin: 0; border-radius: 6px } .gift-form .donor-new-form.step-box .step-box__body .step-box__title:before { display: none } .gift-form .donor-new-form.step-box .step-box__body label { cursor: pointer; font-weight: bold; display: flex; align-items: center; color: #00b2ff; font-size: .9em } .gift-form #donors-existing { background: none; margin-bottom: 24px } .gift-form #donors-existing input[type="radio"] { position: fixed; opacity: 0; pointer-events: none } .gift-form #donors-existing .step-box { border: 2px solid #ccc; cursor: pointer; background: #fff; box-shadow: 0 5px 46px rgba(0,0,0,.1); border-radius: 24px; margin-bottom: 10px; display: block; padding: 10px; transform: translateY(0); transition: all .3s ease-in-out; position: relative; cursor: pointer } .gift-form #donors-existing .step-box .step-box__body { padding: 0 10px 10px 10px } .gift-form #donors-existing .step-box .step-box__body:before { content: '\E092'; font-family: 'Proxima'!important; background: #fff; border: 2px solid #bebebe; width: 24px; height: 24px; color: #bebebe; line-height: 20px; text-align: center; vertical-align: middle; border-radius: 50%; display: inline-block; font-size: 14px } .gift-form #donors-existing .step-box.is-checked { border: 2px solid #3dcb5f; background: #f1f5fb } .gift-form #donors-existing .step-box.is-checked .step-box__body:before { color: #3dcb5f; background: #f1f5fb; border-color: #3dcb5f } .gift-form #donors-existing .step-box.is-checked .btn-base.donor-edit { background-color: #fff } .gift-form #donors-existing .step-box label { cursor: pointer } .gift-form #donors-existing .step-box .step-box__title { font-weight: 600; font-size: 1em; margin: 0 } .gift-form #donors-existing .step-box .step-box__title:before { display: none } .gift-form #donors-existing .step-box .donors-existing--mail { margin-bottom: 8px } .gift-form #donors-existing .step-box .donors-existing--address,.gift-form #donors-existing .step-box .donors-existing--zip,.gift-form #donors-existing .step-box .donors-existing--country { font-style: italic } .gift-form #donors-existing .step-box .btn-base.donor-edit { color: #00b2ff; background-color: #ccf0ff } .gift-form .step-box { background: #fff; box-shadow: 0px 5px 46px #0000002B; border-radius: 30px } @media screen and (max-width: 768px) { .gift-form .step-box { box-shadow:0 5px 46px rgba(0,0,0,.1) } } .gift-form .step-box .step-box__body { padding: 0 20px 20px 20px } .gift-form .step-box .step-box__body .step-box__title { text-align: left; display: block; font-weight: bold; font-size: 1.125em; padding-top: 14px; color: #272727; margin-bottom: 14px } .gift-form .step-box .step-box__body .step-box__title:before { content: ''; background: #00b2ff; height: 4px; width: 20px; display: inline-block; vertical-align: middle; margin-right: 10px } .gift-form #summary-gift { display: none; text-align: left } .current-step-2 .gift-form #summary-gift,.current-step-4 .gift-form #summary-gift,.current-step-5 .gift-form #summary-gift,.current-step-3 .gift-form #summary-gift { display: block } .current-step-2 .gift-form #summary-gift { animation: fadeInUp .3s ease-in forwards; -webkit-animation: fadeInUp .3s ease-in forwards } @media screen and (max-width: 992px) { .gift-form #summary-gift { margin-top:54px } .gift-form #summary-gift:before { content: 'Résumé'; display: block; margin-bottom: 14px; font-weight: bold; font-family: "Montserrat",sans-serif; color: #272727; font-size: 1.375em } } .gift-form #summary-gift .summary-gift__amount { padding: 8px 14px; color: #fff; font-weight: bold; border-radius: 10px; background: #ffc300; margin: 8px auto 8px 0; display: inline-block } .gift-form #summary-gift .summary-gift__body #want-gift-summary { display: flex; width: 100%; justify-content: left; align-items: center; font-size: .75em } .gift-form #summary-gift .summary-gift__body #want-gift-summary img { width: 80px; height: auto } .gift-form #summary-donor { display: none; margin-top: 32px; font-family: "Montserrat",sans-serif; font-weight: 500; font-size: .875em } .current-step-3 .gift-form #summary-donor,.current-step-5 .gift-form #summary-donor,.current-step-4 .gift-form #summary-donor { display: block; animation: fadeInUp .3s ease-in forwards; -webkit-animation: fadeInUp .3s ease-in forwards } .gift-form #frequency-selector { list-style-type: none; text-align: center; padding: 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top: 0; margin-bottom: 14px; background: #fff; box-shadow: 0px 5px 46px #0000002B; border-radius: 30px } @media screen and (max-width: 480px) { .gift-form #frequency-selector.is-fixed { position:fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; border-radius: 0; padding: 4px } } .gift-form #frequency-selector li { cursor: pointer; display: inline-block; background: #fff; border: 1px solid #fff; border-radius: 30px; color: #272727; padding: 20px; width: 50%; font-size: .8125em; font-family: "Montserrat",sans-serif; font-weight: 500; height: 60px; vertical-align: middle; transition: all .3s ease-in-out; position: relative; line-height: 1.2; opacity: .6; display: flex; justify-content: center; align-items: center; gap: 6px } .gift-form #frequency-selector li svg { width: 24px; height: 24px } .gift-form #frequency-selector .selected { font-weight: bold; box-shadow: 0px 5px 46px #0000002B; background: #fff; color: #272727; border: none; font-size: 1.125em; font-weight: bold; pointer-events: none; border: 4px solid #00b2ff; opacity: 1; line-height: .7 } #amount_once_installments { border: 1px solid #dadada; border-radius: 10px; text-align: center; font-weight: bold; padding: 10px; margin-bottom: 20px; border-radius: 10px; transition: all .3s ease-in-out } #amount_once_installments.is-open { border-radius: 20px } #amount_once_installments label { font-weight: 700; font-size: 16px; line-height: 18px } #amount_once_installments_slider_container { padding: 24px 5px; position: relative; font-family: "Montserrat",sans-serif; font-style: normal; font-size: 12px; line-height: 12px; margin-top: 30px; margin-bottom: 12px } #amount_once_installments_slider_2months { position: absolute; left: 5px; bottom: 5px; font-weight: 400; font-family: "Montserrat",sans-serif; font-size: 12px; line-height: 1 } #amount_once_installments_slider_12months { position: absolute; right: 5px; bottom: 5px; font-weight: 400; font-family: "Montserrat",sans-serif; font-size: 12px; line-height: 1 } #amount_once_installments_slider .ui-slider-range { border: none; background: #ffc300; border-radius: 30px; height: 6px } #amount_once_installments_slider.ui-widget-content { border: none; background: #efefef; border-radius: 10px; height: 6px } #amount_once_installments_slider .ui-slider-handle { border-radius: 50%; background: #ffc300; border: 3px solid #fff; box-shadow: 0 1px 6px rgba(0,0,0,.25); height: 22px; width: 22px; top: -8px } #amount_once_installments_slider_value { display: block; position: absolute; top: -40px; left: -25px; padding: 5px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); border-radius: 4px; width: 60px; font-weight: 700; text-align: center; color: #272727 } #amount_once_installments_slider_value:after { content: ''; position: absolute; left: calc(50% - 3px); top: calc(100% - 5px); width: 10px; height: 10px; clear: both; box-shadow: 0 2px 4px rgba(0,0,0,.1); z-index: -1; transform: rotate(45deg) } #amount_once_installments_details { font-family: "Montserrat",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #00adfa } #amount_once_installments_amount,#amount_once_installments_duration { font-weight: bold } #last-donor { position: fixed; z-index: 999999; right: 20px; top: 20px; bottom: auto; border-radius: 20px; box-shadow: 0 9px 26px rgba(0,0,0,.16); padding: 20px; background: #fff; font-size: .875em; max-width: 280px; -webkit-animation: lastDonorSlideOut 1s cubic-bezier(.215,.61,.355,1) both; animation: lastDonorSlideOut 1s cubic-bezier(.215,.61,.355,1) both } @media screen and (max-width: 720px) { #last-donor { display:none!important } } .current-step-3 #last-donor { display: none } #last-donor img { width: 40px; height: auto; float: left; margin-right: 14px } #last-donor.visible { -webkit-animation: lastDonorSlide 1s cubic-bezier(.215,.61,.355,1) both; animation: lastDonorSlide 1s cubic-bezier(.215,.61,.355,1) both } @media screen and (max-width: 480px) { #last-donor.visible { -webkit-animation:lastDonorSlideXS 1s cubic-bezier(.215,.61,.355,1) both; animation: lastDonorSlideXS 1s cubic-bezier(.215,.61,.355,1) both } } @-webkit-keyframes lastDonorSlideOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } } @keyframes lastDonorSlideOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } } @-webkit-keyframes lastDonorSlide { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes lastDonorSlide { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes lastDonorSlideXS { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes lastDonorSlideXS { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } #action-in-progress { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; text-align: center; padding-top: 20vh; font-size: 2em; background: rgba(0,0,0,.8); z-index: 999999 } .action-in-progress #action-in-progress { display: block } .l-donorspace-page h1.donorspace-header__title { margin: 42px 0; text-align: left; color: #00adfa; font-weight: 900; font-size: 3.4375em; position: relative; display: block; z-index: 5; line-height: 1.2 } @media screen and (max-width: 768px) { .l-donorspace-page h1.donorspace-header__title { margin-bottom:24px } } .l-donorspace-page h1.donorspace-header__title:before { content: 'Espace donateur'; font-weight: 900; color: #eee; font-size: 2em; white-space: nowrap; position: absolute; top: -26px; left: 0; line-height: 1; letter-spacing: 0; z-index: -1; text-align: left; width: 100% } @media screen and (max-width: 992px) { .l-donorspace-page h1.donorspace-header__title { font-size:2.25em } } .l-donorspace-page .donorspace__container { background: #fff 0% 0% no-repeat padding-box; box-shadow: 0px 5px 46px #0000002B; border-radius: 30px; margin: 0 auto 32px auto } .l-donorspace-page .donorspace__container h5 { margin-bottom: 18px; width: 100%; display: block } .l-donorspace-page .donorspace__container .donorspace__container--body { padding: 20px } .l-donorspace-page .donorspace__container .donorspace__card { border: 2px solid #87bff7; cursor: pointer; border-radius: 15px; background: #fff; padding: 10px 20px; margin: 14px; color: #0e3673; font-weight: bold; max-width: 40%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: translateY(0) } html.no-touch .l-donorspace-page .donorspace__container .donorspace__card:hover { background-color: #ddedfd; transform: translateY(-4px) } .l-donorspace-page .donorspace__container .donorspace__card .donorspace__card--icon { width: 60px; margin: 0 auto 18px auto; display: block } .l-donorspace-page .donorspace__container .donorspace__card.is-current { background-color: #ddedfd; cursor: default; pointer-events: none } .l-donorspace-page ul.tabs { background: none } @media screen and (max-width: 992px) { .l-donorspace-page ul.tabs { margin:0 auto; padding: 20px } } @media screen and (max-width: 768px) { .l-donorspace-page ul.tabs { padding:20px 15px } } .l-donorspace-page ul.tabs li { color: #272727; text-align: left; font-size: 1em; padding: 0; background: none; border: none; height: auto; max-width: unset } @media screen and (max-width: 992px) { .l-donorspace-page ul.tabs li { display:block } } .l-donorspace-page ul.tabs li span { display: inline-block; white-space: nowrap; border-radius: 30px; padding: 2px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media (max-width: 1199px) and (min-width:993px) { .l-donorspace-page ul.tabs li span { white-space:normal; line-height: 1.7 } } .l-donorspace-page ul.tabs li.current { background: none; pointer-events: none } .l-donorspace-page ul.tabs li.current span { padding: 2px 28px; background: #ffefcc; color: #ffb100; font-weight: bold } .l-donorspace-page .tab-content { background: #fff; box-shadow: 0px 5px 46px #0000002B; border-radius: 30px; padding: 40px; margin-bottom: 64px } @media screen and (max-width: 768px) { .l-donorspace-page .tab-content { padding:30px 15px 20px 15px; margin-left: 15px; margin-right: 15px; box-shadow: 0 5px 46px rgba(0,0,0,.1) } } .l-donorspace-page .tab-content h4:before { content: ''; background: #00b2ff; height: 4px; width: 20px; display: inline-block; vertical-align: middle; margin-right: 10px } .l-donorspace-page #update-donor { position: relative; padding-top: 42px } @media screen and (max-width: 992px) { .l-donorspace-page #update-donor { padding-top:0 } } .l-donorspace-page #update-donor label { cursor: default } .l-donorspace-page #update-donor.is-update input[type="text"],.l-donorspace-page #update-donor.is-update input[type="date"],.l-donorspace-page #update-donor.is-update input[type="search"],.l-donorspace-page #update-donor.is-update input[type="email"],.l-donorspace-page #update-donor.is-update input[type="password"],.l-donorspace-page #update-donor.is-update input[type="number"],.l-donorspace-page #update-donor.is-update textarea { border-bottom-color: #94deff; background-color: #f4f4f4; transition: all .2s ease-in-out } .l-donorspace-page #update-donor.is-update select { border-bottom-color: #94deff; background-color: #f4f4f4; transition: all .2s ease-in-out } .l-donorspace-page #update-donor.is-update label { cursor: text } .l-donorspace-page #update-donor.is-update .donor-radio label { cursor: pointer } .l-donorspace-page #update-donor .btn-update-informations { position: absolute; top: 0; right: 0 } @media screen and (max-width: 992px) { .l-donorspace-page #update-donor .btn-update-informations { position:relative; top: auto; right: auto; text-align: center; width: 100%; margin-top: 24px } } .l-donorspace-page #update-donor .donor-radio li { width: auto } .l-donorspace-page #update-donor .group-field__select label { transform: translateY(1px); font-size: .6875em } .l-donorspace-page .underline-text { position: relative } .l-donorspace-page .underline-text:after { content: ''; background: #272727; height: 2px; width: 100%; position: absolute; left: 0; right: 0; bottom: -4px } .l-donorspace-page .underline-text.underline--blue:after { background: #00b2ff } .l-donorspace-page .form__update-cb { margin: 14px auto } .l-donorspace-page .form__update-cb label { font-family: "Montserrat",sans-serif; font-weight: bold; color: #272727; font-size: 14px; display: inline-block; margin-right: 10px } .l-donorspace-page .form__update-cb input[type="number"] { background: #f4f4f4; border-radius: 10px; border: none; width: auto; display: inline-block } .l-donorspace-page .form__update-sepa { margin-bottom: 14px } .l-donorspace-page .form__update-sepa label { font-family: "Montserrat",sans-serif; font-weight: bold; color: #272727; font-size: 18px; display: inline-block; margin-right: 10px } .l-donorspace-page .form__update-sepa input[type="number"] { background: #f4f4f4; border-radius: 10px; border: none; width: auto; display: inline-block } .l-donorspace-page .form__stop-sepa label { color: red } .l-donorspace-page .modalDialog { background-color: rgba(255,255,255,.5) } .l-donorspace-page .modalDialog>div { border-radius: 30px; background: #fff; box-shadow: 0 5px 46px rgba(0,0,0,.17); border: none; text-align: center } @media screen and (max-width: 480px) { .l-donorspace-page .modalDialog>div { height:auto!important; margin: 70px 10px auto 10px; bottom: auto } } .l-donorspace-page .modalDialog>div h2 { color: #272727!important } .tab-give__table { border: none; border-collapse: collapse; margin: 0; padding: 0; width: 100%; text-align: left } .tab-give__table h4 { text-align: left } .tab-give__table thead { color: #717171; font-weight: lighter; font-family: "Montserrat",sans-serif; font-size: .75em; text-transform: uppercase; border-bottom: 1px solid #eee; border-top: none; border-left: none; border-right: none; text-align: left; margin-bottom: 18px } .tab-give__table tr { background: none; border: none; padding: 0 } .tab-give__table tr td { padding-bottom: 24px } .tab-give__table .tab-give__table--mode { word-wrap: break-word; max-width: 100px } .tab-give__table th,.tab-give__table td { font-size: .875em; text-align: left; vertical-align: top; border: none } .tab-give__table th { font-size: .85em; text-transform: uppercase } @media screen and (max-width: 768px) { .tab-give__table { border:0 } .tab-give__table caption { font-size: 1.3em } .tab-give__table thead { display: none } .tab-give__table tr { display: block; margin-bottom: 24px } .tab-give__table .tab-give__table--mode { max-width: unset } .tab-give__table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right } .tab-give__table td.col--year { margin-bottom: 0; padding-bottom: 0 } .tab-give__table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase } .tab-give__table td:last-child { border-bottom: 0 } } .l-donor-page .modalDialog.modalDialog--gift { pointer-events: auto } .l-donor-page .modalDialog.modalDialog--gift h2 { color: #272727!important; line-height: 1.3 } .l-donor-page .modalDialog.modalDialog--gift>div { border: none; border-radius: 30px; background: #fff; box-shadow: 0 13px 36px rgba(0,0,0,.1); text-align: center; display: flex; padding: 0 } @media screen and (max-width: 480px) { .l-donor-page .modalDialog.modalDialog--gift>div { flex-wrap:wrap; bottom: auto; height: auto } html.header-hidden .l-donor-page .modalDialog.modalDialog--gift>div { margin: 70px 10px 60px 10px } } .l-donor-page .modalDialog.modalDialog--gift>div .close { font-size: 24px; color: #707070; right: 18px; top: 10px } .l-donor-page .modalDialog.modalDialog--gift>div .modal-image { width: 100%; background-size: cover; background-position: center; clip-path: polygon(0 0,100% 0,85% 100%,0% 100%); border-top-left-radius: 30px; border-bottom-left-radius: 30px } @media screen and (max-width: 480px) { .l-donor-page .modalDialog.modalDialog--gift>div .modal-image { border-bottom-left-radius:0; border-top-right-radius: 30px; clip-path: polygon(0 0,100% 0,100% 90%,0% 100%); height: 200px } } .l-donor-page .modalDialog.modalDialog--gift>div .modal-body { padding: 40px 20px } .l-donor-page .modalDialog.modalDialog--gift.modalDialog--project-infos>div { text-align: left } .l-donor-page .modalDialog.modalDialog--gift.modalDialog--project-infos>div .modal-body { max-height: 55vh; width: 100% } .l-donor-page .modalDialog.modalDialog--gift.modalDialog--project-infos>div .modal-body--text { max-height: calc(100% - 40px); overflow-y: scroll; width: 100%; min-height: 60px } .l-donor-page .gift-success--signature { display: block; margin-top: 14px; font-weight: normal } .l-donor-page .gift-rinfos-td-country { display: none } .l-donorspace-page .gift-rinfos-td-country { display: block } .confetti__wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: -1 } [class|="confetti"] { position: absolute } #btn-pay-stripe-form #payment-form #card-element { background: #efefef; border-radius: 10px; padding: 8px } #gift-testimony { position: absolute; right: 0; bottom: 18vh; width: 20%; max-width: 260px; text-align: right; font-style: italic; line-height: 1.3; font-size: 1.2em } #gift-testimony div { position: relative } #gift-testimony div:before { content: '“'; color: #ffc300; font-size: 7em; position: absolute; top: -20px; left: 0; z-index: 2; line-height: 1; text-shadow: -1px -1px 0 #fff , 1px -1px 0 #fff , -1px 1px 0 #fff , 1px 1px 0 #fff } #gift-testimony span { background-color: rgba(255,255,255,.94); display: block; color: #272727; clip-path: polygon(0 12%,100% 4%,100% 100%,9% 94%); padding: 52px 20px 32px 32px } @media screen and (max-width: 992px) { #gift-testimony { display:none } } .dropdown { position: absolute; display: none; -top: 48px; -width: 18em; );background-color: #fff; color: #888; text-align: left; z-index: 5 } .dropdown>ul { margin: 0; padding: 0; list-style: none } .dropdown>ul>li { border-bottom: solid 1px #eee; font-size: .875em; position: relative; width: 300px } .dropdown>ul>li.is-selected a:before { content: '✔'; margin-right: 8px; color: #fff; background: #3a80c6; width: 16px; height: 16px; border-radius: 50%; display: inline-block; line-height: 15px } .dropdown>ul>li a { padding: .7em .7em; display: block; color: #fff } .dropdown h4 { border-bottom: 1px solid #fff; color: #fff; font-weight: bold; margin: 0; padding: 0 2em; text-align: center } html.no-touch .dropdown-item-hover:hover { opacity: .8 } .article-ecard .article-img { float: left; width: 70%; margin: 0 } @media (max-width: 60em) { .article-ecard .article-img { width:100% } } .article-ecard .article-column { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center } .article-ecard-view,.article-ecard-preview { margin-top: 60px } .article-ecard-view .article-img,.article-ecard-preview .article-img { float: none; margin: 0 0 1em 0; padding: .5em; border-radius: 20px; box-shadow: rgba(100,100,111,.2) 0 7px 29px 0; border-radius: 20px } .article-ecard-view .article-img img,.article-ecard-preview .article-img img { border-radius: 16px } .l-full-article .article-ecard-view,.l-full-article .article-ecard-preview { text-align: center!important } .article-ecard-email .article-img,.article-ecard-facebook .article-img,.article-ecard-twitter .article-img { width: 400px; max-width: 100%; float: none; margin: 1em auto; display: block } .article-ecard-email .article-img:before,.article-ecard-email .article-img:after,.article-ecard-facebook .article-img:before,.article-ecard-facebook .article-img:after,.article-ecard-twitter .article-img:before,.article-ecard-twitter .article-img:after { content: ""; display: table } .article-ecard-email .article-img:after,.article-ecard-facebook .article-img:after,.article-ecard-twitter .article-img:after { clear: both } .article-ecard-email .article-content,.article-ecard-facebook .article-content,.article-ecard-twitter .article-content { float: none; width: 100% } .article-ecard-email .form-label,.article-ecard-facebook .form-label,.article-ecard-twitter .form-label { width: 100% } .article-ecard-email .form-input,.article-ecard-facebook .form-input,.article-ecard-twitter .form-input { text-align: left; width: 100% } .article-ecard-email .form-input input[type="text"],.article-ecard-email .form-input input[type="email"],.article-ecard-email .form-input input[type="date"],.article-ecard-facebook .form-input input[type="text"],.article-ecard-facebook .form-input input[type="email"],.article-ecard-facebook .form-input input[type="date"],.article-ecard-twitter .form-input input[type="text"],.article-ecard-twitter .form-input input[type="email"],.article-ecard-twitter .form-input input[type="date"] { font-weight: normal!important; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif!important } .article-ecard-email .field.delayed-field,.article-ecard-facebook .field.delayed-field,.article-ecard-twitter .field.delayed-field { display: flex; flex-direction: row-reverse; align-items: center; gap: 12px } .article-ecard-email .field.delayed-field .form-input,.article-ecard-facebook .field.delayed-field .form-input,.article-ecard-twitter .field.delayed-field .form-input { flex-grow: 0; flex-shrink: 1; flex-basis: content; transform: scale(1.2) } .article-ecard-email .field.delayed-field .form-label,.article-ecard-facebook .field.delayed-field .form-label,.article-ecard-twitter .field.delayed-field .form-label { width: 100% } .article-ecard-email .field.receipt-field,.article-ecard-facebook .field.receipt-field,.article-ecard-twitter .field.receipt-field { display: flex; flex-direction: row-reverse; align-items: center; gap: 12px; flex-wrap: wrap } .article-ecard-email .field.receipt-field .form-input,.article-ecard-facebook .field.receipt-field .form-input,.article-ecard-twitter .field.receipt-field .form-input { flex-grow: 0; flex-shrink: 1; flex-basis: content; transform: scale(1.2) } .article-ecard-email .field.receipt-field .form-label,.article-ecard-facebook .field.receipt-field .form-label,.article-ecard-twitter .field.receipt-field .form-label { width: auto; flex-grow: 1 } .article-ecard-email .field.receipt-field .helptext,.article-ecard-facebook .field.receipt-field .helptext,.article-ecard-twitter .field.receipt-field .helptext { width: 100% } .ecard-send-buttons { text-align: left; margin: 20px 0 } #posts .ecard-send-buttons { font-size: 80% } @media (max-width: 37em) { .ecard-send-buttons { font-size:80% } } .ecard-send-button img { display: inline-block; width: 50px; height: 50px; padding: 2% 3%; vertical-align: top } html.no-touch .ecard-send-button img:hover { opacity: .7 } .ecard-render { max-width: 600px; margin: 0 auto } .ecard-details { background-image: url(https://fructifietestalents.org/maj/img/ecard/soustimbre.e837da774484.gif); background-position: top right; background-repeat: no-repeat; border: .5em solid #f7f7f7; position: relative; padding: 20px; text-align: left; box-shadow: rgba(100,100,111,.2) 0 7px 29px 0; border-radius: 20px; margin-bottom: 32px } .ecard-details:before,.ecard-details:after { content: ""; display: table } .ecard-details:after { clear: both } .ecard-stamp { position: absolute; top: 1em; right: 1em; -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); -moz-transform: rotate(5deg) } .ecard-message { width: 70%; float: left; padding-right: 2%; position: relative; padding-bottom: 2em; border-right: solid 1px gray; min-height: 200px } .ecard-recipient-name { margin-top: 2em; font-size: .9em; word-wrap: break-word } .ecard-sender-name { text-align: right; font-size: .9em; position: absolute; right: 1em; bottom: .5em } .ecard-extra { width: 25%; float: right; padding-top: 5em } .post-category-ecard .post-vertical .post-body { display: none } .post-category-ecard .post-actions-shares { display: none } .post.post-category-ecard .post-img { background-size: contain; background-position: top center } @media (max-width: 37em) { .ecard-extra { width:100%; margin-bottom: .5em } .ecard-message { width: 100%; border-top: solid 1px gray; border-right: none } } .stamp-field .form-input { width: 70% } @media (max-width: 37em) { .stamp-field .form-input li { display:inline-block } } .stamp-field input { position: absolute; left: -9999px } .stamp-field li { cursor: pointer } .stamp-field li img { border: solid 3px transparent; border-radius: 10px; padding: 3px; cursor: pointer; transition: all .3s ease-in-out } .stamp-field li.selected img { border-color: #6af } .article-ecard-preview .content { text-align: center } .article-ecard-preview .content:before,.article-ecard-preview .content:after { content: ""; display: table } .article-ecard-preview .content:after { clear: both } .article-ecard-preview form { display: inline-block } .article-ecard-preview button { margin-top: 1em; margin-right: 0 } @media (max-width: 37em) { .l-category-ecard #blocks { display:none } } .ecard-another { margin-top: 1em; margin-bottom: 1em } .l-section-ecard .l-sidebar { min-width: 285px } .pl_relative_zone_module .post-actions { display: none } .pl_relative_zone_module .post-actions-send-ecard { display: none } @media (max-width: 43em) { .l-section-ecard .logo-head-container { width:35% } } .ecard-navigation-top { background: #fff; padding: 60px 0 20px } .ecard-navigation-top h2 { color: #e66345; font-weight: bold; font-size: 1.625em; margin-bottom: 40px } .ecard-navigation-top a { display: inline-block; margin: 10px; border: 2px solid #3a80c6; padding: 8px 14px; color: #3a80c6; font-weight: 600; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .ecard-navigation-top a:hover { background: #3a80c6; color: #fff } .ecard__container { display: flex; flex-direction: column; justify-content: center; align-items: center } .l-error-page { margin-top: 0 } .l-error-page .l-main { background-color: #3f88ca; background-image: url(https://fructifietestalents.org/maj/img/error/layer1.042866a76e51.png); background-position: top right; background-repeat: no-repeat } .l-404-error .l-error { color: #272727 } .l-error { padding-top: 6em; text-align: center; color: #fff; background-image: url(https://fructifietestalents.org/maj/img/error/layer1.042866a76e51.png); background-position: bottom right; background-repeat: no-repeat } .l-error a { color: #fff } .error-code { padding-top: 1em; font-size: 2em } .error-message { font-weight: bold } .error-details { padding-top: 1em; padding-bottom: 1em } @media screen and (max-width: 992px) { .module__featured--devotional { padding-top:0 } } .module__featured--devotional .swiper-title-container { display: block; text-align: left; margin-bottom: 32px } .module__featured--devotional .swiper-title-container h2 { display: block; font-family: "Montserrat",sans-serif; margin: 0; position: relative!important; left: 0!important; top: auto!important; right: auto!important; text-align: left } .module__featured--devotional .post { margin-bottom: 20px; display: flex; background: none; box-shadow: none } .module__featured--devotional .post>a { flex: 1 0 60% } @media screen and (max-width: 992px) { .module__featured--devotional .post { margin-top:25px } } @media screen and (max-width: 768px) { .module__featured--devotional .post { margin-top:20px; flex-wrap: wrap; margin-bottom: 10px } } .module__featured--devotional .post .post-thumbnail--container { width: 100%; border-radius: 26px; box-shadow: 0 4px 34px rgba(0,0,0,.15) } .module__featured--devotional .post .post-thumbnail--container .post-thumbnail--image { width: 100%; border-radius: 26px } .module__featured--devotional .post .post-thumbnail--container .post-thumbnail--informations { display: none } .module__featured--devotional .post .post-content--container { text-align: left; align-self: baseline; padding: 30px; background: #fff; border-radius: 26px; position: relative; z-index: 10; left: -60px; margin-right: -60px; top: 60px; box-shadow: 0px 4px 34px 0px #0000001F } @media screen and (max-width: 992px) { .module__featured--devotional .post .post-content--container { top:-10px; left: 0; margin-right: 0 } } .module__featured--devotional .post .post-content--container .post-content--body { background: none; box-shadow: none } @media screen and (max-width: 768px) { .module__featured--devotional .post .post-content--container { padding:20px } } .module__featured--devotional .post .post-content--container .post-content--title { font-size: 1.625em; line-height: 30px } @media screen and (max-width: 768px) { .module__featured--devotional .post .post-content--container .post-content--title { font-size:1.25em; line-height: 24px } } .module__featured--devotional .post .post-content--container .post-content--title .badge { display: none } .module__featured--devotional .post .post-content--container .post-category-type { display: none } .module__featured--devotional .post .post-content--container .post-content--author-and-date { font-size: 1em } .module__featured--devotional .post .post-content--container .post-content--author-and-date .post-content--author { font-weight: bold; display: block; font-family: "Montserrat",sans-serif; font-size: 16px; color: #606060 } .module__featured--devotional .post .post-content--container .post-content--excerpt { max-height: unset; overflow: visible } .module__featured--devotional .post .post-content--container .post-content--excerpt p { font-size: 16px; color: #212121; font-family: "Montserrat",sans-serif; font-weight: 500; line-height: 1.3 } .l-section-topkids .module__featured--devotional { margin-top: 20px } .l-section-topkids .module__featured--devotional .swiper-title-container h2 { position: absolute; z-index: 10; top: 40px; left: calc(60% + 20px); border-radius: 0 } @media screen and (max-width: 992px) { .l-section-topkids .module__featured--devotional .swiper-title-container h2 { top:0; left: 0; border-top-left-radius: 10px } } .l-section-topkids .module__featured--devotional .post { margin-bottom: 20px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); background: #fff; border-radius: 10px } @media screen and (max-width: 992px) { .l-section-topkids .module__featured--devotional .post { margin-top:25px } } @media screen and (max-width: 768px) { .l-section-topkids .module__featured--devotional .post { margin-top:20px; margin-bottom: 10px } } .l-section-topkids .module__featured--devotional .post:after { content: ""; clear: both; display: table } .l-section-topkids .module__featured--devotional .post .post-thumbnail--container { float: left; width: 60%; margin-right: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0; border-top-right-radius: 0 } @media screen and (max-width: 992px) { .l-section-topkids .module__featured--devotional .post .post-thumbnail--container { width:50% } } @media screen and (max-width: 768px) { .l-section-topkids .module__featured--devotional .post .post-thumbnail--container { width:100%; float: none; border-bottom-left-radius: 0; border-top-right-radius: 10px } } .l-section-topkids .module__featured--devotional .post .post-content--body { padding: 100px 20px 40px; box-shadow: none; border-radius: 0; background: none } @media screen and (max-width: 992px) { .l-section-topkids .module__featured--devotional .post .post-content--body { padding:30px 20px 20px } } @media screen and (max-width: 768px) { .l-section-topkids .module__featured--devotional .post .post-content--body { padding:10px } } .l-section-topkids .module__featured--devotional .post .post-content--body .post-content--title { font-size: 1.875em; line-height: 32px; margin-bottom: 14px } @media screen and (max-width: 992px) { .l-section-topkids .module__featured--devotional .post .post-content--body .post-content--title { font-size:1.25em; line-height: 24px } } .l-section-topkids .module__featured--devotional .post .post-content--body .post-category-type { display: none } .l-section-topkids .module__featured--devotional .post .post-content--body .post-content--excerpt { max-height: unset; overflow: visible } .l-section-miracle .module__featured--miracle { margin-top: 20px } .l-section-miracle .module__featured--miracle .swiper-title-container h2 { position: absolute; z-index: 10; top: 40px; left: calc(60% + 20px); border-radius: 0 } @media screen and (max-width: 992px) { .l-section-miracle .module__featured--miracle .swiper-title-container h2 { top:0; left: 0; border-top-left-radius: 10px } } .l-section-miracle .module__featured--miracle .post { margin-bottom: 20px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); background: #fff; border-radius: 10px } @media screen and (max-width: 992px) { .l-section-miracle .module__featured--miracle .post { margin-top:25px } } @media screen and (max-width: 768px) { .l-section-miracle .module__featured--miracle .post { margin-top:20px; margin-bottom: 10px } } .l-section-miracle .module__featured--miracle .post:after { content: ""; clear: both; display: table } .l-section-miracle .module__featured--miracle .post .post-thumbnail--container { float: left; width: 60%; margin-right: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0; border-top-right-radius: 0 } @media screen and (max-width: 992px) { .l-section-miracle .module__featured--miracle .post .post-thumbnail--container { width:50% } } @media screen and (max-width: 768px) { .l-section-miracle .module__featured--miracle .post .post-thumbnail--container { width:100%; float: none; border-bottom-left-radius: 0; border-top-right-radius: 10px } } .l-section-miracle .module__featured--miracle .post .post-content--body { padding: 100px 20px 40px; box-shadow: none; border-radius: 0; background: none } @media screen and (max-width: 992px) { .l-section-miracle .module__featured--miracle .post .post-content--body { padding:30px 20px 20px } } @media screen and (max-width: 768px) { .l-section-miracle .module__featured--miracle .post .post-content--body { padding:10px } } .l-section-miracle .module__featured--miracle .post .post-content--body .post-content--title { font-size: 1.875em; line-height: 36px; margin-bottom: 14px } @media screen and (max-width: 992px) { .l-section-miracle .module__featured--miracle .post .post-content--body .post-content--title { font-size:1.25em; line-height: 32px } } .l-section-miracle .module__featured--miracle .post .post-content--body .post-category-type { display: none } .l-section-miracle .module__featured--miracle .post .post-content--body .post-content--excerpt { max-height: unset; overflow: visible } .l-section-miracle .module__featured--miracle .post .post-content--body .post-content--author-and-date .post-content--date { display: none } .module__featured--miracle .swiper-title-container h2 { position: absolute; z-index: 10; top: 0; left: 0; letter-spacing: 1px; font-size: .625em; border-bottom-right-radius: 5px; border-top-left-radius: 5px; text-transform: uppercase; font-weight: 700; padding: 5px 10px; color: #fff; display: inline-block; background: #f5596f; position: absolute; font-family: "Montserrat",sans-serif; margin: 0 } .module__featured--miracle .post { margin-bottom: 20px } @media screen and (max-width: 768px) { .module__featured--miracle .post { margin-bottom:20px; margin-top: 20px } } .module__featured--miracle .post .post-content--body { text-align: left; padding: 20px } @media screen and (max-width: 768px) { .module__featured--miracle .post .post-content--body { padding:10px } } .module__featured--miracle .post .post-content--body .post-content--title { font-size: 1.625em; line-height: 30px } @media screen and (max-width: 768px) { .module__featured--miracle .post .post-content--body .post-content--title { font-size:1.25em; line-height: 24px } } .module__featured--miracle .post .post-content--body .post-category-type { display: none } .module__featured--miracle .post .post-content--body .post-content--excerpt { max-height: unset; overflow: visible } .module__featured--miracle .post .post-content--body .post-content--author-and-date .post-content--date { display: none } .module__featured--topkids { position: relative; clear: both; min-height: 500px; display: block; margin: 70px 0 30px 0 } .module__featured--topkids .swiper-title-container { position: absolute; left: 20px; top: 70px; z-index: 20 } @media screen and (max-width: 768px) { .module__featured--topkids .swiper-title-container { position:relative; top: 0; left: 0 } } .module__featured--topkids .swiper-title-container h2 { font-size: 1.875em; color: #fff; margin: 0; padding: 0; max-width: 300px; text-align: left; font-weight: 900 } @media screen and (max-width: 768px) { .module__featured--topkids .swiper-title-container h2 { font-size:1.5em; color: #54d169; max-width: unset; text-align: center } } .module__featured--topkids .swiper-title-container h2:after { content: ''; background: #ffdf40; background: -moz-linear-gradient(left,#ffdf40 0%,#ff8359 100%); background: -webkit-linear-gradient(left,#ffdf40 0%,#ff8359 100%); background: linear-gradient(to right,#ffdf40 0%,#ff8359 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf40', endColorstr='#ff8359',GradientType=1 ); height: 4px; width: 20%; display: block; margin: 12px 0 } @media screen and (max-width: 768px) { .module__featured--topkids .swiper-title-container h2:after { margin:12px auto } } .module__featured--topkids .post .post-content--container { position: absolute; left: 0; top: 0; width: 400px; z-index: 10; min-height: 420px; background: #54d169; background: -moz-linear-gradient(left,#54d169 0%,#aff57a 100%); background: -webkit-linear-gradient(left,#54d169 0%,#aff57a 100%); background: linear-gradient(to right,#54d169 0%,#aff57a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54d169', endColorstr='#aff57a',GradientType=1 ); -webkit-clip-path: polygon(0 0,84% 13%,100% 88%,0% 100%); clip-path: polygon(0 0,84% 13%,100% 88%,0% 100%); padding: 20px } @media screen and (max-width: 768px) { .module__featured--topkids .post .post-content--container { width:100%; position: relative; display: block; -webkit-clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); min-height: unset; padding: 0; margin-top: -22px } } @media screen and (min-width: 1200px) { .module__featured--topkids .post .post-content--container { width:600px } } .module__featured--topkids .post .post-content--container .post-content--body { padding: 180px 32px 14px 0; text-align: left; background: none; box-shadow: none; border-radius: 0 } @media screen and (max-width: 768px) { .module__featured--topkids .post .post-content--container .post-content--body { padding:40px 20px; margin: 0 } } .module__featured--topkids .post .post-content--container .post-content--body .post-content--title { color: #fff; font-family: "Montserrat",sans-serif; display: inline-block; font-size: 1.75rem; display: block } .module__featured--topkids .post .post-content--container .post-content--body .post-category-type { display: none } .module__featured--topkids .post .post-content--container .post-content--body .post-content--excerpt { max-height: unset; overflow: visible; margin-bottom: 10px } .module__featured--topkids .post .post-content--container .post-content--body .post-content--excerpt p { color: #fff; text-align: left; font-size: 1rem } .module__featured--topkids .post .post-content--container .post-content--body .post-content--author { color: #fff } .module__featured--topkids .post .post-thumbnail--container { width: calc(100% - 320px); height: 420px; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-clip-path: polygon(0 14%,100% 0,100% 100%,0 86%); clip-path: polygon(0 14%,100% 0,100% 100%,0 86%); position: absolute; right: 0; border-radius: 0 } @media screen and (min-width: 1200px) { .module__featured--topkids .post .post-thumbnail--container { width:calc(100% - 500px) } } @media screen and (max-width: 768px) { .module__featured--topkids .post .post-thumbnail--container { width:100%; position: relative; display: block; -webkit-clip-path: polygon(0 10%,100% 0,100% 100%,0 90%); clip-path: polygon(0 10%,100% 0,100% 100%,0 90%); margin-top: 0; height: 0; padding-bottom: 56.25%; margin-bottom: 0 } } .l-section-passlemot .pl_home_module { background: none } .l-section-passlemot .module-section-title { color: #444!important } .l-section-passlemot .article-author-name { display: none } .l-section-passlemot .module-section-date { display: none } .share-block-toggle { background: #fff; width: 100%; max-width: 600px; margin: 12px auto; height: 0; display: block; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03); box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03) } .share-block-toggle h3 { color: #3a80c6; font-size: 1.375em; margin-bottom: 20px } .share-block-toggle.active { height: 200px } @media (max-width: 43.75em) { .last-article-block { margin-top:0 } .last-article-img-block { padding: 0 } .module-section-content { height: 100% } .module-section-content>.article-author-name { margin-top: 10px; position: relative } .col-md-4>.module-section-content { margin-left: 0 } } .module__featured--beop.module__featured--beop-home .post { cursor: default } @media screen and (min-width: 769px) { .module__featured--beop.module__featured--beop-home .post { display:flex; max-width: 1360px; margin: 40px auto; justify-content: center } } .module__featured--beop.module__featured--beop-home .post:before { display: inline-block; height: 200px; width: 200px; border-radius: 50% } @media screen and (max-width: 768px) { .module__featured--beop.module__featured--beop-home .post:before { width:100%; height: 100px; border-radius: 0; filter: invert(18%) sepia(46%) saturate(6444%) hue-rotate(163deg) brightness(97%) contrast(101%); background-color: transparent } } .module__featured--beop.module__featured--beop-home .post .post-content--body { box-shadow: none; background: none!important } .module__featured--beop.module__featured--beop-home.got-question .post:before { height: 200px; width: 200px; border-radius: 50% } @media screen and (max-width: 768px) { .module__featured--beop.module__featured--beop-home.got-question .post:before { width:100%; height: 100px } } .module__featured--beop .swiper-title-container h2 { display: none!important } .module__featured--beop .post:before { content: ''; background-color: #00bff3; background-image: url(https://fructifietestalents.org/maj/img/logo-svg/question-of-the-day.bc0521a702a5.svg); background-repeat: no-repeat; background-position: center center; color: #fff; display: block; text-align: center; width: 100%; height: 70px; position: relative; top: 0; left: 0; right: 0; border-top-left-radius: 10px; border-top-right-radius: 10px } .module__featured--beop .post .post-content--beop-question { display: block; padding: 10px } .module__featured--beop .post .post-content--beop-question .post-beop-read-more { display: none } .module__featured--beop .post .post-content--beop-question.is-voted .post-beop-read-more { display: block } .module__featured--beop .post .post-thumbnail--container { display: none } .module__featured--beop .post .post-category-type { display: none } .module__featured--beop .post .post-content--title { display: none } .module__featured--beop .post .post-content--body .post-content--excerpt { display: none } .module__featured--beop .post .post-content--body .article--beop { box-shadow: none; border: none; padding: 0 20px 20px 20px } .module__featured--beop .post .post-content--body .article--beop h3 { margin-bottom: 24px } .module__featured--beop .post .post-content--body .post-beop-share { margin: 14px auto; padding-bottom: 24px; display: flex; align-items: center; justify-content: center; gap: 20px } .module__featured--beop .post .post-content--body .post-beop-share .article-actions-btn { margin-right: 10px } .module__featured--beop .post .post-content--body .post-beop-share .article-actions-btn:last-of-type { margin-right: 0 } .module__featured--beop .post .post-content--body .post-content--author-and-date { display: none } .module__featured--beop .post .article--beop-answers { width: 100%; max-width: unset } .module__featured--beop .post .article--beop-answers .article--beop-vote { display: inline-block; margin: 10px; padding: 14px 36px } @media screen and (max-width: 480px) { .module__featured--beop .post .article--beop-answers .article--beop-vote { display:block; width: 100%; margin: 10px 0 } } .module__featured--beop .post .post-beop-read-more .article--beop-results-comment { display: inline-block } .module__featured--beop.got-question .post:before { content: ''; background-color: #fff; background-image: url(https://fructifietestalents.org/maj/img/logo-svg/got-question.863cecbc1ca3.svg); background-repeat: no-repeat; background-position: center center; color: #fff; display: block; text-align: center; width: 100%; height: 70px; position: relative; top: 0; left: 0; right: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-radius: 0 } @media screen and (max-width: 768px) { .module__featured--beop.got-question .post:before { width:100%; height: 100px; border-radius: 0; filter: none; background-color: transparent } } .module__featured--beop.got-question .post .article--beop-vote { background: #519ad4 } html.no-touch .module__featured--beop.got-question .post .article--beop-vote:hover { border-color: #2c5671; background: #fff } .same-theme { width: 100%; text-align: center; background: #fff; padding-bottom: 10px } .same-theme h4 { font-size: 1.25em; margin-bottom: 5px; color: #3a80c6; padding-top: 15px } .l-category-course .same-theme { display: none } .filter-tag { display: inline-block; vertical-align: middle; font-size: .8125em; padding-bottom: 2px; margin: 5px; border-bottom: 1px dotted #1d4064; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .filter-tag:hover { background-color: #00adfa; color: #fff } .field { padding: .5em 0 } .field:before,.field:after { content: ""; display: table } .field:after { clear: both } .form-fieldset { margin-top: 3em; border: none; padding: 0 } .form-fieldset:first-child { margin-top: 0 } .form-label { font-weight: 400; text-align: right; float: left; width: 32%; padding-right: 3%; margin-top: .4em; padding-top: 2em } .required .form-label:after { content: '' } .form-label:after { content: '- Optionnel'; color: #ccc; font-weight: lighter; font-size: 10px; font-style: italic } [lang="en"] .form-label:after { content: "- Optional" } .title.form-label { padding: 0; margin: 0; margin-bottom: 5px; margin-top: 5px; width: 100%; text-align: left } .domain-topmusic .title.form-label { color: #a5a5a5; font: bold 15px/18px Sen } .helptext { display: block; float: left; width: 100%; font-size: .75rem; padding-top: .3em } .form-warning { font-size: .7em; text-align: center; margin: 0 auto; max-width: 500px; padding-top: 1em } .errorlist { list-style: none; text-align: right; margin-top: 5px; margin-bottom: 5px; color: #ff4a55 } .errorlist li { float: right!important; font: 14px Sen } .form-label-offset { margin-left: 40% } .form-mandatory { color: #628ea7 } .form-input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .domain-topmusic .form-input input { border-radius: 14px; background-color: #f5f5f5; border-radius: 14px; border: 2px solid #f5f5f5; padding: 17px 17px 16px 17px; margin-top: 15px; outline: none; font: bold 19px/23px Sen; letter-spacing: 0; color: #212121 } .form-input textarea { border-radius: 14px } .domain-topmusic .form-input textarea { background-color: #f5f5f5; border-radius: 14px; border: 2px solid #f5f5f5; font: 17px/20px Sen; padding: 18px 17px; margin-top: 15px; outline: none; resize: none } .domain-topmusic .form-input textarea:focus { border-color: #cf5a98 } .domain-topmusic .form-input textarea:focus-visible { border-color: #cf5a98 } .form-input ul { padding: 0; margin: 0 } .form-input ul li { float: left; margin: 0 15px 0 0; list-style: none } .domain-topmusic .form-input ul li label { display: flex; align-items: baseline } .form-input ul li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .form-input ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .form-input input[type="url"],.form-input input[type="text"],.form-input input[type="search"],.form-input input[type="email"],.form-input input[type="password"],.form-input input[type="number"],.form-input .form-text,.form-input textarea { width: 100% } .form-input input[type="url"]:focus,.form-input input[type="text"]:focus,.form-input input[type="search"]:focus,.form-input input[type="email"]:focus,.form-input input[type="password"]:focus,.form-input input[type="number"]:focus,.form-input .form-text:focus,.form-input textarea:focus { border-color: #00adfa } .form-radio,.form-checkbox { color: #5d5d5d; margin-right: 1.5em } html.domain-topmusic .form-radio,html.domain-topmusic .form-checkbox { font: 17px/20px Sen } html.domain-topmusic .form-radio input,html.domain-topmusic .form-checkbox input { margin-right: .2em } .form-valid { background: url(https://fructifietestalents.org/maj/img/icons/form-valid.4931cff52dca.png) no-repeat; background-position: right .8em center } .form-error { background: url(https://fructifietestalents.org/maj/img/icons/form-error.30a9a7047621.png) no-repeat; background-position: right .9em center } .form-btn { float: right; margin-top: 2em; margin-right: 30%; margin-bottom: .5em } @media (max-width: 37em) { .form-label { width:100%; float: inherit; text-align: center } .form-label-offset { margin-left: 0 } .title.form-label { font-size: 1em; text-align: left; padding: 0; margin: 0 } .title.form-label label { float: none } .form-input ul li { float: none; margin: 0 } .form-btn { margin-top: 2em; float: none; margin: 0 auto; display: block!important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],.form-text,textarea { width: 100% } .form-input { background: none; border: none } .form-input p { margin: .2em 0 } .form-error { background: none } } .helptext-content { display: none } .helptext-tooltip { display: inline-block } .helptext-tooltip .helptext-trigger { color: #212121; font-weight: 800 } .helptext-tooltip:hover .helptext-content { display: block; position: absolute; z-index: 2; left: 1em; border: solid 1px #000; background: #ffa; padding: .5em; border-radius: .5em; max-width: 80%; white-space: initial } .form-small input[type="text"],.form-small input[type="search"],.form-small input[type="email"],.form-small input[type="password"],.form-small .form-text,.form-small textarea { margin-bottom: 1em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .form-small .form-btn { margin-top: 1em } .slider-inner { position: relative } .slider-container,.pl_home_module { display: block; position: relative } @media screen and (max-width: 768px) { .slider-container,.pl_home_module { width:100% } } .slider-container.no-title .swiper-slide .post .post-content--title,.pl_home_module.no-title .swiper-slide .post .post-content--title { display: none!important } .slider-container.no-author .swiper-slide .post .post-content--author,.pl_home_module.no-author .swiper-slide .post .post-content--author { display: none!important } .slider-container .post,.pl_home_module .post { position: relative } .slider-container h2,.pl_home_module h2 { font-size: 2.25em; font-weight: 900; display: inline-block; margin: 40px auto 80px; color: #222 } .slider-container .new-post-banner,.pl_home_module .new-post-banner { display: none } .slider-container .swiper-subtitle,.pl_home_module .swiper-subtitle { display: inline-block; margin: 0 auto 1em } .slider-container .swiper-slide,.pl_home_module .swiper-slide { width: 270px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; height: auto; margin-right: 20px } .slider-container .swiper-slide:last-of-type,.pl_home_module .swiper-slide:last-of-type { margin-right: 0 } @media screen and (min-width: 1600px) { .slider-container .swiper-slide,.pl_home_module .swiper-slide { width:266px } } @media screen and (max-width: 992px) { .slider-container .swiper-slide,.pl_home_module .swiper-slide { width:300px } } @media screen and (max-width: 768px) { .slider-container .swiper-slide,.pl_home_module .swiper-slide { width:365px } } @media screen and (max-width: 480px) { .slider-container .swiper-slide,.pl_home_module .swiper-slide { width:280px } } .slider-container .swiper-slide.slide-all-articles,.pl_home_module .swiper-slide.slide-all-articles { vertical-align: middle } .slider-container .swiper-slide .card-back,.pl_home_module .swiper-slide .card-back { display: none } .slider-container .swiper-slide .post-author,.pl_home_module .swiper-slide .post-author { margin-top: 20px } .slider-container .post-excerpt,.pl_home_module .post-excerpt { display: none } .slider-container .post-excerpt p,.pl_home_module .post-excerpt p { line-height: 1.25; max-height: 5em; overflow: hidden } .slider-container .post-header,.pl_home_module .post-header { padding: 0 } .slider-container .post-header .post-type,.pl_home_module .post-header .post-type { display: none } .slider-container .post-header .post-date,.pl_home_module .post-header .post-date { position: absolute; width: 100%; display: block; left: 0; top: 280px; top: 205px; color: #bbb } .slider-container .post-actions,.pl_home_module .post-actions { display: none!important } .slider-container .post-category-ecard .post-actions,.pl_home_module .post-category-ecard .post-actions { display: block!important } .slider-container .swiper-button-disabled,.pl_home_module .swiper-button-disabled { opacity: .4; cursor: default } .slider-container .icon-chevron-with-circle-left,.slider-container .icon-chevron-with-circle-right,.pl_home_module .icon-chevron-with-circle-left,.pl_home_module .icon-chevron-with-circle-right { cursor: pointer } .slider-container .back,.pl_home_module .back { position: absolute; right: 35px; top: -40px } .slider-container .back:after,.pl_home_module .back:after { font-size: 30px } .slider-container .next,.pl_home_module .next { position: absolute; right: 0; top: -40px } .slider-container .next:after,.pl_home_module .next:after { font-size: 30px } .slider-container .post-tag-interest-classification,.pl_home_module .post-tag-interest-classification { display: inline-block } .slider-container.slider-header .post-header,.pl_home_module.slider-header .post-header { display: block } .slider-container.slider-project .post-project-finished,.pl_home_module.slider-project .post-project-finished { top: 30px } .slider-container .post-body,.pl_home_module .post-body { padding: 10px; clear: both; margin-bottom: 0 } .slider-container .post-body .post-title,.pl_home_module .post-body .post-title { font-weight: 400 } .slider-container .post-body .post-excerpt,.pl_home_module .post-body .post-excerpt { font-weight: 400; color: #aaa; font-size: .875em } .slider-container .post-category-event .post-body .post-title,.pl_home_module .post-category-event .post-body .post-title { white-space: initial } .slider-container .swiper-container,.pl_home_module .swiper-container { width: 100%; margin: 0!important; border: none; border-radius: 0; overflow: hidden; padding-bottom: 50px; display: inline-block } .slider-container .swiper-container .swiper-pagination .swiper-pagination-bullet,.pl_home_module .swiper-container .swiper-pagination .swiper-pagination-bullet { background: silver; width: 8px; height: 8px; opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .slider-container .swiper-container .swiper-pagination .swiper-pagination-bullet-active,.pl_home_module .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #44c4e4; height: 12px; width: 12px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media (max-width: 594px) { .slider-container .next,.slider-container .back,.pl_home_module .next,.pl_home_module .back { display:none } } .slider-container.slider-author .swiper-container,.pl_home_module.slider-author .swiper-container { width: 840px; padding-top: 20px; padding-bottom: 100px } @media screen and (max-width: 1200px) { .slider-container.slider-author .swiper-container,.pl_home_module.slider-author .swiper-container { width:700px; margin: 0!important; border: none; border-radius: 0; overflow: hidden; padding-bottom: 50px; display: inline-block } } @media screen and (max-width: 768px) { .slider-container.slider-author .swiper-container,.pl_home_module.slider-author .swiper-container { width:100% } } .slider-container.slider-author .swiper-container .swiper-slide,.pl_home_module.slider-author .swiper-container .swiper-slide { background: none; border-color: transparent; width: 100px } .slider-container.slider-author .swiper-container .slide-all-articles,.pl_home_module.slider-author .swiper-container .slide-all-articles { vertical-align: top } .slider-container.slider-author .swiper-container .post,.pl_home_module.slider-author .swiper-container .post { background: none; box-shadow: none } .slider-container.slider-author .swiper-container .slider--is-author span.post-img,.pl_home_module.slider-author .swiper-container .slider--is-author span.post-img { background-color: #f2f2f2; height: 100px; width: 100px; border-radius: 50%; padding: 0; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } .slider-container.slider-author .swiper-container .all-articles,.pl_home_module.slider-author .swiper-container .all-articles { overflow: hidden; min-height: unset; height: auto } .slider-container.slider-author .swiper-container .all-articles .all-articles--more-btn,.pl_home_module.slider-author .swiper-container .all-articles .all-articles--more-btn { position: relative; top: 0; transform: none } .slider-container.slider-author .swiper-container .all-articles .all-articles--more-btn .all-articles--more-icon,.pl_home_module.slider-author .swiper-container .all-articles .all-articles--more-btn .all-articles--more-icon { height: 100px; width: 100px; margin-bottom: 14px; line-height: 94px } .slider-container.slider-author .swiper-container .all-articles .all-articles--more-btn .all-articles--text,.pl_home_module.slider-author .swiper-container .all-articles .all-articles--more-btn .all-articles--text { text-transform: none; font-weight: normal; font-size: .8em; color: #272727 } .slider-container.slider-author .swiper-container .post-title,.pl_home_module.slider-author .swiper-container .post-title { text-transform: none; font-weight: normal; font-size: .75em; line-height: 16px; display: inline-block; color: #272727 } .slider-container.slider-author .swiper-container .post-img,.pl_home_module.slider-author .swiper-container .post-img { position: relative; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin: 0 auto 14px; border-radius: 50% } @media (max-width: 640px) { .slider-container.slider-author .swiper-container,.pl_home_module.slider-author .swiper-container { margin:0 } .slider-container.slider-author .back,.pl_home_module.slider-author .back { left: auto; right: 70px; top: 20px } .slider-container.slider-author .next,.pl_home_module.slider-author .next { right: 35px; top: 20px } } .slider-channel { background-color: #fff } .slider-toplive.slider-author .post-title { display: none } .slider-white .swiper-title-container h2 { color: #fff } .slider-white .all-articles a { color: #336fad } .slider-white .all-articles .round { background-color: #336fad } .all-articles { background-color: #fff; width: 100%; min-height: 150px; height: 100%; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center } @media screen and (max-width: 480px) { .all-articles { height:158px } } .all-articles .all-articles--more-btn { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%) } .all-articles .all-articles--more-icon { display: block; margin: 0 auto; text-align: center; margin-bottom: 20px; width: 75px; height: 75px; border-radius: 50%; border: 2px solid; line-height: 80px } .all-articles .all-articles--more-icon .icon-more { font-size: 2.25em; line-height: 42px } .all-articles .all-articles--text { font-size: 1.375em; font-weight: bold } html.no-touch .slider-container.slider-author .swiper-container .all-articles a:hover .round.round1 { height: 75px; width: 75px } html.no-touch .slider-container.slider-author .swiper-container .all-articles a:hover .round.round2 { height: 75px; width: 75px } html.no-touch .all-articles a:hover .round.round1 { width: 10em; height: 10em } .homepage-ads-slider .swiper-container .back,.homepage-ads-slider .swiper-container .next { display: block } .swiper-container .back,.swiper-container .next { display: none } .swiper-container.swiper-container-horizontal .back,.swiper-container.swiper-container-horizontal .next { display: block } .post-category-tag { background: #fff!important; height: 100% } .post-category-tag .filter-tag { border: 0; padding: 0; margin-top: 200px; font-size: 1.25em; word-wrap: break-word; color: #3a80c6 } #posts-cell .post-category-tag .filter-tag { margin-top: 150px } #posts-cell .post-category-tag .filter-tag:before { top: 27px } #posts-cell .post-category-tag .filter-tag:after { top: 20px } .post-category-tag .filter-tag:before { content: "\e090"; display: block; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1; margin-bottom: 30px; font-size: 2.25em; color: #fff; background: #3a80c6; border-radius: 50%; position: absolute; display: block; width: 100px; height: 100px; line-height: 100px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); top: 90px } .post-category-tag .filter-tag:after { content: ''; width: 114px; height: 114px; top: 83px; border: 5px solid #3a80c6; transition: transform .2s , opacity .2s; position: absolute; border-radius: 50%; left: 50%; transform: translateX(-50%) scale(.95,.95); -webkit-transform: translateX(-50%) scale(.95,.95); -moz-transform: translateX(-50%) scale(.95,.95); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .post-category-tag .filter-tag:hover { background: none; color: #3a80c6 } html.no-touch .post-category-tag:hover .filter-tag:after { transform: translateX(-50%) scale(1.1,1.1); -webkit-transform: translateX(-50%) scale(1.1,1.1); -moz-transform: translateX(-50%) scale(1.1,1.1); opacity: 0 } .post-category-tag .post-img,.post-category-tag .post-header { display: none } a.btn-interests-edit { margin-bottom: 40px!important } p.text-interests { margin-top: -10px; margin-bottom: 20px; color: #444 } .pl_home_module.no-category .post-category-type,.pl_home_page_module.no-category .post-category-type { display: none!important } .pl_home_module.no-category-type .post-category-type span:first-of-type,.pl_home_page_module.no-category-type .post-category-type span:first-of-type { display: none } .pl_home_module.no-category-type .post-category-type span:last-of-type:before,.pl_home_page_module.no-category-type .post-category-type span:last-of-type:before { display: none } .pl_home_module.no-date .post-date,.pl_home_page_module.no-date .post-date { display: none } .pl_home_module.no-date .post-content--date,.pl_home_page_module.no-date .post-content--date { display: none!important } .pl_home_module.no-pagination .swiper-pagination,.pl_home_page_module.no-pagination .swiper-pagination { display: none!important } .pl_home_module.no-new-label .post-content--title .badge,.pl_home_page_module.no-new-label .post-content--title .badge { display: none!important } .pl_home_module.no-actions .post__actions,.pl_home_page_module.no-actions .post__actions { display: none!important } .pl_home_module .slider-container.no-pagination .swiper-pagination,.pl_home_page_module .slider-container.no-pagination .swiper-pagination { display: none!important } .slider-my-formations .badge { display: none } .pl_relative_zone-generic-slider { margin-bottom: 40px } .pl_relative_zone-generic-slider .sidebar-title { margin-bottom: 0 } .pl_relative_zone-generic-slider .post { width: 100%!important; margin-bottom: 30px } .pl_relative_zone-generic-slider .post-category--album .post-content--body { display: none } .pl_relative_zone-generic-slider .post-category--album .post-thumbnail--container { width: 100%!important; height: auto!important; margin-bottom: 40px } .pl_relative_zone-generic-slider .post-category--album .post-thumbnail--image { padding-bottom: 100%!important } @media screen and (min-width: 1600px) { .homepage__featured-slider--full { max-width:1450px; margin: 0 auto; position: relative } } .homepage__featured-slider--full #swiper-button-prev,.homepage__featured-slider--full #swiper-button-next { font-size: 1.5em; position: absolute; top: 50%; z-index: 5; background-color: rgba(255,255,255,.6); color: #3a80c6; padding: 12px 6px; cursor: pointer; transition: all .3s cubic-bezier(.3,0,0,1.3) } .homepage__featured-slider--full #swiper-button-prev { left: 10px; transform: translate(-100px,-50%); -webkit-transform: translate(-100px,-50%) } .homepage__featured-slider--full #swiper-button-next { right: 10px; transform: translate(100px,-50%); -webkit-transform: translate(100px,-50%) } .homepage__featured-slider--full:hover #swiper-button-prev,.homepage__featured-slider--full:hover #swiper-button-next { transform: translate(0,-50%); -webkit-transform: translate(0,-50%) } @media screen and (max-width: 768px) { .homepage__featured-slider--full { margin-bottom:24px } } .homepage__featured-slider--full .homepage__swiper-slide--image-xs-sd,.homepage__featured-slider--full .homepage__swiper-slide--image-xs-hd,.homepage__featured-slider--full .homepage__swiper-slide--image-lg-hd { display: none } @media screen and (max-width: 480px) { .homepage__featured-slider--full .homepage__swiper-slide--image-lg-sd { display:none } .homepage__featured-slider--full .homepage__swiper-slide--image-xs-sd { display: block } } @media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5 / 1),(min-device-pixel-ratio:1.5),(min-resolution:240dpi),(min-resolution:1.25dppx) { .homepage__featured-slider--full .homepage__swiper-slide--image-lg-sd { display:none } .homepage__featured-slider--full .homepage__swiper-slide--image-lg-hd { display: block } } @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width:480px),screen and (min--moz-device-pixel-ratio:1.5) and (max-width:480px),screen and (-o-min-device-pixel-ratio:1.5 / 1) and (max-width:480px),screen and (min-device-pixel-ratio:1.5) and (max-width:480px),screen and (min-resolution:240dpi) and (max-width:480px),screen and (min-resolution:1.25dppx) and (max-width:480px) { .homepage__featured-slider--full .homepage__swiper-slide--image-lg-hd,.homepage__featured-slider--full .homepage__swiper-slide--image-xs-sd,.homepage__featured-slider--full .homepage__swiper-slide--image-lg-sd { display:none } .homepage__featured-slider--full .homepage__swiper-slide--image-xs-hd { display: block } } @media screen and (max-width: 768px) { .homepage__featured-slider--full #swiper-button-next,.homepage__featured-slider--full #swiper-button-prev { display:none } .homepage__featured-slider--full .swiper-pagination { position: relative; bottom: -6px } } .homepage__featured-slider--full .homepage-passlemot-share { margin-top: 20px } .homepage__featured-slider--full .homepage-passlemot-share .btn-share-icon { color: #92c020; font-size: 28px; padding: 6px 10px; margin: 5px 10px; display: inline-block; width: auto } html.no-touch .homepage__featured-slider--full .homepage-passlemot-share .btn-share-icon:hover { color: #fff; text-shadow: -1px -1px 0 #92c020 , 1px -1px 0 #92c020 , -1px 1px 0 #92c020 , 1px 1px 0 #92c020 } @media screen and (max-width: 2200px) { .homepage__featured-slider--full .homepage-passlemot-share .btn-share-icon { font-size:28px; margin: 5px } } @media screen and (max-width: 1200px) { .homepage__featured-slider--full .homepage-passlemot-share .btn-share-icon { font-size:24px; margin: 5px } } @media screen and (max-width: 992px) { .homepage__featured-slider--full .homepage-passlemot-share { position:relative; width: calc(100% - 20px); left: 10px } .homepage__featured-slider--full .homepage-passlemot-share .btn-share-icon { margin: 0 } } @media screen and (max-width: 480px) { .homepage__featured-slider--full .homepage-passlemot-share { margin-top:5px } .homepage__featured-slider--full .homepage-passlemot-share .btn-share-icon { font-size: 1.25em } } .homepage__featured-slider--full .swiper-slide-punchline { position: absolute; z-index: 5; text-align: center; top: 20px; left: 50%; width: auto; transform: translateX(-50%); background: #222; color: #fff; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 700; font-size: .9375em } .homepage__swiper-slide { position: relative } .homepage__swiper-slide img { position: relative; z-index: 1; width: 100% } .homepage__swiper-slide a { display: block; cursor: pointer; width: 100% } .container__passlemot--featured { background: #f8f8f8; padding: 80px 0; margin: 80px auto } @media screen and (max-width: 768px) { .container__passlemot--featured { padding:20px 10px; margin: 40px auto 80px auto } } .container__passlemot--featured img { position: absolute; top: -50px; left: 0; width: 380px } @media screen and (max-width: 992px) { .container__passlemot--featured img { position:relative; top: 0; display: block; margin: 0 auto 20px 0; width: 80%; max-width: 350px } } .container__passlemot--featured .passlemot--verse { display: block; font-size: .7em; color: #272727; font-weight: bold } .container__passlemot--featured .passlemot--encouragement { font-weight: 400; font-size: .6em; color: #272727; display: block } .container__passlemot--featured .homepage-passlemot-share { margin-top: 24px; display: flex; align-items: center; flex-wrap: wrap; gap: 16px } .container__passlemot--featured .homepage-passlemot-share .btn-passlemot-share { background: #fff; font-family: "Montserrat",sans-serif; font-weight: bold; color: #212121; font-size: 14px; padding: 10px 30px; border-radius: 30px; white-space: nowrap; box-shadow: 0 0 24px rgba(0,0,0,.07); align-self: center; transform: translateY(0) } html.no-touch .container__passlemot--featured .homepage-passlemot-share .btn-passlemot-share:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px); background: #428efe; color: #fff } .container__passlemot--featured .btn-share-icon { color: #212121; background: #fff; box-shadow: 0 0 24px rgba(0,0,0,.07); padding: 0; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; transition: all .3s ease-in-out; transform: translateY(0); margin: 0 } .container__passlemot--featured .btn-share-icon:last-child { margin-right: 0 } html.no-touch .container__passlemot--featured .btn-share-icon:hover { transform: translateY(-2px); -webkit-transform: translateY(-2px) } .container__passlemot--featured .btn-share-icon.facebook { color: #1877f2 } html.no-touch .container__passlemot--featured .btn-share-icon.facebook:hover { background: #1877f2; color: #fff } .container__passlemot--featured .btn-share-icon.telegram { color: #2aabee } html.no-touch .container__passlemot--featured .btn-share-icon.telegram:hover { background: #2aabee; color: #fff } .container__passlemot--featured .btn-share-icon.email { color: #faaf3a } html.no-touch .container__passlemot--featured .btn-share-icon.email:hover { background: #faaf3a; color: #fff } .container__passlemot--featured .btn-share-icon.whatsapp { color: #27d044 } html.no-touch .container__passlemot--featured .btn-share-icon.whatsapp:hover { background: #27d044; color: #fff } .l-section-toptv .pl_home_module .slider-container { margin-bottom: 14px } .l-section-toptv .pl_home_module .slider-container.container { max-width: unset!important; width: 100%!important } .l-section-toptv .pl_home_module .slider-container .swiper-title-container { display: block; text-align: left } .l-section-toptv .pl_home_module .slider-container .swiper-title-container h2 { font-size: 1.3em!important; line-height: 1.2; margin: 14px auto 8px 0; color: #272727; font-weight: 700; position: relative } .l-section-toptv .pl_home_module .slider-container .swiper-title-container h2:before { content: attr(data-title); font-weight: 900; color: #e0e0e0; font-size: 3.2em; white-space: nowrap; position: absolute; top: -26px; left: 0; line-height: 1; letter-spacing: 0; z-index: -1; opacity: .8 } @media screen and (min-width: 769px) { .l-section-toptv .pl_home_module .slider-container .swiper-title-container h2.slider--has-more:after { content:'Tout découvrir'; display: inline-block; vertical-align: middle; font-size: .5em; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; visibility: hidden; opacity: 0; margin-left: 10px; transform: translateX(-20px); transition: all .3s cubic-bezier(.3,0,0,1.3) } html.no-touch .l-section-toptv .pl_home_module .slider-container .swiper-title-container h2.slider--has-more:hover:after { opacity: 1; visibility: visible; transform: translateX(0) } } .l-section-toptv .pl_home_module .slider-container .swiper-container { overflow: visible; padding-bottom: 0 } .l-section-toptv .pl_home_module .slider-container .swiper-container .post { margin-bottom: 0 } .l-section-toptv .pl_home_module .slider-container .swiper-container .post .post-content--body { padding-bottom: 0 } .l-section-toptv .pl_home_module .slider-container .swiper-container .swiper-slide.slide-all-articles .all-articles { background: rgba(255,255,255,.2); border-radius: 20px; box-shadow: 0 9px 24px rgba(151,160,204,.12); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,.3); height: 0; padding-bottom: 56.25% } .l-section-toptv .pl_home_module .slider-container .swiper-container .swiper-slide.slide-all-articles .all-articles .all-articles--text { font-weight: bold; font-size: 1em; color: #3a80c6; font-family: "Montserrat",sans-serif } html.no-touch .l-section-toptv .pl_home_module .slider-container .swiper-container .swiper-slide.slide-all-articles:hover { transform: scale(.9) } .l-section-toptv .pl_home_module .slider-container .back { top: 0; left: -15px; right: auto; height: 150px; background-color: rgba(255,255,255,.5); display: flex; justify-content: center; align-content: center; align-items: center; z-index: 9; transition: all .3s cubic-bezier(.3,0,0,1.3); padding: 0 10px; opacity: 0; visibility: hidden } .l-section-toptv .pl_home_module .slider-container .back.swiper-button-disabled { opacity: 0!important; visibility: hidden!important } @media screen and (max-width: 768px) { .l-section-toptv .pl_home_module .slider-container .back { display:none } } .l-section-toptv .pl_home_module .slider-container .next { top: 0; right: -15px; height: 150px; background-color: rgba(255,255,255,.5); display: flex; justify-content: center; align-content: center; align-items: center; z-index: 9; transition: all .3s cubic-bezier(.3,0,0,1.3); padding: 0 10px; opacity: 0; visibility: hidden } .l-section-toptv .pl_home_module .slider-container .next.swiper-button-disabled { opacity: 0!important; visibility: hidden!important } @media screen and (max-width: 768px) { .l-section-toptv .pl_home_module .slider-container .next { display:none } } html.no-touch .l-section-toptv .pl_home_module .slider-container:hover .next,html.no-touch .l-section-toptv .pl_home_module .slider-container:hover .back { visibility: visible; opacity: 1 } .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container { width: 100%; padding-top: 0 } .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide { width: 270px; height: 360px; margin-bottom: 40px; box-shadow: 0 9px 24px rgba(151,160,204,.12); border-radius: 20px } @media screen and (min-width: 1600px) { .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide { width:266px; height: 355px } } @media screen and (max-width: 992px) { .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide { width:300px; height: 400px } } @media screen and (max-width: 768px) { .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide { width:365px; height: 487px } } @media screen and (max-width: 480px) { .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide { width:280px; height: 373px } } .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide .post-img,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide .post-img { background-size: cover; height: 100%; width: 100%; border-radius: 10px } .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide .post-title,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide .post-title { display: none } .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide.slide-all-articles .all-articles,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide.slide-all-articles .all-articles { height: 100%; padding-bottom: inherit; background: rgba(255,255,255,.2); border-radius: 20px; box-shadow: 0 9px 24px rgba(151,160,204,.12); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,.3) } .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide.slide-all-articles .all-articles .all-articles--text,.l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide.slide-all-articles .all-articles .all-articles--text { font-weight: bold; font-size: 1.5em; color: #3a80c6; font-family: "Montserrat",sans-serif } html.no-touch .l-section-toptv .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide.slide-all-articles:hover,html.no-touch .l-section-home .toptv-slider--author .slider-container.slider-author .swiper-container .swiper-slide.slide-all-articles:hover { transform: scale(.9) } .l-section-toptv .toptv-slider--author .slider-container .next,.l-section-toptv .toptv-slider--author .slider-container .back,.l-section-home .toptv-slider--author .slider-container .next,.l-section-home .toptv-slider--author .slider-container .back { height: calc(100% - 30px) } .author-slider--concept .slider-container.slider-author .swiper-container { width: 100%; max-width: 1080px } @media screen and (min-width: 1600px) { .author-slider--concept .slider-container.slider-author .swiper-container { max-width:1330px } } .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide { width: 200px; height: 267px; margin-bottom: 40px; border-radius: 20px; box-shadow: 0 9px 24px rgba(151,160,204,.12); border: 10px solid #fff } @media screen and (min-width: 1600px) { .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide { width:250px; height: 334px } } @media screen and (max-width: 992px) { .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide { width:300px; height: 400px } } @media screen and (max-width: 768px) { .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide { width:365px; height: 487px } } @media screen and (max-width: 480px) { .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide { width:280px; height: 373px } } .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide .post-img { background-size: cover; height: 100%; width: 100%; box-shadow: 0 9px 24px rgba(151,160,204,.12); border-radius: 15px } .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide .post-title { display: none } .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide.slide-all-articles .all-articles { height: 100%; padding-bottom: inherit; background: rgba(255,255,255,.2); border-radius: 20px; box-shadow: 0 9px 24px rgba(151,160,204,.12); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,.3) } .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide.slide-all-articles .all-articles .all-articles--text { font-weight: bold; font-size: 1.5em; color: #3a80c6; font-family: "Montserrat",sans-serif } html.no-touch .author-slider--concept .slider-container.slider-author .swiper-container .swiper-wrapper .swiper-slide.slide-all-articles:hover { transform: scale(.9) } .hb-root { display: none; background: rgba(255,255,255,.5); position: fixed; z-index: 200000; bottom: 0; left: 0; top: 0; right: 0; height: 100vh; width: 100vw; text-align: center } .hb-root>div { display: table-cell; vertical-align: middle } .hb-content { margin-top: 3em; padding: 0; margin: 0 auto; background: #fff; max-width: 800px; position: relative; border-radius: 5px } .hb-full .hb-content { position: absolute; display: table; top: 0; bottom: 0; right: 0; left: 0; max-width: 100%; height: 100%; width: 100%; margin: 0 } .hb-close { position: absolute; top: 10px; right: 20px; z-index: 20; color: #fff } .hb-close.icon-close-bis:after { font-size: .875em } .hb-dialog-next { display: none } .hb-miracle { border-radius: 5px } .hb-miracle.hb-full:before { content: ''; background-color: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: .5; border-radius: 5px; animation: fadeInModal .5s ease-in; -webkit-animation: fadeInModal .5s ease-in } .hb-miracle.hb-full:after { content: ''; background-color: #f06; background: linear-gradient(135deg,#ff5db1 0%,#ff765e 31%,#f06 63%,#e602f2 100%); -webkit-background: linear-gradient(135deg,#ff5db1 0%,#ff765e 31%,#f06 63%,#e602f2 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: .5; border-radius: 5px; animation: fadeInModal .5s ease-in forwards; -webkit-animation: fadeInModal .5s ease-in forwards } .hb-miracle.hb-full .hb-content { padding: 2em } .hb-miracle.hb-full .hb-dialog-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); animation: fadeInUpModal .3s ease-in forwards; -webkit-animation: fadeInUpModal .3s ease-in forwards; animation-delay: .4s; -webkit-animation-delay: .4s; opacity: 0 } .hb-miracle .hb-dialog-container { display: block; z-index: 3; position: initial; width: 100%; max-width: 600px; margin: 0 auto; border-radius: 5px; background: transparent; padding: 30px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out } @keyframes fadeInModal { from { opacity: 0 } to { opacity: .5 } } @keyframes fadeInUpModal { from { opacity: 0 } to { opacity: 1 } } @media screen and (max-width: 480px) { .hb-miracle .hb-dialog-container { height:100%; display: flex; align-items: center; justify-content: center } } .hb-miracle .hb-dialog-container:before { content: ''; background-color: #f06; background: linear-gradient(135deg,#ff5db1 0%,#ff765e 31%,#f06 63%,#e602f2 100%); -webkit-background: linear-gradient(135deg,#ff5db1 0%,#ff765e 31%,#f06 63%,#e602f2 100%); box-shadow: 0 0 30px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 30px rgba(0,0,0,.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .6; border-radius: 5px } .hb-miracle .hb-dialog-container .hb-dialog-question p { color: #fff; position: relative; z-index: 4; margin-bottom: 42px; margin-top: 0; font-size: 2em; line-height: 36px; font-weight: 600; text-shadow: 1px 0 10px rgba(0,0,0,.4); font-family: "Montserrat",sans-serif } .hb-miracle .hb-dialog-container .hb-dialog-question .btn-base { color: #f06; display: block } .hb-miracle .hb-dialog-container .subscribe-form { background: none; padding: 0; margin: 0 } .hb-miracle .hb-dialog-container .subscribe-form:before { display: none } .hb-miracle .hb-dialog-container .subscribe-form h2 { text-transform: inherit; letter-spacing: normal; font-size: 2em; line-height: 36px; font-weight: 600; text-shadow: 1px 0 10px rgba(0,0,0,.4) } .hb-miracle .hb-dialog-container .subscribe-form input { background: none; box-shadow: none; border: 0; border-bottom: 2px solid #fff; color: #fff; padding: 8px 4px; margin-bottom: 14px } .hb-miracle .hb-dialog-container .subscribe-form input:focus { border-bottom-color: #ff765e!important } .hb-miracle .hb-dialog-container .subscribe-form input::-webkit-input-placeholder { color: #fff } .hb-miracle .hb-dialog-container .subscribe-form input:-moz-placeholder { color: #fff } .hb-miracle .hb-dialog-container .subscribe-form input::-moz-placeholder { color: #fff } .hb-miracle .hb-dialog-container .subscribe-form input:-ms-input-placeholder { color: #fff } .hb-newsletter--selah .hb-dialog-container:before { content: ''; position: absolute; display: block; bottom: -10px; left: 3%; z-index: -1; width: 94%; background: #fff; border-radius: 30px; height: 100%; opacity: .6 } .hb-newsletter--selah .hb-dialog-container:after { content: ''; position: absolute; display: block; bottom: -20px; left: 5%; z-index: -2; width: 90%; background: #fff; border-radius: 30px; height: 100%; opacity: .3 } .hb-newsletter--selah .hb-content { position: relative; border-radius: 30px; background: #fff; max-width: calc(800px - 250px); left: 62.5px } @media screen and (max-width: 768px) { .hb-newsletter--selah .hb-content { max-width:calc(100% - 40px) } } .hb-newsletter--selah .hb-content:before { display: none } .hb-newsletter--selah .hb-content .hb-close { top: -20px; right: -20px; z-index: 20; color: #212121; padding: 10px; width: 50px; height: 50px; background: #fff; box-shadow: 0 3px 16px rgba(0,0,0,.16); border-radius: 50% } .hb-newsletter--selah .hb-content .subscribe-form { width: 100%; position: relative; max-width: unset; background-size: cover; background-position: right; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 30px } .hb-newsletter--selah .hb-content .subscribe-form:after { content: ''; background-image: url(https://fructifietestalents.org/maj/img/uri/hellobar/modal__offer--woman.c1eae368ed66.png); z-index: 1; top: 0; left: -145px; right: 0; bottom: auto; width: 250px; height: 100%; background-size: cover; display: block; position: absolute; border-radius: 30px; transition: all .3s ease-in-out } @media screen and (max-width: 768px) { .hb-newsletter--selah .hb-content .subscribe-form:after { background-image:url(https://fructifietestalents.org/maj/img/uri/hellobar/modal__offer--woman.c1eae368ed66.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; height: 100%; background-position: bottom; opacity: .3 } } .hb-newsletter--selah .hb-content .subscribe-form:before { display: none } .hb-newsletter--selah .hb-content .subscribe-form form { width: 100%; float: none; text-align: left; padding-left: 125px } @media screen and (max-width: 768px) { .hb-newsletter--selah .hb-content .subscribe-form form { float:none; width: 100% } } .hb-newsletter--selah .hb-content .subscribe-form .submitresult { position: absolute; top: calc(100% + 20px); border-radius: 14px; margin: 0; padding: 0; text-align: center; font-weight: bold; width: 80%; right: 0; background-color: rgba(255,255,255,0); box-shadow: 0 0 14px transparent } @media screen and (max-width: 768px) { .hb-newsletter--selah .hb-content .subscribe-form .submitresult { width:100%; margin: 10px auto } } .hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup { padding: 20px 20px 10px 20px; width: 100%; max-width: unset; background: none; box-shadow: none } .hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup:before { display: none } @media screen and (max-width: 768px) { .hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup { padding-bottom:0; margin-bottom: 0 } } .hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field { width: 100%; max-width: unset } .hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field input[type="text"],.hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field input[type="email"] { color: #212121; box-shadow: none; max-width: unset; width: 100%; margin-bottom: 10px; border-radius: 40px!important; background: #fff; border: 1px solid #bebebe; height: auto; padding: 14px } .hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field input[type="text"]:focus,.hb-newsletter--selah .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field input[type="email"]:focus { border-color: #00adfa } .hb-newsletter--selah .hb-content .subscribe-form h2 { color: #272727; line-height: 1.2; margin-bottom: 18px; font-weight: bold } .hb-newsletter--selah .hb-content .subscribe-form .subcribe-form-header-text { color: #272727; margin-bottom: 14px; font-size: 16px } .hb-newsletter--selah .hb-content .subscribe-form .subscribe-button { background: #00adfa; color: #fff; font-size: .72222rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 2px solid #00adfa; font-size: 1.1em; padding: 10px 20px } html.no-touch .hb-newsletter--selah .hb-content .subscribe-form .subscribe-button:hover { background: #fff; border: 2px solid #0499d1; color: #0499d1 } .hb-newsletter--selah .hb-content .subscribe-form .submitresult.success-message { color: green; padding: 14px; background-color: #fff; box-shadow: 0 0 14px rgba(0,0,0,.1) } .hb-newsletter--selah .hb-content .subscribe-form .submitresult.error-message { color: red; padding: 14px; background-color: #fff; box-shadow: 0 0 14px rgba(0,0,0,.1) } .hb-newsletter.no-overlay { background: none } .hb-newsletter.no-overlay .hb-content:before { display: none } .hb-newsletter.no-bg { background-image: none } .hb-newsletter.no-bg .hb-content .subscribe-form:after { display: none } .hb-newsletter.no-bg .hb-content .subscribe-form .subscribe-embed-signup form { width: 100%; float: none } .hb-newsletter .hb-dialog-container:before { content: ''; position: absolute; display: block; bottom: -10px; left: 3%; z-index: -1; width: 94%; background: #fff; border-radius: 30px; height: 100%; opacity: .6 } .hb-newsletter .hb-dialog-container:after { content: ''; position: absolute; display: block; bottom: -20px; left: 5%; z-index: -2; width: 90%; background: #fff; border-radius: 30px; height: 100%; opacity: .3 } .hb-newsletter .hb-content { position: relative; border-radius: 30px; background: #fff; max-width: 800px } @media screen and (max-width: 768px) { .hb-newsletter .hb-content { max-width:calc(100% - 40px) } } .hb-newsletter .hb-content:before { display: none } .hb-newsletter .hb-content .hb-close { top: 10px; right: 20px; z-index: 20; color: #212121; padding: 10px } .hb-newsletter .hb-content .subscribe-form { width: 100%; position: relative; max-width: unset; background-size: cover; background-position: right; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 30px } .hb-newsletter .hb-content .subscribe-form:after { content: ''; background-image: url(https://fructifietestalents.org/maj/img/uri/hellobar/hb-newsletter-bg-faces.acb8e8119890.jpg); z-index: 1; top: auto; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-size: cover; display: block; position: absolute; border-radius: 30px } @media screen and (max-width: 800px) { .hb-newsletter .hb-content .subscribe-form:after { background-image:url(https://fructifietestalents.org/maj/img/uri/hellobar/hb-newsletter-bg-faces-xs.87b8b9834c54.jpg); position: relative; top: auto; left: 0; right: 0; bottom: 0; display: block; height: 0; padding-bottom: 30%; background-position: bottom; border-top-left-radius: 0; border-top-right-radius: 0 } } .hb-newsletter .hb-content .subscribe-form:before { display: none } .hb-newsletter .hb-content .subscribe-form form { width: 60%; float: right; text-align: left } @media screen and (max-width: 768px) { .hb-newsletter .hb-content .subscribe-form form { float:none; width: 100% } } .hb-newsletter .hb-content .subscribe-form .submitresult { width: 60%; text-align: center; margin: 0 10px 0 auto } @media screen and (max-width: 768px) { .hb-newsletter .hb-content .subscribe-form .submitresult { width:100%; margin: 10px auto } } .hb-newsletter .hb-content .subscribe-form .subscribe-embed-signup { width: 100%; max-width: unset; background: none; box-shadow: none } .hb-newsletter .hb-content .subscribe-form .subscribe-embed-signup:before { display: none } @media screen and (max-width: 800px) { .hb-newsletter .hb-content .subscribe-form .subscribe-embed-signup { padding-bottom:0; margin-bottom: 0 } } .hb-newsletter .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field { width: 100%; max-width: unset } .hb-newsletter .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field input[type="text"],.hb-newsletter .hb-content .subscribe-form .subscribe-embed-signup .lp-pom-form-field input[type="email"] { background: none; border: none; border-bottom: 1px solid #d4d4d4; border-radius: 0; color: #212121; box-shadow: none; max-width: unset; width: 100%; margin-bottom: 10px } .hb-newsletter .hb-content .subscribe-form h2 { color: #272727; line-height: 1.2; margin-bottom: 18px; font-weight: bold } .hb-newsletter .hb-content .subscribe-form .subcribe-form-header-text { color: #272727; margin-bottom: 0; font-size: 16px } .hb-newsletter .hb-content .subscribe-form .subscribe-button { background: #f6ae2d; color: #fff; font-size: .72222rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 2px solid #f6ae2d; font-size: 1.1em; padding: 10px 20px } html.no-touch .hb-newsletter .hb-content .subscribe-form .subscribe-button:hover { background: #fff; border: 2px solid #0499d1; color: #0499d1 } .hb-newsletter .hb-content .subscribe-form .submitresult { color: #2e679f; padding-bottom: 20px; padding-top: 0 } .hb-root.hb-gift-campaign { background: rgba(0,0,0,.9) } .hb-root.hb-gift-campaign .hb-content { max-width: 600px } .hb-root.hb-gift-campaign .hb-video__container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25% } .hb-root.hb-gift-campaign .hb-video__container iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% } .hb-root.hb-gift-campaign .hb-close { position: absolute; top: -15px; right: -15px; z-index: 20; color: #fff; background: #fff; color: #000; border-radius: 50%; width: 34px; height: 34px; text-align: center; line-height: 32px; box-shadow: 0 5px 4px rgba(0,0,0,.3) } html.no-touch .hb-root.hb-gift-campaign .hb-close:hover { color: #3a80c6!important } @media screen and (max-width: 768px) { .hb-root.hb-gift-campaign .hb-close { right:auto; left: 50%; margin-left: -16px } } .hb-root.hb-lateral--left { position: fixed; background: none; z-index: 200000; bottom: 20px; left: 20px; top: auto; right: 20px; max-width: 500px; height: auto; width: auto; text-align: left; -webkit-animation: lb-left-entrance .5s cubic-bezier(.25,.46,.45,.94) both; animation: lb-left-entrance .5s cubic-bezier(.25,.46,.45,.94) both } .hb-root.hb-lateral--left .hb-content { border-radius: 10px; max-width: 500px; box-shadow: 0 3px 24px rgba(20,20,20,.1); padding: 20px; border-top: 4px solid #00adfa } .hb-root.hb-lateral--left .hb-content .hb-close { color: #272727 } @-webkit-keyframes lb-left-entrance { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes lb-left-entrance { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } #pl_home_modules { text-align: center } .pl_home_module .slider-container { background: none; margin: 5px auto } .pl_home_module .slider-container .swiper-title { display: inline-block } .homepage__featured-container { padding: 20px 0 } @media screen and (max-width: 768px) { .homepage__featured-container { padding:15px 0 } } html.app-app .homepage__featured-container { padding: 0 } .module-blue1-background { background-color: #3bbce0!important } .module-blue2-background { background-color: #fff!important } .module-blue3-background { background-color: #3a80c6!important } .module-blue4-background { background-color: #5ad2f4!important } .module-blue5-background { background-color: #1db4c6!important } .module-yellow1-background { background-color: #fcc34b!important } .module-red1-background { background-color: #ed545e!important } .module-red2-background { background-color: #e75442!important } .module-lgt-grey-background { background-color: #f8f8f8!important } .module-drk-grey-background { background-color: #e1e1e1!important } .module-darker-grey-background { background-color: #999!important } .module-white-background { background-color: #fff!important } .module-grey-background { background-color: #f1f1f1!important } .module-white-smoke-background { background-color: #f8f8f8!important } .module-drk-grey-background .swiper-title-container .swiper-title h2 { background: #e1e1e1 } .module-topkids h2 { color: #5ca17c; background: -webkit-linear-gradient(135deg,#f5317f,#ff7c6e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; margin-bottom: 24px } .module-topkids .slider-container .swiper-title { color: #ff7c6e } .module-topkids .slider-container .swiper-title h2 { color: #ff7c6e } .module-topkids .slider-container .back { transform: rotate(180deg); -webkit-transform: rotate(180deg); transform-origin: center; -webkit-transform-origin: center; top: -60px; cursor: pointer } .module-topkids .slider-container .back:after { content: '\E133'; color: #ff7c6e } .module-topkids .slider-container .next { top: -60px; cursor: pointer } .module-topkids .slider-container .next:after { content: '\E133'; color: #ff7c6e } .module-topkids-blue { background: #029cf5; background: -moz-linear-gradient(left,#029cf5 0%,#15eded 100%); background: -webkit-linear-gradient(left,#029cf5 0%,#15eded 100%); background: linear-gradient(to right,#029cf5 0%,#15eded 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); -webkit-clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); padding: 40px 0; margin: 30px 0 } @media screen and (max-width: 480px) { .module-topkids-blue { -webkit-clip-path:polygon(0 0,100% 5%,100% 95%,0% 100%); clip-path: polygon(0 0,100% 5%,100% 95%,0% 100%) } } .module-topkids-blue .swiper-slide { border-left: solid 0 transparent!important; border-right: solid 10px transparent!important } .module-topkids-blue .slider-container .swiper-title { color: #fff } .module-topkids-blue .slider-container .swiper-title h2 { color: #fff } .module-topkids-blue .slider-container .back { transform: rotate(180deg); -webkit-transform: rotate(180deg); transform-origin: center; -webkit-transform-origin: center; top: -60px; cursor: pointer } .module-topkids-blue .slider-container .back:after { content: '\E133'; color: #fff } .module-topkids-blue .slider-container .next { top: -60px; cursor: pointer } .module-topkids-blue .slider-container .next:after { content: '\E133'; color: #fff } .module-topkids-blue .slider-container .swiper-pagination-bullet-active { background: #fff } .module-topkids-blue:last-of-type { margin-bottom: 0; clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%); -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%) } .module-topkids-green { background: #54d16b; background: -moz-linear-gradient(left,#54d16b 0%,#aff57a 100%); background: -webkit-linear-gradient(left,#54d16b 0%,#aff57a 100%); background: linear-gradient(to right,#54d16b 0%,#aff57a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); -webkit-clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); padding: 40px 0; margin: 30px 0 } @media screen and (max-width: 480px) { .module-topkids-green { -webkit-clip-path:polygon(0 0,100% 5%,100% 95%,0% 100%); clip-path: polygon(0 0,100% 5%,100% 95%,0% 100%) } } .module-topkids-green .swiper-slide { border-left: solid 0 transparent!important; border-right: solid 10px transparent!important } .module-topkids-green .slider-container .swiper-title { color: #fff } .module-topkids-green .slider-container .swiper-title h2 { color: #fff } .module-topkids-green .slider-container .back { transform: rotate(180deg); -webkit-transform: rotate(180deg); transform-origin: center; -webkit-transform-origin: center; top: -60px; cursor: pointer } .module-topkids-green .slider-container .back:after { content: '\E133'; color: #fff } .module-topkids-green .slider-container .next { top: -60px; cursor: pointer } .module-topkids-green .slider-container .next:after { content: '\E133'; color: #fff } .module-topkids-green .slider-container .swiper-pagination-bullet-active { background: #fff } .module-topkids-green:last-of-type { margin-bottom: 0; clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%); -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%) } .module-topkids-orange { background: #ff8359; background: -moz-linear-gradient(left,#ff8359 0%,#ffdf40 100%); background: -webkit-linear-gradient(left,#ff8359 0%,#ffdf40 100%); background: linear-gradient(to right,#ff8359 0%,#ffdf40 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); -webkit-clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); padding: 40px 0; margin: 30px 0 } @media screen and (max-width: 480px) { .module-topkids-orange { -webkit-clip-path:polygon(0 0,100% 5%,100% 95%,0% 100%); clip-path: polygon(0 0,100% 5%,100% 95%,0% 100%) } } .module-topkids-orange .swiper-slide { border-left: solid 0 transparent!important; border-right: solid 10px transparent!important } .module-topkids-orange .slider-container .swiper-title { color: #fff } .module-topkids-orange .slider-container .swiper-title h2 { color: #fff } .module-topkids-orange .slider-container .back { transform: rotate(180deg); -webkit-transform: rotate(180deg); transform-origin: center; -webkit-transform-origin: center; top: -60px; cursor: pointer } .module-topkids-orange .slider-container .back:after { content: '\E133'; color: #fff } .module-topkids-orange .slider-container .next { top: -60px; cursor: pointer } .module-topkids-orange .slider-container .next:after { content: '\E133'; color: #fff } .module-topkids-orange .slider-container .swiper-pagination-bullet-active { background: #fff } .module-topkids-orange:last-of-type { margin-bottom: 0; clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%); -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%) } .module-topkids-white { background: #fff; background: -moz-linear-gradient(left,#fff 0%,#fff 100%); background: -webkit-linear-gradient(left,#fff 0%,#fff 100%); background: linear-gradient(to right,#fff 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); -webkit-clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); clip-path: polygon(0 0,100% 10%,100% 90%,0% 100%); padding: 40px 0; margin: 30px 0 } @media screen and (max-width: 480px) { .module-topkids-white { -webkit-clip-path:polygon(0 0,100% 5%,100% 95%,0% 100%); clip-path: polygon(0 0,100% 5%,100% 95%,0% 100%) } } .module-topkids-white .swiper-slide { border-left: solid 0 transparent!important; border-right: solid 10px transparent!important } .module-topkids-white .slider-container .swiper-title { color: #fff } .module-topkids-white .slider-container .swiper-title h2 { color: #fff } .module-topkids-white .slider-container .back { transform: rotate(180deg); -webkit-transform: rotate(180deg); transform-origin: center; -webkit-transform-origin: center; top: -60px; cursor: pointer } .module-topkids-white .slider-container .back:after { content: '\E133'; color: #fff } .module-topkids-white .slider-container .next { top: -60px; cursor: pointer } .module-topkids-white .slider-container .next:after { content: '\E133'; color: #fff } .module-topkids-white .slider-container .swiper-pagination-bullet-active { background: #fff } .module-topkids-white:last-of-type { margin-bottom: 0; clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%); -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0% 100%) } .module-king-blue-background { background-color: #118ab2!important } .module-light-white-background { background-color: #f5efed!important } .module-light-grey-background { background-color: #d8d8d8!important } .module-kids-music-background { background-image: url(https://fructifietestalents.org/maj/img/module/kids-music.196e020f573a.jpg) } .module-pdj { background-color: #dfedf1 } .module-pdj .slider-container { background-color: transparent } .module-pdj .slider-container .swiper-slide { border-left: solid 5px #dfedf1; border-right: solid 5px #dfedf1 } .module-pdj .slider-container h2 { font-size: 2em; margin-top: .3em } .l-section-home #l-banners { display: none } .l-section-home .l-banner-container { height: auto } .l-section-home .post-header { display: none } .topmsg-home .post { height: 394px } .pl_home_page h1 { font-size: 2em; margin: 0 } .pl_home_page .post-header { padding: .3em .6em .3em 1em!important } .pl_home_page .post-header .post-type { display: block!important } .blink_me,.live-homepage #onair-toggle span,.live-homepage .onair { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 2.2s; animation-timing-function: linear; animation-iteration-count: infinite } @-webkit-keyframes blinker { 0% { opacity: 1.0 } 50% { opacity: 0.0 } 100% { opacity: 1.0 } } @keyframes blinker { 0% { opacity: 1.0 } 50% { opacity: 0.0 } 100% { opacity: 1.0 } } .pdjcaption-ctn { position: absolute; bottom: 17%; width: 100%; left: 0 } .pdjcaption { position: relative; color: #336fad; background-color: #fff; opacity: .85; text-align: center; padding: 30px 55px; text-align: center; line-height: 40px; margin: 0 auto; width: 70%; max-width: 800px } .pdjcaption:before { content: " "; position: absolute; z-index: -1; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 1px solid #fff } .pdjcaption .aftquote,.pdjcaption .befquote { position: absolute; font-size: 139px; font-weight: 600; line-height: 1px } .pdjcaption .befquote { top: 34px; left: -40px } .pdjcaption .aftquote { bottom: -34px; right: -40px } .pdjcaption .title { font-size: 42.52px; font-weight: 400 } .pdjcaption .author { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 24px; font-style: italic; padding: 0 10px } .pdjcaption .author:after,.pdjcaption .author:before { content: " - "; font-size: 1.2em; font-weight: 600 } @media (max-width: 1048px) { .pdjcaption { line-height:36px; padding: 27px 49.5px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 125.1px } .pdjcaption .befquote { top: 30.6px; left: -36px } .pdjcaption .aftquote { bottom: -30.6px; right: -36px } .pdjcaption .title { font-size: 38.268px } .pdjcaption .author { font-size: 21.6px } } @media (max-width: 946px) { .pdjcaption { line-height:33.2px; padding: 24.9px 45.65px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 115.37px } .pdjcaption .befquote { top: 28.22px; left: -33.2px } .pdjcaption .aftquote { bottom: -28.22px; right: -33.2px } .pdjcaption .title { font-size: 35.2916px } .pdjcaption .author { font-size: 19.92px } } @media (max-width: 844px) { .pdjcaption { line-height:30.4px; padding: 22.8px 41.8px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 105.64px } .pdjcaption .befquote { top: 25.84px; left: -30.4px } .pdjcaption .aftquote { bottom: -25.84px; right: -30.4px } .pdjcaption .title { font-size: 32.3152px } .pdjcaption .author { font-size: 18.24px } } @media (max-width: 742px) { .pdjcaption { line-height:27.6px; padding: 20.7px 37.95px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 95.91px } .pdjcaption .befquote { top: 23.46px; left: -27.6px } .pdjcaption .aftquote { bottom: -23.46px; right: -27.6px } .pdjcaption .title { font-size: 29.3388px } .pdjcaption .author { font-size: 16.56px } } @media (max-width: 640px) { .pdjcaption { line-height:32px; padding: 24px 44px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 111.2px } .pdjcaption .befquote { top: 27.2px; left: -32px } .pdjcaption .aftquote { bottom: -27.2px; right: -32px } .pdjcaption .title { font-size: 34.016px } .pdjcaption .author { font-size: 19.2px } } @media (max-width: 538px) { .pdjcaption { line-height:27.6px; padding: 20.7px 37.95px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 95.91px } .pdjcaption .befquote { top: 23.46px; left: -27.6px } .pdjcaption .aftquote { bottom: -23.46px; right: -27.6px } .pdjcaption .title { font-size: 29.3388px } .pdjcaption .author { font-size: 16.56px } } @media (max-width: 436px) { .pdjcaption { line-height:23.2px; padding: 17.4px 31.9px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 80.62px } .pdjcaption .befquote { top: 19.72px; left: -23.2px } .pdjcaption .aftquote { bottom: -19.72px; right: -23.2px } .pdjcaption .title { font-size: 24.6616px } .pdjcaption .author { font-size: 13.92px } } @media (max-width: 334px) { .pdjcaption { line-height:18.8px; padding: 14.1px 25.85px } .pdjcaption .aftquote,.pdjcaption .befquote { font-size: 65.33px } .pdjcaption .befquote { top: 15.98px; left: -18.8px } .pdjcaption .aftquote { bottom: -15.98px; right: -18.8px } .pdjcaption .title { font-size: 19.9844px } .pdjcaption .author { font-size: 11.28px } } .homepage__slider-desktop { display: block } @media screen and (max-width: 992px) { .homepage__slider-desktop { margin-bottom:0 } } .homepage__slider-desktop .swiper-container-horizontal .swiper-slide { transform: scale(1); -webkit-transform: scale(1) } .homepage__slider-desktop .swiper-container-horizontal .swiper-slide.swiper-slide-active { -webkit-animation: banner-image-scale 9s linear forwards; animation: banner-image-scale 9s linear forwards } .homepage__slider-desktop .swiper-container-horizontal .swiper-pagination { bottom: 0; display: flex; flex-wrap: nowrap; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3) } .homepage__slider-desktop .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet { height: 5px; border-radius: 0; opacity: .15; margin: 0; margin-right: 2px; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3); flex-grow: 1; min-width: 25% } .homepage__slider-desktop .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet:last-of-type { margin-right: 0 } .homepage__slider-desktop .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background-color: rgba(0,0,0,.15); min-width: 55%; position: relative; transition: all .3s cubic-bezier(.3,0,0,1.3); -webkit-transition: all .3s cubic-bezier(.3,0,0,1.3) } .homepage__slider-desktop .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet-active:after { content: ''; height: 5px; width: 0; background: #78d5d7; position: absolute; left: 0; top: 0; z-index: 2; -webkit-animation: pagination-scale-right 9s cubic-bezier(.77,0,.175,1) forwards; animation: pagination-scale-right 9s cubic-bezier(.77,0,.175,1) forwards } html.app-app .homepage__slider-desktop { display: none } @-webkit-keyframes banner-image-scale { 0% { transform: scale(1); -webkit-transform: scale(1) } 100% { transform: scale(1.08); -webkit-transform: scale(1.08) } } @keyframes banner-image-scale { 0% { transform: scale(1); -webkit-transform: scale(1) } 100% { transform: scale(1.08); -webkit-transform: scale(1.08) } } @-webkit-keyframes pagination-scale-right { 0% { width: 0 } 100% { width: 100% } } @keyframes pagination-scale-right { 0% { width: 0 } 100% { width: 100% } } .home-slider .swiper-container { overflow: hidden; padding: 15px 0 50px 0; position: relative } .home-slider .l-banner-inner { height: 100% } .home-slider .l-banner-image { text-align: center; line-height: 2em; padding: 0; height: 0; padding-bottom: 56.25%; background-size: cover; background-attachment: inherit; background-position: center } .home-slider .l-banner-image .l-banner-container { max-width: 1920px } .home-slider .homearrowleft { left: 10px; position: absolute; top: 50%; transform: translate(-100px,-50%); -webkit-transform: translate(-100px,-50%); z-index: 5; background-color: rgba(255,255,255,.5); color: #272727; line-height: 1; padding: 12px; border-radius: 50%; cursor: pointer; transition: all .3s cubic-bezier(.3,0,0,1.3) } .home-slider .homearrowright { right: 10px; position: absolute; top: 50%; transform: translate(100px,-50%); -webkit-transform: translate(100px,-50%); z-index: 5; background-color: rgba(255,255,255,.5); color: #272727; line-height: 1; padding: 12px; border-radius: 50%; cursor: pointer; transition: all .3s cubic-bezier(.3,0,0,1.3) } .home-slider:hover .homearrowleft,.home-slider:hover .homearrowright { background-color: #fff; transform: translate(0,-50%); -webkit-transform: translate(0,-50%) } .live-homepage { color: #232332; background: #fff; box-shadow: 0 35px 50px rgba(0,0,0,.2); -webkit-box-shadow: 0 35px 50px rgba(0,0,0,.2); border-right: 5px solid #00adfa; position: fixed; z-index: 99; left: -350px; top: 140px; width: 360px; border-radius: 4px; padding: 10px } .live-homepage.is-open { animation: FadeInLeft-Out 10s 1; animation-fill-mode: forwards } .live-homepage #onair-toggle { background: #00adfa; background: #e85b4a; color: #fff; display: inline-block; position: absolute; right: -52px; top: 45%; transform: rotate(270deg) translateY(-50%); -webkit-transform: rotate(270deg) translateY(-50%); padding: 2px 4px; font-size: 10px; cursor: pointer } .live-homepage .author-img { width: 66px; height: 66px; border-radius: 50%; border: 1px solid #3a80c6; background-repeat: no-repeat; background-size: cover; background-position: center; float: left } .live-homepage .live-content-block { margin-left: 10px; text-align: left; font-size: 16px; text-transform: uppercase; font-weight: 600; position: relative; padding-left: 70px } .live-homepage .live-content-block .dans { font-size: 18px; font-weight: 300 } .live-homepage .live-content-block .live-author-name { max-width: 250px; display: block; text-transform: capitalize; font-size: .8em; color: #777 } .live-homepage .live-content-block .close-live { position: absolute; right: 4px; top: -8px; cursor: pointer } .live-homepage .live-content-block .live-title { width: calc(100% - 20px); display: block } .live-homepage #counter.abscount { display: inline-block; color: #232332; font-weight: bold; border-bottom: 2px solid #3a80c6; margin-bottom: 10px } .live-homepage #counter.abscount .time { display: inline-block; text-transform: lowercase } .live-homepage #counter.abscount .itime { display: inline-block } .live-homepage .onair { white-space: nowrap; text-transform: uppercase; font-size: 20px; font-weight: 400; letter-spacing: 1px; color: #00adfa; display: block; margin: 5px 0 10px } .live-homepage .follow { border: 2px solid #3a80c6; border-radius: 50px 50px; display: inline-block; padding: 4px 8px; background-color: #fff } @media screen and (max-width: 768px) { .live-homepage { position:relative; top: 0; left: 0; right: 0; width: 100%; border: 0; box-shadow: none; top: 20px } .live-homepage.is-open { animation: none } .live-homepage .close-live { display: none } } .lines-icon { margin: 0 0 28px; padding: 0 } .lines-icon i { font-size: 29px } .lines-icon.testi:after,.lines-icon.testi:before { background-color: #fff } .lines-icon.testi i { color: #fff } .lines-icon.msg:after,.lines-icon.msg:before { background-color: #336fad } .lines-icon.msg i { color: #336fad } .lines-icon.music:after,.lines-icon.music:before { background-color: #93d057 } .lines-icon.music i { color: #93d057 } .lines-icon.video:after,.lines-icon.video:before { background-color: #ef525b } .lines-icon.video i { color: #ef525b } .lines-icon:after,.lines-icon:before { display: inline-block; content: " "; height: 2px; text-shadow: none; background-color: #87919b; width: 44px } .lines-icon:before { margin: 0 20px 8px 0 } .lines-icon:after { margin: 0 0 8px 20px } .passlemot-home { max-width: 1170px; margin: 0 auto; background-color: #fff; background-image: url(https://fructifietestalents.org/maj/img/m_passlemot/passlemot.be479279a248.jpg); background-repeat: no-repeat; background-position: top left; text-align: left; font-weight: 300 } .passlemot-home .lines-icon { margin-top: 21px } .passlemot-home h1 { color: #02c6ad; margin-bottom: 35px; margin-top: 40px } .passlemot-home h2 { color: #555; font-weight: 300; font-size: 1.5em; max-width: 1170px; margin: 0 auto 3em } .passlemot-home .shares { margin: 0 auto; text-align: center } .passlemot-home .dropdown-share-by-email.dropdown { z-index: 999 } .passlemot-home .bottom-share { position: relative; bottom: 30px; margin-left: auto; margin-right: auto; left: 0; right: 0 } .passlemot-home .bottom-share a { background-color: #02c6ad; border-radius: 50%; padding: 5px; font-size: 24px; vertical-align: top; color: #fff; text-align: center; width: 48px; display: inline-block; height: 48px; box-sizing: border-box; margin: 0 10px } .passlemot-home-content { width: 50%; min-width: 300px; max-width: 600px; margin-left: 45%; padding-bottom: 2em } @media (max-width: 650px) { .passlemot-home { background-image:none; text-align: center } .passlemot-home-content { width: 90%; margin: 0 auto } } #pull-down.hellobar.hb-bottom-left { bottom: 80px } .slider-container.last-videos .post-content--excerpt { display: none } .homepage__container--topmessages-last { background: #f8f8f8; padding: 60px 0 20px 0; margin: 0 auto } @media screen and (max-width: 768px) { .homepage__container--topmessages-last { margin:10px auto 30px auto; padding: 40px 10px } } .featured-module-variant-one .swiper-title-container { margin-bottom: 60px; display: block } @media screen and (max-width: 992px) { .featured-module-variant-one .swiper-title-container { margin-bottom:20px } } .featured-module-variant-one .swiper-title-container .swiper-title { text-align: left!important } .featured-module-variant-one.slider-without-slide .post { float: none; width: 40%; display: inline-block; margin: 0 0 20px; padding: 0 0 6px } @media screen and (max-width: 992px) { .featured-module-variant-one.slider-without-slide .post { border-bottom:none; float: none; width: 100%; padding: 0 } } .featured-module-variant-one.slider-without-slide .post .post-thumbnail--container { float: left; width: 120px; width: 173px; border-radius: 20px; border: 6px solid #fff; box-shadow: 0 6px 20px rgba(0,0,0,.1) } @media screen and (max-width: 1200px) { .featured-module-variant-one.slider-without-slide .post .post-thumbnail--container { width:100px } } @media screen and (max-width: 992px) { .featured-module-variant-one.slider-without-slide .post .post-thumbnail--container { border:4px solid #fff; border-radius: 10px } } .featured-module-variant-one.slider-without-slide .post .post-thumbnail--container .post-type--icon { width: 28px; height: 28px; left: 4px; bottom: 4px } .featured-module-variant-one.slider-without-slide .post .post-thumbnail--container .post-type--icon i { font-size: 20px; line-height: 24px } .featured-module-variant-one.slider-without-slide .post .post-content--body { clear: none; text-align: left; padding: 0 10px 0 200px; background: none; box-shadow: none } @media screen and (max-width: 1200px) { .featured-module-variant-one.slider-without-slide .post .post-content--body { padding:0 10px 0 115px; width: 100%; text-align: left } } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-content--title { font-size: 1.125em; line-height: 1.3; margin-bottom: 10px; margin-top: 0; font-weight: 500 } @media screen and (max-width: 1200px) { .featured-module-variant-one.slider-without-slide .post .post-content--body .post-content--title { font-size:1em } } @media screen and (max-width: 992px) { .featured-module-variant-one.slider-without-slide .post .post-content--body .post-content--title { margin-top:8px; font-size: .875em } } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-category-type { font-size: .5em; margin-bottom: 2px; display: inline-block } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-category-type .post-content--category-text { display: none!important } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-category-type .post-content--concept { display: block } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-category-type .post-content--concept:before { display: none } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-category-type[class^="post-tag--"] .post-content--interests:before,.featured-module-variant-one.slider-without-slide .post .post-content--body .post-category-type[class*=" post-tag--"] .post-content--interests:before { content: 'Famille & Co / '; display: inline-block; color: #fff } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-category-type .post-content--interests:before { display: none } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-content--excerpt { display: none } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-content--author-and-date { position: relative; top: 0; bottom: 0; text-align: left; vertical-align: top; font-size: .75em } @media screen and (max-width: 480px) { .featured-module-variant-one.slider-without-slide .post .post-content--body .post-content--author-and-date { text-align:left } } .featured-module-variant-one.slider-without-slide .post .post-content--body .post-content--author-and-date img { width: 20px; height: 20px; margin-right: 5px } html.app-app .featured-module-variant-one.slider-without-slide .post { display: none } .featured-module-variant-one.slider-without-slide .post:first-of-type { width: 50%; float: left } @media screen and (max-width: 992px) { .featured-module-variant-one.slider-without-slide .post:first-of-type { width:100%; float: none } } .featured-module-variant-one.slider-without-slide .post:first-of-type .post-thumbnail--container { float: none; width: 100%; border-radius: 20px; border: 10px solid #fff; box-shadow: 0 6px 20px rgba(0,0,0,.1) } @media screen and (max-width: 992px) { .featured-module-variant-one.slider-without-slide .post:first-of-type .post-thumbnail--container { border:6px solid #fff; margin-bottom: 20px } } .featured-module-variant-one.slider-without-slide .post:first-of-type .post-content--body { padding: 0 } .featured-module-variant-one.slider-without-slide .post:first-of-type .post-content--body .post-content--excerpt { display: block } .featured-module-variant-one.slider-without-slide .post:first-of-type .post-content--body .post-content--title { font-size: 1.5em } .featured-module-variant-one.slider-without-slide .post:first-of-type .post-content--body .post-category-type { margin-top: 24px } html.app-app .featured-module-variant-one.slider-without-slide .post:first-of-type { display: block!important } .featured-module-variant-one.slider-without-slide .clr { clear: none } .featured-module-variant-one.slider-without-slide .post--btn-more { background: rgba(58,128,198,.06)!important; clear: both; padding: 3px; border-radius: 5px; color: #3a80c6; display: inline-block; font-weight: bold; width: 40% } @media screen and (max-width: 992px) { .featured-module-variant-one.slider-without-slide .post--btn-more { width:100% } } .featured-module-variant-one.module-featured--famille .slider-without-slide .post .post-content--body .post-category-type { display: inline-block } .featured-module-variant-one.module-featured--famille .slider-without-slide .post .post-content--body .post-category-type .post-content--category-text { display: none } .featured-module-variant-one.module-featured--famille .slider-without-slide .post .post-content--body .post-category-type .post-content--category-video { display: none } .featured-module-variant-one.module-featured--famille .slider-without-slide .post .post-content--body .post-category-type .post-content--interests:before { display: none } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-jeune { background-color: #19c1ff!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-couple { background-color: #dc5097!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-parent { background-color: #80c2b8!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-célibataire { background-color: #4b9d15!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-sénior { background-color: #7d5288!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-leader { background-color: #1d53b7!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-témoignage { background-color: #cf5514!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-actualités { background-color: #f8bb00!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-musique { background-color: #118ab2!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-homme { background-color: #0f759b!important; padding: 2px 6px } .featured-module-variant-one.module-featured--famille .post-category-type { padding: 0; background: none } .featured-module-variant-one.module-featured--famille .post-category-type .post-content--tag-femme { background-color: #df98de!important; padding: 2px 6px } .homepage__new-devotional { background: #fff; position: relative; z-index: 5; padding: 0; text-align: left; width: 100%; margin: 0; overflow: hidden; width: 100%; border-radius: 10px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media screen and (max-width: 1200px) { .homepage__new-devotional { margin-bottom:25px } } @media screen and (max-width: 992px) { .homepage__new-devotional { margin-top:25px; text-align: left } } @media screen and (max-width: 480px) { .homepage__new-devotional { margin-bottom:0; margin-top: 15px } } .homepage__new-devotional .new-devotional--module-title { letter-spacing: 1px; font-size: .625em; border-bottom-right-radius: 10px; text-transform: uppercase; font-weight: 700; padding: 5px 10px; color: #fff; display: inline-block; background: #fdb95f; position: absolute; font-family: "Montserrat",sans-serif; top: 0; left: 0 } .homepage__new-devotional .new-devotional--title { margin-top: 0; font-size: 1.875em; line-height: 28px; font-weight: 700; color: #232332; text-align: left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-bottom: 10px } @media screen and (max-width: 992px) { .homepage__new-devotional .new-devotional--title { font-size:1.625em; line-height: 24px } } @media screen and (max-width: 480px) { .homepage__new-devotional .new-devotional--title { font-size:1.125em; line-height: 16px; margin-bottom: 4px } } .homepage__new-devotional .new-devotional--image-container { overflow: hidden } .homepage__new-devotional .new-devotional--image { width: 100%; height: 0; padding-bottom: 56.25%; position: relative } .homepage__new-devotional .new-devotional--image:before { content: ""; z-index: 1; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,.3); opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .homepage__new-devotional .new-devotional--content { height: 100%; padding: 25px 20px 20px; text-align: left } @media screen and (max-width: 992px) { .homepage__new-devotional .new-devotional--content { padding:10px } } .homepage__new-devotional .new-devotional--content .new-devotional--excerpt p { display: block; margin: 0 auto; color: #232332; text-align: left; background-color: #fff; font-size: .9375em; line-height: 20px; hyphens: auto; -webkit-hyphens: auto; margin-top: 4px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } @media screen and (max-width: 992px) { .homepage__new-devotional .new-devotional--content .new-devotional--excerpt p { font-size:.875em; line-height: 18px } } @media screen and (max-width: 480px) { .homepage__new-devotional .new-devotional--content .new-devotional--excerpt p { font-size:.75em; line-height: 14px; margin-top: 4px } } .homepage__new-devotional .new-devotional--author-name { margin: 0; text-align: left; font-size: .875em } @media screen and (max-width: 992px) { .homepage__new-devotional .new-devotional--author-name { font-size:.75em } } @media screen and (max-width: 480px) { .homepage__new-devotional .new-devotional--author-name { font-size:.625em } } .homepage__new-devotional .new-devotional--author-name span { vertical-align: top; color: #b5b5b5; line-height: 18px } .homepage__new-devotional .new-devotional--author-name span img { width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; vertical-align: middle; background-size: cover } @media screen and (max-width: 480px) { .homepage__new-devotional .homepage__new-devotional .module-title { left:0; top: -10px; white-space: nowrap } .homepage__new-devotional .homepage__new-devotional .new-devotional--title { font-size: 1.5em; text-align: left } .homepage__new-devotional .homepage__new-devotional .devotional-excerpt { max-width: 100%; text-align: left } } html.no-touch .homepage__new-devotional:hover .new-devotional--title { color: #3a80c6 } html.no-touch .homepage__new-devotional:hover .new-devotional--image:before { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .pl_home_page_module.container { padding-left: 0; padding-right: 0 } .breaking-news { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; margin: 25px auto; position: relative } .label { padding: 6px 15px; background: #00adfa; color: #fff; font-weight: bold; text-transform: uppercase; font-family: "Montserrat",sans-serif; display: inline-block; position: absolute; top: 0; left: 15px } .news-title { padding: 5px 10px; background: #fff; width: 100%; border: 1px solid #ccc; padding-left: 190px } .ripple { overflow: hidden } .ripple:after { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; background: rgba(255,255,255,.5); opacity: 0; border-radius: 100%; transform: scale(1,1) translate(-50%); transform-origin: 50% 50% } @keyframes ripple { 0% { transform: scale(0, 0); opacity: 1 } 20% { transform: scale(25, 25); opacity: 1 } 100% { opacity: 0; transform: scale(40, 40) } } .ripple::after { animation: ripple 3.5s ease-out infinite } .homepage-ads-slider { margin-bottom: 30px; } @media screen and (max-width: 992px) { .homepage-ads-slider { margin-top:32px } } .homepage-ads-slider .swiper-slide { opacity: .5; transform: scale(1); transition: all .3s cubic-bezier(.3,0,0,1.3); width: 40% } @media screen and (max-width: 768px) { .homepage-ads-slider .swiper-slide { width:90% } } .homepage-ads-slider .swiper-slide:after { content: ''; opacity: 0; transition: all .3s ease-in-out } .homepage-ads-slider .swiper-slide.swiper-slide-active { border-radius: 20px; border: 10px solid #fff; box-shadow: 0 16px 30px rgba(1,71,123,.08); opacity: 1; transform: scale(1)!important; transition: all .3s ease-in-out!important } .homepage-ads-slider .swiper-slide.swiper-slide-active:after { display: none!important } .homepage-ads-slider .swiper-slide.swiper-slide-prev { transform: scale(.8); transform-origin: center right; transition: all .3s ease-in-out; transition: all .3s cubic-bezier(.3,0,0,1.3) } .homepage-ads-slider .swiper-slide.swiper-slide-prev:after { content: ''; position: absolute; background: #fff; background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%); z-index: 2; left: 0; top: 0; bottom: 0; right: auto; width: 100%; height: 100%; opacity: 1 } .homepage-ads-slider .swiper-slide.swiper-slide-next { transform: scale(.8); transform-origin: center left; transition: all .3s ease-in-out; position: relative; transition: all .3s cubic-bezier(.3,0,0,1.3) } .homepage-ads-slider .swiper-slide.swiper-slide-next:after { content: ''; position: absolute; background: #fff; background: linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%); z-index: 2; left: 0; top: 0; bottom: 0; right: auto; width: 100%; height: 100%; opacity: 1 } .homepage-slider .swiper-title-container,.section-slider .swiper-title-container { display: block; text-align: center; position: relative; margin-bottom: 0 } .homepage-slider .swiper-title-container h2,.section-slider .swiper-title-container h2 { margin: 0 auto; color: #00adfa; font-weight: 900; font-size: 3.4375em; position: relative; display: block; z-index: 5; line-height: 1.2 } .homepage-slider .swiper-title-container h2:before,.section-slider .swiper-title-container h2:before { content: 'Actualités'!important; font-weight: 900; color: #eee; font-size: 2em; white-space: nowrap; position: absolute; top: -26px; left: 0; line-height: 1; letter-spacing: 0; z-index: -1; text-align: center; width: 100% } @media screen and (max-width: 992px) { .homepage-slider .swiper-title-container h2,.section-slider .swiper-title-container h2 { font-size:2.25em } } .homepage-slider .slider-container .back,.section-slider .slider-container .back { top: -56px; right: 30px; cursor: pointer; z-index: 2 } .homepage-slider .slider-container .back:after,.section-slider .slider-container .back:after { font-size: 24px } .homepage-slider .slider-container .next,.section-slider .slider-container .next { top: -56px; right: 0; cursor: pointer; z-index: 2 } .homepage-slider .slider-container .next:after,.section-slider .slider-container .next:after { font-size: 24px } .homepage-slider .slider-without-slide .swiper-title-container:before,.section-slider .slider-without-slide .swiper-title-container:before { width: 100% } .l-section-home .subscribe-newsletter-form { margin-bottom: 20px } .l-section-home .module-question-of-the-day { margin-top: 0 } .l-section-home .module-question-of-the-day .question-of-the-day .question-of-the-day-title { height: 64px; top: 0 } .homepage-live-soon .slider-container .swiper-container .post { background: none!important; box-shadow: none!important } .homepage-live-soon .slider-container .swiper-container .post .post-date { display: none } .homepage__module-question-users .module-question-users--content { -webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03); box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03); margin-bottom: 25px; position: relative } .homepage__module-question-users .module-question-users--title { background: #00adfa; padding: 15px 5px; display: block; width: 100%; text-align: center; text-transform: uppercase; color: #fff; letter-spacing: 1px; position: absolute; top: 0; left: 0; z-index: 2 } .homepage__module-question-users .BeOpinionWidget { position: relative; z-index: 1; top: 10px } .homepage-section-white { background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px; margin: 40px auto; padding: 20px } @media screen and (max-width: 768px) { .homepage-section-white { background:none; box-shadow: none; border-radius: 0; padding: 0; margin: 10px auto } } .homepage-section-white .row { margin: 0 } .countdown-20ans { color: #e8623e; font-family: "Montserrat",sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.875em } .countdown-20ans span { color: #e8623e; font-family: "Montserrat",sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.375em } .countdown-20ans .countdown--days,.countdown-20ans .countdown--hours,.countdown-20ans .countdown--minutes,.countdown-20ans .countdown--seconds { display: inline-block; margin: 0 6px } .countdown-20ans .countdown-number { display: inline-block } .countdown-20ans .countdown-text { display: inline-block; font-size: .5em } div .lsf-only { display: none } html.lsf div .lsf-only { display: block } .pl_home_page_module .swiper-title-container .swiper-title { text-align: center } .pl_home_page_module .swiper-title-container .swiper-title h2 { margin: 40px auto 100px 0; color: #accc05f0; font-weight: 900; font-size: 3.4375em; position: relative; display: block; z-index: 5; line-height: 1.2 } .pl_home_page_module .swiper-title-container .swiper-title h2:before { content: attr(data-title); font-weight: 900; color: #eee; font-size: 2em; white-space: nowrap; position: absolute; top: -26px; left: 0; line-height: 1; letter-spacing: 0; z-index: -1; text-align: center; width: 100% } @media screen and (max-width: 992px) { .pl_home_page_module .swiper-title-container .swiper-title h2 { font-size:2.25em } } @media screen and (max-width: 768px) { .homepage__last-devotional { padding-left:10px; padding-right: 10px } } .homepage__last-devotional .post .post-thumbnail--container { width: 46%; float: left; margin-right: 10px } .customA{ width: 40%; height: 310px; margin-right: 60px; border-radius: 20px; } @media screen and (max-width: 768px) { .homepage__last-devotional .post .post-thumbnail--container { width:100%; float: none; margin: 20px auto } } .homepage__last-devotional .post .post-content--body { box-shadow: none; text-align: left; background: none; border-radius: 0; -height: 410px; padding-top: 40px; padding-left: calc(40% + 60px) } @media screen and (max-width: 768px) { .homepage__last-devotional .post .post-content--body { padding-left:0 } } @media screen and (max-width: 1090px) { .homepage__last-devotional .post .post-content--body { padding-top:10px } } .homepage__last-devotional .post .post-content--body .post-content--title { font-size: 1.7em; color: #0a1128; line-height: 1.3 } .homepage__last-devotional .post .post-content--body .post-content--date { display: none } .homepage__last-devotional .post .post-content--body .post-content--excerpt { max-height: unset } @media screen and (max-width: 768px) { .homepage__toptv-module { padding-right:0; padding-left: 10px; margin-right: -5px } } .homepage__toptv-module .swiper-title-container h2 { margin: 0 auto; color: #00adfa; font-weight: 900; font-size: 3.4375em; position: relative; display: block; z-index: 5; line-height: 1.2 } .homepage__toptv-module .swiper-title-container h2:before { content: attr(data-title); font-weight: 900; color: #eee; font-size: 2em; white-space: nowrap; position: absolute; top: -26px; left: 0; line-height: 1; letter-spacing: 0; z-index: -1; text-align: center; width: 100% } @media screen and (max-width: 992px) { .homepage__toptv-module .swiper-title-container h2 { font-size:2.25em } } .homepage__toptv-module h3 { margin: 60px 0 40px 0 } @media screen and (max-width: 768px) { .homepage__toptv-module h3 { margin:20px 0 30px 0; font-size: 1.25em } .homepage__toptv-module .btn-base { font-size: .88889rem; font-weight: 500 } } .homepage__toptv-module .btn-base.btn-toptv { border-radius: 32.5px; border: 4px solid #fff; box-shadow: 0 8px 16px rgba(0,0,0,.16); margin-bottom: 10px } .homepage__toptv-module .slider-container { position: unset } .homepage__toptv-module .toptv-slider--author { position: relative; z-index: 6 } @media screen and (max-width: 768px) { .homepage__toptv-module .toptv-slider--author { margin-top:20px } } .homepage__toptv-module .toptv-slider--author .swiper-title-container { display: none } .homepage__toptv-module .toptv-slider--author .slider-container .slider-inner { position: unset } .homepage__toptv-module .toptv-slider--author .slider-container .slider-inner .next,.homepage__toptv-module .toptv-slider--author .slider-container .slider-inner .back { width: 50px; height: 50px; line-height: 56px; background: #fff; box-shadow: 0 5px 11px rgba(0,0,0,.16); border-radius: 50%; bottom: 0; top: 60px } .homepage__toptv-module .toptv-slider--author .slider-container .slider-inner .next { right: 0; top: -60px } .homepage__toptv-module .toptv-slider--author .slider-container .slider-inner .back { right: 60px; top: -60px } .homepage__toptv-module .toptv-slider--author .slider-container .slider-inner .swiper-pagination-bullets { bottom: 50px } .homepage__topmusic-module { padding-top: 40px } .homepage__topmusic-module .swiper-title-container { margin-bottom: 20px; display: block } .homepage__topmusic-module .swiper-title-container .swiper-title { text-align: center } .homepage__topmusic-module .swiper-title-container .swiper-title h2 { margin: 14px auto 8px 0; color: #00adfa; font-weight: 900; font-size: 3.4375em; position: relative; display: block; z-index: 5; line-height: 1.2 } .homepage__topmusic-module .swiper-title-container .swiper-title h2:before { content: attr(data-title); font-weight: 900; color: #eee; font-size: 2em; white-space: nowrap; position: absolute; top: -26px; left: 0; line-height: 1; letter-spacing: 0; z-index: -1; text-align: center; width: 100% } @media screen and (max-width: 992px) { .homepage__topmusic-module .swiper-title-container .swiper-title h2 { font-size:2.25em } } .homepage__topmusic-module .post .post-thumbnail--container { border-radius: 10px; border: 6px solid #fff } .homepage__topmusic-module .post .post-content--body { box-shadow: none } .homepage__topmusic-module .post .post-content--body .post-content--excerpt { display: none } .homepage__topmusic-module .col-md-3 .swiper-title-container,.homepage__topmusic-module .col-xs-12 .swiper-title-container { display: none!important } .pl_home_module .homepage__intro-module h1 { font-size: 2.25em; margin: 0; padding: 0; font-weight: 900; font-style: italic } @media screen and (max-width: 1200px) { .pl_home_module .homepage__intro-module h1 { font-size:2em } } @media screen and (max-width: 768px) { .pl_home_module .homepage__intro-module h1 { font-size:1.75em } } .pl_home_module .homepage__intro-module h1 span { color: #f9a300; position: relative } @media screen and (max-width: 1200px) { .pl_home_module .homepage__intro-module h1 span { display:inline-block } } .pl_home_module .homepage__intro-module h2 { font-size: 1.25em; margin: 0; padding: 0; font-weight: 400 } @media screen and (max-width: 1200px) { .pl_home_module .homepage__intro-module h2 { font-size:1.125em } } @media screen and (max-width: 768px) { .pl_home_module .homepage__intro-module h2 { font-size:1em } } .pl_home_module .homepage__intro-module img { position: relative; top: 0; right: 0; width: 100%; z-index: 1 } @media screen and (max-width: 480px) { .pl_home_module .homepage__intro-module img { width:80% } } .pl_home_module .homepage__intro-module .first-column { max-width: unset; padding: 60px 0; position: relative; z-index: 2 } @media screen and (max-width: 768px) { .pl_home_module .homepage__intro-module .first-column { max-width:100%; padding: 42px 10px } } @media screen and (max-width: 480px) { .pl_home_module .homepage__intro-module .row-eq-height { flex-direction:row-reverse; flex-wrap: wrap-reverse } } .l-section-Recrutement .recrutement__intro { height: 80vh; background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden; position: relative } .l-section-Recrutement .recrutement__intro:before { content: ''; background-image: radial-gradient(circle at top right,#2ff5ca,#0e7df8); opacity: .45; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .l-section-Recrutement .recrutement__intro h1 { font-size: 3em; margin-bottom: 20px } @media screen and (max-width: 768px) { .l-section-Recrutement .recrutement__intro h1 { font-size:2.25em } } .l-section-Recrutement .recrutement__intro p { font-size: 1.3em; font-weight: bold; margin: 0 } @media screen and (max-width: 768px) { .l-section-Recrutement .recrutement__intro p { font-size:1em } } .l-section-Recrutement .recrutement__intro .container { position: relative; z-index: 9 } .l-section-Recrutement .recrutement__intro svg { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; z-index: 8 } .l-section-Recrutement .recrutement__intro #clouds path { fill: white; stroke: white } .l-section-Recrutement .recrutement__intro .separator { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: auto; z-index: 8; max-height: 250px } .l-section-Recrutement .recrutement__details { background: #fff; padding: 40px 20px 120px 20px } .l-section-Recrutement .recrutement__details h2 { color: #94bcd1; font-size: 2.8em; margin-bottom: 52px } @media screen and (max-width: 768px) { .l-section-Recrutement .recrutement__details h2 { font-size:1.8em } } .l-section-Recrutement .recrutement__details .recrutement__details--grid { display: flex; align-items: flex-start; justify-content: center; text-align: center; flex-wrap: wrap; gap: 24px; margin-bottom: 52px; margin-top: 32px } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element { flex: 0 1 25%; text-align: center } @media screen and (max-width: 768px) { .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element { flex:0 1 40% } } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element i { background: #dedede; box-shadow: 0 4px 16px rgba(0,0,0,.15); border-radius: 10px; display: inline-block; margin: 0 auto 12px auto; padding: 24px; font-size: 2em; font-style: normal; width: 90px; height: 90px } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element:nth-child(1) i { background: #fff7ba } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element:nth-child(2) i { background: #dedede } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element:nth-child(3) i { background: #bfa9a9 } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element:nth-child(4) i { background: #f47f9f } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element:nth-child(5) i { background: #f093c5 } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element img { width: 160px; height: auto; margin-bottom: 12px } .l-section-Recrutement .recrutement__details .recrutement__details--grid .details__element p { font-size: 18px; line-height: 22px; margin: 0; font-weight: 500; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } .l-section-Recrutement .recrutement__details p { font-size: 3em; line-height: 1.3; margin: 0; text-align: center; font-family: 'Nanum Pen Script',cursive } .l-section-Recrutement .recrutement__details p b { color: #95b59d } .l-section-Recrutement .recrutement__verse { padding: 40px 0; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; text-align: left } .l-section-Recrutement .recrutement__verse h2 { margin: 0!important; color: #007c53; font-size: 2.2em } .l-section-Recrutement .recrutement__verse h2 span { font-size: .8em; text-transform: initial } .l-section-Recrutement .recrutement__verse p { color: #212121; font-size: 1.3em; font-weight: 500 } .l-section-Recrutement .recrutement__verse p.font-italic { font-size: 2em; color: #82a98b } .l-section-Recrutement .recrutement__verse img { max-width: 400px; width: 100% } .l-section-Recrutement .recrutement__jobs-list { background-image: url(https://s.topchretien.com/media/filer_public/cc/c9/ccc9a3d0-501c-4734-b16d-24ff06b2096d/bulles.png); background-size: 100% 100%; background-repeat: no-repeat; background-color: #fff } .l-section-Recrutement .recrutement__jobs-list .swiper-title-container { text-align: center; display: block } .l-section-Recrutement .recrutement__jobs-list .swiper-title-container h2 { color: #4d8fbd; font-size: 3em; text-align: center } .l-section-Recrutement .recrutement__jobs-list .slider-container .swiper-wrapper .swiper-slide .post { border-radius: 12px; padding: 16px } .l-section-Recrutement .recrutement__jobs-list .slider-container .swiper-wrapper .swiper-slide .post .post-content--container { display: flex; align-items: center } .l-section-Recrutement .recrutement__jobs-list .slider-container .swiper-wrapper .swiper-slide .post .post-content--body { text-align: left } .l-section-Recrutement .recrutement__jobs-list .slider-container .swiper-wrapper .swiper-slide .post .post-content--title { font-weight: bold; font-size: 1.25em; line-height: 1.3; color: #007c53 } .l-section-Recrutement .recrutement__jobs-list .slider-container .swiper-wrapper .swiper-slide .post .post-category-type { display: none } .l-section-Recrutement .recrutement__jobs-list .slider-container .swiper-wrapper .swiper-slide .post .post-content--informations { display: none } .l-section-Recrutement .aboutus-value-section { background: #99bfa2; color: #fff; margin-bottom: 0; padding: 80px 0 20px 0 } .l-section-Recrutement .aboutus-value-section h2 { color: #fff!important; margin-bottom: 32px!important } .l-section-Recrutement .aboutus-value-section .reveal-container .reveal-list li span { background: #fff; color: #007c53; box-shadow: none } .l-section-Recrutement .recrutement__valeurs { background: #99bfa2; color: #fff; padding: 20px 0 80px 0; text-align: center } .l-section-Recrutement .recrutement__valeurs p { font-size: 1.2em; font-weight: bold } .connectme__invite-page .article-actions-mobile--container { display: none!important } .font-connectme { font-family: "Nunito",sans-serif!important } body.is-connectme { background: #f8f7fe; font-family: "Nunito",sans-serif!important } @media screen and (min-width: 769px) { body.is-connectme { margin-top:0 } } @media screen and (max-width: 768px) { body.is-connectme { margin-top:0; padding-top: 0 } } @media screen and (max-width: 480px) { body.is-connectme .l-article-page { background:#f8f7fe } } body.is-connectme h1,body.is-connectme h2,body.is-connectme h3,body.is-connectme h4,body.is-connectme h5,body.is-connectme h6 { font-family: "Nunito",sans-serif; color: #536889; font-weight: 900!important } body.is-connectme .subtitle { color: #536889 } body.is-connectme .redeem-code__block .redeem-code--title { margin: 0; text-transform: uppercase; opacity: .7; font-size: 14px } body.is-connectme .redeem-code__block .redeem-code--text { color: #212121; border: 1px solid #cce9ff; background: #fff; box-shadow: 0 5px 16px rgba(20,51,74,.1); display: inline-block; padding: 8px 18px; border-radius: 6px; margin: 0; font-size: 1.1em; letter-spacing: 2px; font-family: "Courier",monospace } body.is-connectme .redeem-code__block #redeem-code--copy-button.copied { color: green } body.is-connectme .article-main { margin-top: 0; margin-bottom: 0 } body.is-connectme .article-main .content { box-shadow: none; background: none; border-radius: 0; padding: 0 } body.is-connectme .article-main .article-img { width: 100%; padding: 0; float: none } body.is-connectme .article-main .article-img img { border-radius: 20px } body.is-connectme .l-article.is-course .article-main .article-content { background: #fff; box-shadow: 0px 7px 16px 0px #034a801a; border-radius: 40px; padding: 30px } @media screen and (max-width: 480px) { body.is-connectme .l-article.is-course .article-main .article-content { padding:24px 12px } } body.is-connectme .rightcolumn.l-sidebar { display: none!important } body.is-connectme .btn-base.btn-white { color: #272727; background: #fff; font-family: "Nunito",sans-serif; box-shadow: 0 8px 16px rgba(157,105,24,.15) } html.no-touch body.is-connectme .btn-base.btn-white:hover { color: #272727!important; transform: translateY(2px); box-shadow: 0 4px 22px rgba(157,105,24,.35) } body.is-connectme .btn-base.btn-light-orange { font-family: "Nunito",sans-serif; background: linear-gradient(45deg,#fbb03b 0%,#fbba37 50%,#fcc632 100%)!important; box-shadow: 0 8px 16px rgba(157,105,24,.15); border-bottom: 1px solid #fbb03b; border-bottom: 3px solid #fbb03b!important } html.no-touch body.is-connectme .btn-base.btn-light-orange:hover { color: #fff!important; transform: translateY(2px); box-shadow: 0 4px 22px rgba(157,105,24,.35) } .connectme__banner-page { background: #fff; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; text-align: center; padding: 40px 20px } .connectme__banner-page img { width: 100%; max-width: 200px; margin: 0 auto } .connectme__posts-list { font-family: "Nunito",sans-serif } .connectme__posts-list .post { border-radius: 20px; border: 1px solid var(--light-ui-blue-200,#cce9ff); background: var(--light-neutral-white,#fff); box-shadow: 0 7px 16px 0 rgba(3,74,128,.1); padding: 20px; display: flex; flex-wrap: nowrap; gap: 20px; align-items: center; margin-bottom: 20px } .connectme__posts-list .post .post-thumbnail--container { border-radius: 16px!important; box-shadow: none; flex: 0 0 30% } @media screen and (max-width: 768px) { .connectme__posts-list .post .post-thumbnail--container { flex:0 0 40% } } .connectme__posts-list .post .post-thumbnail--container .post-thumbnail--image { border-radius: 16px } .connectme__posts-list .post .post-thumbnail--container .post-thumbnail--informations { display: none!important } .connectme__posts-list .post .post-content--body { border-radius: 0; background: none; box-shadow: none; padding: 0!important; height: auto!important; font-family: "Nunito",sans-serif!important } .connectme__posts-list .post .post-content--body .post-content--title { font-family: "Nunito",sans-serif!important; color: var(--light-text,#212121); font-size: 1.625em!important; line-height: 1.3; font-weight: 900 } @media screen and (max-width: 768px) { .connectme__posts-list .post .post-content--body .post-content--title { font-size:1.25em!important } } .connectme__posts-list .post .post-content--body .post-content--category-cmcourse { display: none } .connectme__posts-list .post .post-content--body .post-content--author { display: none } .connectme__posts-list .post .post-content--body .post-content--excerpt { overflow: visible!important; max-height: unset!important } .connectme__posts-list .post .post-content--body .post-content--excerpt p { font-size: 16px; line-height: 1.3 } .connectme__posts-list .post .course__duration { display: flex; align-items: center; gap: 8px; color: var(--light-neutral-gray-500,#717171); font-family: "Nunito",sans-serif } .connectme__posts-list .post .course__duration svg { fill: var(--light-ui-blue-700,#00c9ee); width: 20px } .connectme__posts-list .post .course__duration svg path { fill: var(--light-ui-blue-700,#00c9ee) } .connectme__posts-list .post .redeem-code__block { display: flex; gap: 12px; align-items: center; margin-bottom: 20px } .connectme__posts-list .post .redeem-code__block .redeem-code--title { margin: 0; text-transform: uppercase; opacity: .7; font-size: 14px } .connectme__posts-list .post .redeem-code__block .redeem-code--text { color: #212121; border: 1px solid #cce9ff; background: #fff; box-shadow: 0 5px 16px rgba(20,51,74,.1); display: inline-block; padding: 8px 18px; border-radius: 6px; margin: 0; font-size: 1.1em; letter-spacing: 2px; font-family: "Courier",monospace } .connectme__posts-list .post .redeem-code__block #redeem-code--copy-button.copied { color: green } .connectme__posts-list .select__group-list { display: flex; border-radius: 20px; border: 1px solid var(--light-ui-blue-200,#cce9ff); background: var(--light-neutral-white,#fff); box-shadow: 0 7px 16px 0 rgba(3,74,128,.1); padding: 20px; gap: 32px; align-items: center; justify-content: center; margin-bottom: 32px } @media screen and (max-width: 768px) { .connectme__posts-list .select__group-list { flex-wrap:wrap; gap: 12px } .connectme__posts-list .select__group-list .btn-base { flex-grow: 1 } } .connectme__posts-list .select__group-list select { border-radius: 20px; background: var(--light-input,#ebecf3); flex-grow: 1; font-size: 1em; font-family: "Nunito",sans-serif; color: #272727; padding: 6px 12px; border: none } .connectme__posts-list .select__group-list .btn-base { margin-bottom: 0 } label.top-label { opacity: 1; font: bold 18px/22px Sen; letter-spacing: 0; color: #202020 } label.top-label.grey { color: #212121; opacity: .5; font: bold 15px/18px Sen } body { height: 100% } .loader { display: none; background-color: rgba(200,200,200,.5); z-index: 20; text-align: center; position: fixed; top: 47px; height: 100px; width: 100%; background-image: url(https://fructifietestalents.org/maj/img/uri/ajax-loader.fbbf1ec8e553.gif); background-position: center; background-repeat: no-repeat } #loader-mosaic-more { clear: both; text-align: center; width: 100%; height: 40px; visibility: hidden; background-position: center; background-repeat: no-repeat; position: relative; position: relative; margin: 30px auto } #loader-mosaic-more::before,#loader-mosaic-more::after { content: ''; position: absolute; top: -45px; left: 50%; margin-left: -30px; width: 60px; height: 60px; transform: scale(.1); opacity: 1; border-radius: 100%; box-shadow: 0 0 0 .1em inset; animation: loop 1000ms infinite ease-out; opacity: .2 } #loader-mosaic-more:after { content: ''; width: 60px; height: 60px; color: #3a80c6; border-radius: 100%; box-shadow: 0 0 0 .5em rgba(58,128,198,.1) inset; display: flex; align-items: center; justify-content: center } #loader-mosaic-more::before { animation-delay: 500ms } #loader-mosaic-more #loader-mosaic-more-a { position: relative; top: -30px; font-family: "Montserrat",sans-serif; font-weight: bold; color: #272727; z-index: 2 } #loader-mosaic-more.loader-mosaic-more { visibility: visible } #messages { position: fixed; z-index: 9999; right: 20px; top: 140px; border-left: 5px solid #82b31e; color: #444; background: #fff; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-box-shadow: 0 0 10px 2px rgba(48,48,48,.3); -moz-box-shadow: 0 0 10px 2px rgba(48,48,48,.3); box-shadow: 0 0 10px 2px rgba(48,48,48,.3) } #messages p { padding: 0 1em; text-align: center; max-width: 350px } @media screen and (max-width: 1024px) { #messages { top:60px } } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } 20% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } 20% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 90% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } } .article-miracle .gloire:before,.article-miracle .recommande:before { border: 0; display: block; border-top: 1px solid #ccc; background-color: #fff; margin: 1em 0; padding: 1em 0 0; font-weight: bold; font-style: normal; z-index: 100 } .article-miracle .hello { font-weight: bold; font-size: 1.125rem; line-height: 29px } @media screen and (max-width: 800px) { .article-miracle .hello { font-size:1.0625rem; line-height: 27px } } .article-miracle .module { text-align: justify } .article-miracle .module:after { border: 0; display: block; border-top: 1px solid #ccc; content: ""; margin: 20px 0 -20px; z-index: 50 } .article-miracle .gloire { font-style: italic; font-size: 1.125rem; line-height: 29px; margin-bottom: 42px } @media screen and (max-width: 800px) { .article-miracle .gloire { font-size:1.0625rem; line-height: 27px } } .article-miracle .gloire:before { content: "GLOIRE À DIEU...\a"; font-size: 1.125rem; margin-bottom: 6px } @media screen and (max-width: 800px) { .article-miracle .gloire:before { font-size:1.0625rem } } .article-miracle .recommande { font-size: 1.125rem; line-height: 29px } @media screen and (max-width: 800px) { .article-miracle .recommande { font-size:1.0625rem; line-height: 27px } } .article-miracle .recommande:before { content: "LE TOP CHRÉTIEN VOUS RECOMMANDE...\a"; font-size: 1.125rem; margin-bottom: 6px } @media screen and (max-width: 800px) { .article-miracle .recommande:before { font-size:1.0625rem } } .article-miracle .dlimage { display: table-cell; vertical-align: middle; color: #f5596f; font-size: 26px; font-weight: 400; padding-left: 10px } @media (max-width: 800px) { .article-miracle .dlimage { font-size:20px } } @media (max-width: 600px) { .article-miracle .dlimage { font-size:18px } } @media (max-width: 420px) { .article-miracle .dlimage { font-size:16px } } #article_video_container { margin-top: 0 } .l-category-miracle .row .slider-container h2 { color: #f5596f!important } .l-category-miracle .row .slider-container h2:after { background: #f5596f!important } .l-category-miracle .post-img { background-size: cover; padding-bottom: 56.25%; height: 0 } .l-category-miracle .post-header { height: 0; padding: 0 } .l-category-miracle .post-type { display: none } .l-category-miracle .post-category-type { display: none } .l-category-miracle .post-title { margin-top: 20px; min-height: 50px; font-family: "Montserrat",sans-serif } .l-category-miracle #posts-cell .post-title { min-height: 40px } .l-category-miracle .post-body { margin-bottom: 5px!important } .l-category-miracle .img-overlay { display: none } .l-category-miracle .swiper-container .post-date { color: #f5596f; text-align: center; width: 100%; display: block } .l-category-miracle .swiper-container .post-date:before { display: none } .l-category-miracle .card-miracle .post-img-btn { display: none } .l-category-miracle .card-miracle .post-author { display: none } .l-category-miracle .card-miracle .post-img-extra { display: none } .subscribe-embed-signup { display: inline-block; vertical-align: middle; z-index: 3; max-width: 436px } .subscribe-embed-signup .lp-pom-form-field { text-align: left } .subscribe-embed-signup .lp-pom-form-field label { margin-top: 0; font-weight: bold; font-size: 14px; line-height: 15px; color: #000 } .subscribe-embed-signup .container_FNAME { max-width: 436px; height: auto; display: block } .subscribe-embed-signup .lp-pom-form-field input.text { background-color: #eee; color: #39454d; box-shadow: #cecece 0 2px 3px inset; border-radius: 5px } .subscribe-embed-signup .lp-pom-form-field input[type="text"] { border: 1px solid #bbb } .subscribe-embed-signup .form_elem { max-width: 418px; width: 100%; font-size: 14px; line-height: 15px; height: 35px; padding: 8px } .subscribe-embed-signup .container_EMAIL { max-width: 436px; height: auto } .subscribe-embed-signup .response { margin: 1em 0; padding: 5px 10px; background-color: #ddd; font-weight: bold; font-size: 12px; z-index: 1; border-radius: 5px } #pl_relative_zone .subscribe-miracle-form .textcol { display: none } .l-section-miracle .row .logo-head-container { width: 200px } .l-section-miracle .row .slider-container { max-width: 100%!important } .l-section-miracle .row .slider-container .swiper-title-container { display: block; text-align: left; position: relative; margin-bottom: 25px; overflow: hidden } .l-section-miracle .row .slider-container .swiper-title-container h2 { font-size: 1.5em; display: inline-block; color: #232332; background: #f8f8f8; padding: 0 5px 0 0; margin: 0; font-weight: normal; letter-spacing: 0; font-weight: bold; font-family: "Montserrat",sans-serif; position: relative; z-index: 2 } .l-section-miracle .row .slider-container .swiper-title-container h2:after { display: none } .l-section-miracle .row .slider-container .swiper-title-container h2:before { content: ''; background: #00adfa; display: inline-block; width: 6px; height: 22px; margin-right: 6px; position: relative; top: 2px } .l-section-miracle .row .slider-container .swiper-title-container:before { content: ''; display: inline-block; height: 3px; position: absolute; top: 50%; margin-top: -1px; bottom: 0; left: 0; width: calc(100% - 65px); background: rgba(0,0,0,.07) } @media screen and (max-width: 480px) { .l-section-miracle .row .slider-container .swiper-title-container:before { width:100% } } .l-section-miracle .row .slider-container .swiper-title-container.no-slider:before { width: 100% } .l-section-miracle .row .slider-container .slider-container .back { top: -56px; right: 30px; cursor: pointer; z-index: 2 } .l-section-miracle .row .slider-container .slider-container .back:after { font-size: 24px } .l-section-miracle .row .slider-container .slider-container .next { top: -56px; right: 0; cursor: pointer; z-index: 2 } .l-section-miracle .row .slider-container .slider-container .next:after { font-size: 24px } .l-section-miracle .row .slider-container .slider-without-slide .swiper-title-container:before { width: 100% } .umcj-support--wrapper { background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px; margin-bottom: 25px } .umcj-support--wrapper .umcj-support--container { padding: 10px 5px 20px } .umcj-support--wrapper .umcj-support--container .icon-give { color: #f5596f; font-size: 3rem } .umcj-support--wrapper .umcj-support--container h2 { font-size: 1.375rem; line-height: 22px; font-weight: 600; margin: 15px 0 } .umcj-support--wrapper .umcj-support--container p { font-size: 1rem; line-height: 18px } .umcj-author--wrapper { background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px; margin-bottom: 25px } .umcj-author--wrapper .umcj-author--container { padding: 10px 5px 20px; position: relative; z-index: 3 } .umcj-author--wrapper .umcj-author--container .umcj-author--image { position: relative; margin: 0 auto; width: 110px; height: 110px; display: inline-block } .umcj-author--wrapper .umcj-author--container .umcj-author--image img { border-radius: 50%; margin: 0 auto; width: 100px; height: 100px } .umcj-author--wrapper .umcj-author--container .umcj-author--image:before { content: ''; position: absolute; top: -5px; left: 0; width: 110px; height: 110px; border-radius: 50%; background: none; border: 2px solid #f5596f } .umcj-author--wrapper .umcj-author--container h2 { font-size: 1.375rem; line-height: 22px; font-weight: 600; margin: 15px 0 } .umcj-author--wrapper .umcj-author--container p { font-size: 1rem; line-height: 18px } .umcj-author--wrapper .umcj-author--container .btn-outline { margin-bottom: 10px } .l-section-miracle .testi-home { background-image: url(https://fructifietestalents.org/maj/img/uri/testimony-bg.9493ec2c7dbf.jpg); position: relative; padding: 20px 10px; margin: 0 0 25px } .l-section-miracle .testi-home:before { content: ''; background: #000; opacity: .55; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .l-section-miracle .testi-home h2 { font-weight: 600; font-size: 1.625rem; position: relative; z-index: 3; margin-top: 0; margin-bottom: 10px; color: #fff } .l-section-miracle .testi-home .testimonystyle { z-index: 3; position: relative } .l-section-miracle .testi-home .swiper-slide { font-size: 1rem; line-height: 18px; border: 0; margin: 0 } .l-section-miracle .testi-home .back { right: 45px; top: -40px; left: auto } .l-section-miracle .testi-home .back,.l-section-miracle .testi-home .next { cursor: pointer } .l-section-miracle .slider-theme { margin-bottom: 20px } .l-section-miracle .slider-theme .theme-item { margin: 10px; margin-top: 0; width: 280px; height: 0; padding-bottom: 56.25%; color: #fff; font-weight: bold; font-size: 3em; text-align: center } .l-section-miracle .slider-theme .theme-image--container { display: inline-block; height: 0; width: 100%; position: relative; padding-bottom: 56.25% } .l-section-miracle .slider-theme .theme-image { background-size: cover; height: 0; padding-bottom: 56.25%; width: 100%; display: inline-block } .l-section-miracle .slider-theme .theme-title { background: #f5596f; color: #fff; font-size: .875rem; font-weight: bold; padding: 4px 8px; letter-spacing: 1px; text-transform: uppercase; position: absolute; display: inline-block; z-index: 5; right: 10px; bottom: 10px } .l-section-home .subscribe-form { padding: 15px } .subscribe-form { position: relative; display: block; max-width: 800px; border-style: none; padding: 0; margin: 0 auto 30px; width: 100%; position: relative; background-size: cover; background-position: center; text-align: center } .pl_home_module .subscribe-form { max-width: 100% } .subscribe-form:before { content: ''; background-size: 600% 100%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .subscribe-form .subscribe-embed-signup { position: relative; z-index: 3; padding: 20px } .subscribe-form .subscribe-form-header { font-size: 1.1em } .subscribe-form .subscribe-form-header .icon-newsletter { float: left; margin-top: 10px; margin-left: 10px } .subscribe-form h2 { font-size: 1.5em; color: #fff; letter-spacing: 0; font-weight: 600; line-height: 1.3; margin-bottom: 10px } .subscribe-form .subcribe-form-footer,.subscribe-form .subcribe-form-header-text { font-size: 1.125em; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; max-width: 720px; color: #fff; line-height: 1.3; display: inline-block; margin-bottom: 10px; font-weight: 400 } .subscribe-form .subscribe-button { background: #f9a300; margin-top: 15px; margin-bottom: 10px } .subscribe-form img { float: right; max-width: 100% } .subscribe-form .submitresult { color: #fff; font-size: .8125em; text-align: center; position: relative; z-index: 5; padding: 10px } .full-subscribe-form .subscribe-form .subscribe-embed-signup { width: 100%; max-width: unset; border-radius: 0; background-size: cover; padding: 0 } .full-subscribe-form .subscribe-form .subscribe-embed-signup form { padding: 14px } .full-subscribe-form .subscribe-form .subscribe-embed-signup .subscribe-form-header h2 { display: block } .full-subscribe-form .subscribe-form .subscribe-embed-signup .container_FNAME,.full-subscribe-form .subscribe-form .subscribe-embed-signup .container_EMAIL { margin: 14px auto } .subscribe-form input[type="text"],.subscribe-form input[type="email"] { background-color: #f2f2f2; border: 0; box-shadow: none; border-radius: 0!important; margin: 5px 0; border: 1px solid #f2f2f2; -webkit-transition: all .3s linear; transition: all .3s linear } .subscribe-form input[type="text"]:focus,.subscribe-form input[type="email"]:focus { border-color: #15aec9 } #pl_relative_zone .subscribe-form { margin: 0 0 30px; padding: 0 } .subscribe-newsletter-form #newsletter_registration,.subscribe-newsletter-form .subscribe-embed-signup { overflow: hidden; background-image: url(https://fructifietestalents.org/maj/img/uri/newsletter-bg.dd35264451d0.jpg); background-size: cover; background-color: #3fbadb; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px; position: relative } .subscribe-newsletter-form #newsletter_registration:before,.subscribe-newsletter-form .subscribe-embed-signup:before { content: ''; background: #1dc5e9; background: linear-gradient(135deg,#1dc5e9 0%,#1de6b8 31%,#3a80c6 63%,#78d5d7 100%); background: -webkit-linear-gradient(135deg,#1dc5e9 0%,#1de6b8 31%,#3a80c6 63%,#78d5d7 100%); opacity: .8; border-radius: 10px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .subscribe-newsletter-form #newsletter_registration #mc_embed_signup,.subscribe-newsletter-form .subscribe-embed-signup #mc_embed_signup { position: relative; z-index: 4; padding: 10px } .subscribe-newsletter-form #newsletter_registration #mc_embed_signup #newsletter_registration_header h4,.subscribe-newsletter-form .subscribe-embed-signup #mc_embed_signup #newsletter_registration_header h4 { color: #fff; font-weight: bold; font-size: 1.375em; line-height: 24px } .subscribe-newsletter-form #newsletter_registration #mc_embed_signup #newsletter_registration_header p,.subscribe-newsletter-form .subscribe-embed-signup #mc_embed_signup #newsletter_registration_header p { color: #fff; line-height: 18px } .subscribe-newsletter-form .subscribe-embed-signup form { position: relative; z-index: 5; padding: 30px 15px 0 } .pl_home_module .subscribe-newsletter-form .submitresult { color: #212121 } html.hide-footer--newsletter .footer--big-menu { padding-top: 40px } .footer--big-menu .footer-newsletter-form { border-radius: 20px; background: #accc05f0; border: 10px solid #fff; box-shadow: 0 8px 16px rgba(0,0,0,.16); position: relative; z-index: 1; padding: 1px; text-align: center; margin: 40px auto 60px auto } @media screen and (max-width: 768px) { .footer--big-menu .footer-newsletter-form { padding:20px 15px } } @media screen and (max-width: 480px) { .footer--big-menu .footer-newsletter-form { margin-top:0 } } html.hide-footer--newsletter .footer--big-menu .footer-newsletter-form { display: none!important } .footer--big-menu .subscribe-newsletter-form { margin: 0; padding: 0; max-width: 100%; width: 100% } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup { width: 100%; max-width: 100%; background: none; background-image: none; border-radius: 0; box-shadow: none; padding: 0; margin: 0 } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup .susbcribe-form-content-form { text-align: center; } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form { margin: 0; padding: 20px 0 0 } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_FNAME,.footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_EMAIL { display: inline-block; max-width: 320px; width: 100%; margin-right: 10px } @media screen and (max-width: 1200px) { .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_FNAME,.footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_EMAIL { max-width:280px } } @media screen and (max-width: 480px) { .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_FNAME,.footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_EMAIL { max-width:90% } } @media screen and (max-width: 1200px) { .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_EMAIL { margin-right:0 } } @media screen and (max-width: 992px) { .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form .container_FNAME { margin-right:0 } } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup form input { background: #fff; border: none; box-shadow: none; border-radius: 50px!important; padding: 16px 14px; height: auto; vertical-align: middle; margin-right: 10px } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup button { border: 3px solid #fff; font-size: 1.375em; font-weight: bold; margin-top: 14px; transition: all .3s ease-in-out } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup:before { display: none } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup .subscribe-form-header { text-align: center; width: 100% } @media screen and (max-width: 480px) { .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup .subscribe-form-header { float:none; margin: 0 auto; width: 90%; text-align: center } } .footer--big-menu .subscribe-newsletter-form .subscribe-embed-signup .subscribe-form-header h2 { font-size: 2em; vertical-align: middle; font-weight: bold; margin-bottom: 10px } .footer--big-menu .subscribe-newsletter-form .newsletter-group-input { float: right } .footer--big-menu .subscribe-newsletter-form .submitresult.error-message { padding: 0; margin-bottom: 20px; font-size: 1.375em; font-weight: bold; outline: none!important; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; margin-bottom: 0; color: #fff; font-size: 1.25em; background: #e3766e; margin: 14px auto; width: calc(100% - 28px); border-radius: 4px; padding: 10px; z-index: 9999999 } .footer--big-menu .subscribe-newsletter-form .submitresult.success-message { padding: 0; margin-bottom: 20px; font-size: 1.375em; font-weight: bold; outline: none!important; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; margin-bottom: 0; color: #fff; font-size: 1.25em; background: #4caf50; width: calc(100% - 28px); margin: 14px auto; border-radius: 4px; padding: 10px } @-webkit-keyframes AnimatedResultNewsletter { 0% { transform: translateY(40px); opacity: 0 } 20% { transform: translateY(0); opacity: 1 } 95% { transform: translateY(0); opacity: 1 } 100% { transform: translateY(400px); opacity: 0 } } .page__newsletter-subscribe .l-main { background-color: #fff; background: linear-gradient(180deg,#48a5d4 0%,#97d9e1 25%,#fafce1 60%,#fff 100%) } .page__newsletter-subscribe .footer-newsletter-form { display: none } .page__newsletter-subscribe p { opacity: .9; font-size: 1em; line-height: 1.3 } .page__newsletter-subscribe #mc-embedded-subscribe-form { margin: 0 auto; max-width: 500px } .page__newsletter-subscribe #mc_embed_signup .mc-field-group input { padding: 14px; text-indent: 0; border-radius: 5px } .page__newsletter-subscribe #mc_embed_signup .mc-field-group input:focus { border-color: #78d5d7 } .page__newsletter-subscribe .article-main { position: relative; margin-top: 120px } @media screen and (max-width: 768px) { .page__newsletter-subscribe .article-main { margin-top:60px } } .page__newsletter-subscribe .article-main:before { content: "La newsletter"; position: absolute; font-size: 6em; opacity: .6; color: #fff; left: 0; width: 100%; white-space: nowrap; top: -90px; z-index: -1; text-align: center; font-weight: 900; font-family: "Montserrat",sans-serif } .page__newsletter-subscribe .article-main .content b { color: #123d3e } #header-user-notifications { max-height: 200px; overflow-y: auto } .header-user-notification { font-size: .7em; text-align: left; padding: 3px } .header-user-notification:nth-child(odd) { background-color: #ddd } .header-user-notification a { color: #444 } .header-user-notification.is-new { font-weight: bold } .header-user-notification-image { float: right; width: 57px; height: 32px; background-size: cover } #webpush { position: relative; top: 0; right: 0; display: none; z-index: 100; float: right } .l-gift-page #webpush,.l-section-topmusic #webpush,.l-section-musique #webpush,.l-section-bible #webpush { display: none!important } #webpush-button { color: #888; display: block; font-size: 1em } #webpush-button i { display: block } #webpush.is-active #webpush-button { color: #00adfa } #webpush.is-active #webpush-button i { border-color: #00adfa } #webpush-config { display: none; padding: 1em; position: absolute; top: 30px; right: -10px; background-color: #fff; width: 300px; box-shadow: 12px 12px 20px rgba(0,0,0,.1) , -12px -12px 20px rgba(0,0,0,.1); -webkit-box-shadow: 12px 12px 20px rgba(0,0,0,.1) , -12px -12px 20px rgba(0,0,0,.1); border-radius: 4px } #webpush-config:after { display: block; content: " "; border-bottom: solid 10px #fff; border-top: solid 10px transparent; border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; right: 10px; top: -8px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%) } #webpush-config input[type="checkbox"] { margin-right: 5px } #webpush-config input { padding: 5px } #webpush-config h3 { margin: 0; text-align: center; color: #3a80c6; font-weight: bold } #webpush-close { position: absolute; top: 0; right: 3px; padding: .4em } #webpush-interests-list { display: block; margin-left: 17px; font-style: italic; font-size: 80%; color: gray } #webpush-interests-list:after { margin-left: 5px; content: " \e061" } #webpush-firstname { margin-bottom: 10px } #webpush-notification { display: none; background: #000; color: #fff; padding: 1em; text-align: center; position: relative } #webpush-notification-close { position: absolute; top: 0; right: 0; padding: .3em } .webpush-notification-category { display: none } #webpush-message-box { position: absolute; display: none; right: 36px; top: 14px; padding: 10px; background: rgba(0,0,0,.7); font-size: 14px; color: #fff; width: 200px; -webkit-animation: fadeIn .7s ease-in-out; -moz-animation: fadeIn .7s ease-in-out; animation: fadeIn .7s ease-in-out; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%) } #webpush-message-box:after { display: block; content: " "; border-top: solid 10px transparent; border-bottom: solid 10px transparent; border-left: solid 10px rgba(0,0,0,.7); border-right: solid 10px transparent; position: absolute; right: -20px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%) } @media (max-width: 43.75em) { #webpush { display:none!important } } .post-category-passlemot .split-passlemot-verse:before { content: '“'; position: absolute; left: 0; top: -30px; color: #02c6ad; font-size: 3.25em; opacity: .3 } .post-category-passlemot .split-passlemot-verse:after { display: none } .post-category-passlemot .post-category-type { display: none } .post-category-passlemot .new-post-banner { display: none!important } .split-passlemot-verse { font-family: "Montserrat",sans-serif; display: inline-block; margin-bottom: 10px; position: relative; font-size: 1.125em; line-height: 1.3; font-weight: bold; color: #272727 } .split-passlemot-text { display: block; font-size: 1.125em; line-height: 1.3; font-weight: 400; color: #272727 } #music-player-site { position: fixed; bottom: 0; left: 0; background: #fff; max-width: 100%; width: 400px; z-index: 100; height: 146px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-top-right-radius: 10px } #music-player-site { display: none } .music-player-no-solution { display: none } .music-player-head { background: #444; height: 30px; padding: 4px 10px; font-size: 15px; font-weight: bold; color: #fff; position: relative; z-index: 1; border-top-right-radius: 10px } .music-player-head span.audio-player-title { letter-spacing: 1px; font-weight: 400; font-family: "Montserrat",sans-serif } .music-player-head span.audio-player-title a { color: #3dc1ec } .music-player-seek-bar { height: 8px!important; background: #d9d9d9; cursor: pointer } .music-player-seek-bar .ui-slider-range { background: #118ab2 } #volume-control-block { display: inline-block } #volume-control-block .ui-slider-range { background: #118ab2 } #volume-control-block .ui-slider-handle { left: 54%; background: red none repeat scroll 0% 0%; border-radius: 50%; top: -3px; background: #118ab2 } #volume-control-block:hover div#volume-control { display: block } #volume-control { display: none; position: absolute; width: 60%; top: 0; background: #fff; left: 24px } #music-player-progress-flash { width: 60%; margin: 0 auto; margin-top: 10px } .music-player-current-time { font-size: .75em; margin-left: 5px; position: absolute; top: 10px; left: 0 } .music-player-duration { font-size: .75em; position: absolute; right: 8px; top: 10px } .music-player-volume-bar { max-width: 60%; margin: 10px auto; height: 4px!important; background: #d9d9d9; cursor: pointer } .music-player-volume-bar .ui-slider-handle { width: .6em!important; height: .6em!important; cursor: pointer!important } #music-player-pause { position: relative; left: -2px } #music-player-mute,#music-player-unmute { position: relative; z-index: 2 } .music-player-volume-bar-value { position: relative; height: 4px; background: #118ab2 } .music-player-volume-bar-value::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; right: -2px; top: -3px; background: #118ab2 } .music-player-play-bar { height: 8px; background: #118ab2; position: relative } #music-player-progress-html { display: none } .music-player-html #music-player-progress-html { display: block } .music-player-html #music-player-progress-flash { display: none } .music-player-progress { -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } #music-player-xd-frame { position: absolute; left: -99999px } .music-player-jplayer { position: relative } .music-player-content { margin-left: 116px; position: relative; height: 116px } .music-player-album-thumb-link { width: 116px; height: 116px; float: left; left: 0; top: 0; bottom: 0; padding: 0!important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .music-player-album-thumb-link .music-player-album-thumb { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover } .music-player-details { text-align: center; margin-top: 15px; font-size: .875em; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .music-player-details a { display: block; margin-top: -5px; font-size: .75em } .music-player-controls-holder { text-align: center } .music-player-controls-holder a { margin: 5px 10px } .music-player-controls-holder a>i { color: #444!important } .music-player-next i { font-size: .625em; margin-left: 0; position: relative; left: -10px; top: -1px } .music-player-prev i { font-size: .625em; position: relative; top: -1px } #music-player-random i { font-size: .75em } #music-player-random.active>i::after { color: #118ab2 } #music-player-loop i { font-size: .75em; position: relative; left: -10px } #music-player-loop.active i::before { content: "1"; background: #118ab2; color: #fff; font-style: initial; font-weight: bold; font-size: 8px; width: 12px; display: block; height: 12px; border-radius: 50%; position: absolute; left: 8px; top: 8px } .controls-mute-volume { position: absolute; bottom: 1px; width: 100%; left: 0 } .caret-dropdown-music { cursor: pointer; display: inline-block; height: 16px; -webkit-transition: .4s ease; transition: .4s ease; -webkit-transform: rotate(0); transform: rotate(0); width: 20px; float: left; margin-top: 5px; margin-right: 0; margin-left: 5px } .caret-dropdown-music:after,.caret-dropdown-music:before { background-color: transparent; border-bottom: 12px solid #fff; box-sizing: content-box; content: ''; display: inline-block; height: 8px; left: 0; position: absolute; top: 0; -webkit-transition: .4s ease; transition: .4s ease; width: 2px } .caret-dropdown-music:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 2px } .caret-dropdown-music:after { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .music-player-lecture-controls { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100% } #music-player-site.active { height: 70px; width: 320px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #music-player-site.active #music-player-random { display: none } #music-player-site.active #music-player-progress-flash { display: none } #music-player-site.active .music-player-interface>.music-player-album-thumb-link { width: 40px; height: 40px } #music-player-site.active .music-player-interface>.music-player-content>.music-player-progress { -webkit-transform: translateY(-25px); transform: translateY(-25px) } #music-player-site.active .music-player-interface>.music-player-content>.music-player-details { -webkit-transform: translateX(-70px) translateY(-12px); transform: translateX(-70px) translateY(-12px); text-align: left; max-width: 160px; text-overflow: ellipsis } #music-player-site.active .music-player-interface>.music-player-content>.music-player-details a { text-overflow: ellipsis; max-width: 120px; white-space: nowrap; overflow: hidden } #music-player-site.active .music-player-interface>.music-player-content>.music-player-details .music-player-title { margin-left: 0!important } #music-player-site.active .music-player-interface>.music-player-content>.music-player-lecture-controls { -webkit-transform: translateX(80px) translateY(-40px); transform: translateX(80px) translateY(-40px); width: 130px; position: absolute } #music-player-site.active #music-player-mute { display: none!important } #music-player-site.active .music-player-tips { position: absolute; top: -40px; left: 10px; width: 90% } #music-player-site.active>#music-player>.music-player-interface>.music-player-head>.caret-dropdown-music { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform: translate(0,-6px); transform: translate(0,-6px) } #music-player-site.active>#music-player>.music-player-interface>.music-player-head>.caret-dropdown-music:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } #music-player-site.active>#music-player>.music-player-interface>.music-player-head>.caret-dropdown-music:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } span.music-player-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; margin: 0 auto; display: block } .music-player-popup { margin-top: 0; padding: 0 } .music-player-popup #music-player { margin-top: 0; padding: 20px } .music-player-popup #music-player-album { pointer-events: none; cursor: default } .music-player-popup #music-player-mute { display: inline-block!important } .music-player-popup #volume-control { top: 5px; background: #f9f9f9 } .music-player-popup #music-player-playlist { display: table; width: 100% } .music-player-popup .music-player-track { cursor: pointer; display: table-row } .music-player-popup .music-player-track>div { display: table-cell; padding: 8px 3px } .music-player-popup .music-player-track:nth-of-type(2n) { background: #f2f2f2 } .music-player-popup .music-player-track.is-playing { background-color: rgba(17,138,178,.2) } .music-player-track-extra { width: 1px; white-space: nowrap } .music-player-track-extra i { margin: 0 5px } .music-player-track-duration { font-size: 10px } .music-player-track-order { font-size: 12px; text-align: left } .music-player-track-title,.music-player-track-artist { font-size: 15px } .music-player-popup>#music-player>.music-player-interface>.music-player-head { display: none } @media (max-width: 43.75em) { #music-player-mute { display:none } } #music-player-close { float: right; color: #fff; font-size: 12px; margin-top: 0; margin-right: -4px; background: #118ab2; border-radius: 50%; padding: 0 4px; cursor: pointer; line-height: 20px } #music-player-close:after { padding: 20px; margin: -20px } #music-player-mobile { position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: none; background: #000; text-align: center; padding: 50px 1em; color: #fff; z-index: 999 } #music-player-origin { margin-top: 10px } #music-player-watchdog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; color: #fff; display: flex; justify-content: center; flex-direction: column; text-align: center; align-items: center } #app-topmusic-warning { display: none; position: fixed; z-index: 1000; bottom: 0; left: 0; right: 0; padding: 10px; color: #fff; background: #000 } html.app #app-topmusic-warning { display: block } #autoplay-instructions { display: none } .playlist-actions { margin-bottom: 2em; margin-top: 1em } .playlist-actions a { margin-right: .5em; margin-bottom: .8em } .playlist-tracks { margin-top: 3em; width: 100%; background: #fff } .playlist-tracks-head { text-align: left; font-size: 1.125em; font-weight: 500; font-family: "Montserrat",sans-serif } .playlist-tracks-head ul { padding: 0 } .playlist-tracks-head ul li { list-style: none; display: inline-block; margin: 0 } .playlist-track { color: #aaa } .playlist-track .playlist-track-title { cursor: not-allowed } html.no-touch .playlist-track:hover .playlist-track-actions a { visibility: visible; cursor: pointer } .playlist-play-item-playable { color: #444!important } .playlist-play-item-playable .playlist-track-title { cursor: pointer!important } .playlist-tracks-head ul li:nth-child(1) { width: 10% } .playlist-tracks-head ul li:nth-child(2) { width: 30% } .playlist-tracks-head ul li:nth-child(3) { width: 25% } .playlist-tracks-head ul li:nth-child(4) { width: 20% } .playlist-tracks-head ul li:nth-child(5) { width: 16% } .playlist-tracks-head ul li:nth-child(6) { width: 2% } .playlist-track { border-bottom: 1px solid #f1f1f1 } .playlist-track:last-of-type { border-bottom: none } .playlist-track ul { padding: 0; display: flex; align-items: center; margin: 0; padding: 10px } .playlist-track ul li { list-style: none; display: inline-block; font-size: .875em!important; line-height: 24px!important } .playlist-track .playlist-track-number { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block } .playlist-track:hover li div.playlist-track-num span { -webkit-transform: translateX(100px); transform: translateX(100px) } .playlist-track:hover li div.playlist-track-num .wrapper__icon-music-play { -webkit-transform: translateX(18px); transform: translateX(18px) } .playlist-track:hover .playlist-track-actions div.playlist-actions-btn { -webkit-transform: translateY(0); transform: translateY(0) } .playlist-track ul li:nth-child(1) { width: 10% } .playlist-track ul li:nth-child(2) { width: 30%; margin-left: -5px } .playlist-track ul li:nth-child(3) { width: 25%; margin-left: -5px } .playlist-track ul li:nth-child(4) { width: 20%; margin-left: -5px } .playlist-track ul li:nth-child(5) { width: 16%; margin-left: -4px } .playlist-track ul li:nth-child(6) { width: 2%; margin-left: -4px } .playlist-track-num .wrapper__icon-music-play { display: inline-block; width: 15px; -webkit-transform: translateX(-70px); transform: translateX(-70px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #118ab2; width: 26px; height: 26px; border-radius: 50%; color: #fff; text-align: center } .playlist-track-num .icon-music-play { line-height: 13px; top: -1px; font-size: .625em; position: relative; left: 2px } .playlist-track-artist,.playlist-track-num { color: #6a6a6a } .playlist-track-duration { color: #8e8e8e } .playlist-track-num { position: relative; text-align: left; overflow: hidden; height: 100%; width: 100% } .playlist-track-duration { width: 2em; font-size: .75em } .playlist-track-actions { text-align: left } .playlist-track-actions .playlist-btn-add { display: none } .playlist-play-item-playable .playlist-track-actions .playlist-btn-add { display: initial } .playlist-track-actions a { color: #3a80c6; margin-left: .5em; cursor: default; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .playlist-actions-btn { text-align: left; margin-left: -10px } .playlist-btn-add { position: relative; color: #3a80c6; display: inline-block; vertical-align: middle } .playlist-btn-add a.is-clicked { visibility: visible } .playlist-play-item { cursor: pointer } .playlist-track-handle { cursor: grab; position: absolute; left: 10px } .playlist-track-playing .playlist-track-number,.playlist-track-playing .wrapper__icon-music-play { display: none } .playlist-track-playing .playlist-track-num { display: inline } .playlist-track-playing .wrapper__icon-music-play { display: none } .playlist-track-playing .music-bar__wave-animation { display: block } .music-bar__wave-animation { height: 20px; position: relative; top: 50%; width: 25px; margin: 0 auto; display: none } .bar-wave { background: #118ab2; bottom: 1px; height: 3px; position: absolute; width: 3px; animation: bar-wave--animation linear 0 -800ms; animation-direction: alternate; animation-iteration-count: infinite; -webkit-animation: bar-wave--animation linear 0 -800ms; -webkit-animation-direction: alternate; -webkit-animation-iteration-count: infinite } @keyframes bar-wave--animation { 0% { opacity: 0.35; height: 3px } 100% { opacity: 1; height: 20px } } @-webkit-keyframes bar-wave--animation { 0% { opacity: 0.35; height: 3px } 100% { opacity: 1; height: 20px } } .bar-wave:nth-child(1) { left: 1px; animation-duration: 474ms } .bar-wave:nth-child(2) { left: 5px; animation-duration: 433ms } .bar-wave:nth-child(3) { left: 9px; animation-duration: 407ms } .bar-wave:nth-child(4) { left: 13px; animation-duration: 458ms } .bar-wave:nth-child(5) { left: 17px; animation-duration: 400ms } .bar-wave:nth-child(6) { left: 21px; animation-duration: 427ms } @media (max-width: 43.75em) { .playlist-tracks-head ul li { display:none } .playlist-track ul li:nth-child(1) { position: absolute; top: 10px; left: 10px } .playlist-track ul li:nth-child(2) { float: left; width: 100%; margin-left: 58px; text-align: left } .playlist-track ul li:nth-child(3) { width: 100%; margin-left: 58px; text-align: left } .playlist-track ul li:nth-child(4) { width: 100%; margin-left: 58px; text-align: left } .playlist-track ul li:nth-child(5) { width: 100%; margin-left: 58px; text-align: left } .playlist-track ul li:nth-child(6) { display: none } .l-category-album .playlist-track ul li:nth-child(2) { width: 100%!important } .playlist-actions-btn { text-align: left } .playlist-play-item { vertical-align: middle; display: inline-block } .playlist-track ul { display: block; position: relative; overflow: hidden } .playlist-track-num .playlist-track-number { display: none } .playlist-track-num .wrapper__icon-music-play { -webkit-transform: translateX(0)!important; transform: translateX(0)!important } .playlist-actions-btn a { margin: 0 10px } .playlist-track-handle { display: none } .delete-playlist-button { text-align: center; margin-top: 20px; position: relative!important; top: 0!important; left: 0!important } } .playlist-btn-add { cursor: pointer } .playlist-dropdown { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.8); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; overflow-y: auto; width: 100%; height: 100% } .playlist-dropdown.active { opacity: 1; pointer-events: auto } .playlist-dropdown .playlist-dropdown-content { position: relative; margin: 110px auto; padding: 20px; background: #fff; max-width: 320px; width: 96%; border-top: 6px solid #3a80c6 } .playlist-dropdown .playlist-dropdown-content .playlist-dropdown-head { position: relative; top: 0; margin-bottom: 20px; border-bottom: 1px solid #3a80c6 } .playlist-dropdown .playlist-dropdown-content .playlist-dropdown-head h4 { text-transform: uppercase; color: #3a80c6; letter-spacing: 1px } .playlist-dropdown .playlist-dropdown-content .playlist-dropdown-head .playlist-dropdown-close { position: absolute; right: 0; top: 0; font-weight: bold; color: #3a80c6 } .playlist-dropdown-list { padding: 0 } .playlist-dropdown-list li { list-style: none; margin-bottom: 14px; padding: 8px 0 } .playlist-dropdown-list li i { padding-right: 6px; margin-left: 6px } .playlist-dropdown-list .playlist-create { font-size: 10px; background: #3a80c6; color: #fff; padding: 8px 4px } .delete-playlist-button { position: absolute; z-index: 3; right: 30px; top: 30px } .l-category-playlist .article-author-name { display: none } .l-category-album .playlist-tracks-head ul li:nth-child(4) { display: none } .l-category-album .playlist-track ul li:nth-child(4) { display: none } .l-category-album .playlist-tracks-head ul li:nth-child(1) { color: #e6e6e6; text-align: center; padding-right: 20px } .l-category-album .playlist-tracks-head ul li:nth-child(2) { width: 46% } .l-category-album .playlist-track ul li:nth-child(2) { width: 47% } .module-playlist-topmusic .post-category-playlist { text-align: center } .module-playlist-topmusic .post-category-playlist .post-img { height: 260px } .module-playlist-topmusic .post-category-playlist .new-post-banner { display: none } .module-playlist-topmusic .post-category-playlist .post-author { display: none } .module-playlist-topmusic .post-category-playlist .post-header { display: none!important } .post { clear: both; margin-bottom: 60px } .post.category-is-hidden .post-content--concept:before,.post.category-is-hidden .post-content--interests:before,.post.category-is-hidden .post-content--classifications:before { display: none } .post .post-thumbnail--container { border-radius: 10px; overflow: hidden; margin: 0; position: relative; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); z-index: 5 } .post .post-thumbnail--container:before { content: ''; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; border-radius: 10px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #ddd } .post .post-thumbnail--container .post-thumbnail--image { background-size: cover; background-position: center; height: 0; padding-bottom: 56.25%; width: 100% } .post .post-thumbnail--container .post-type--icon { position: absolute; z-index: 2; bottom: 8px; left: 8px; width: 40px; height: 40px; background-color: rgba(0,0,0,.4); border-radius: 50%; vertical-align: middle; text-align: center } .post .post-thumbnail--container .post-type--icon i { color: #fff; font-size: 22px; line-height: 36px } .post .post-thumbnail--container .post-type--icon i.icon-video-play { font-size: 28px } .post .post-thumbnail--container .post-informations--duration { color: #fff; text-transform: uppercase; font-size: .625em; background: rgba(0,0,0,.5); padding: 1px 2px; position: absolute; bottom: 8px; right: 8px; z-index: 2 } .post .post-content--body { box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); background: #fff; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; position: relative } .post .post-content--body .post-content--concept:before,.post .post-content--body .post-content--interests:before,.post .post-content--body .post-content--classifications:before { content: '/'; margin: 0 4px 0 0 } .post .post-content--body .post-content--title { color: #212121; font-weight: bold; font-size: 1.25em; line-height: 20px; margin: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .post .post-content--body .post-content--author-and-date { font-size: .8125em; color: #747474; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif } .post .post-content--body .post-content--author-and-date .post-content--author img { width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; margin-right: 5px } .post .post-content--body .post-content--author-and-date .post-content--date { display: none } .post .post-content--body .post-content--author-and-date .post-content--date .icon-clock { position: relative; top: -1px; margin: 0 4px 0 0; font-size: .75em } .post .post-content--body .post-content--excerpt { max-height: 90px; overflow: hidden; margin-bottom: 6px; margin-top: 0 } @media screen and (max-width: 1200px) { .post .post-content--body .post-content--excerpt { max-height:34px; overflow: hidden; margin-top: 0; margin-bottom: 6px } } @media screen and (max-width: 768px) { .post .post-content--body .post-content--excerpt { max-height:unset; overflow: visible } } .post .post-content--body .post-content--excerpt p { font-size: .875em; line-height: 16px; color: #212121; text-align: justify; } .post .post-content--body .view-more { display: inline-flex; align-items: center; gap: 0; font-weight: 600; font-family: "Montserrat",sans-serif; font-size: .75em; line-height: 1; margin-top: 16px; justify-content: center; text-transform: uppercase; position: relative } .post .post-content--body .view-more:after { content: ''; position: absolute; bottom: -2px; width: 100%; height: 1px; background: #3a80c6; left: 0; transform: scaleX(0); transform-origin: left; transition: all .3s cubic-bezier(.3,0,0,1.3) } .post .post-content--body .view-more svg { width: 20px; height: 20px; transition: all .3s cubic-bezier(.3,0,0,1.3); transform: translateX(0) } html.no-touch .post .post-content--body .view-more:hover:after { transform: scaleX(1); transition: all .3s cubic-bezier(.3,0,0,1.3) } html.no-touch .post .post-content--body .view-more:hover svg { transform: translateX(4px) } .post .post-content--body .post-featuring .btn-group { position: absolute; top: 4px; right: 1px } .post .post-content--body .post-featuring .btn-group .badge { margin: 5px } .post .post-content--body .post-featuring .post-featuring-tags { margin-top: 14px; margin-bottom: 14px } .post .post-content--body .post-featuring .post-featuring-tags .post-featuring-tag-title { color: #3a80c6; font-family: "Montserrat",sans-serif; text-transform: uppercase; font-weight: bold; font-size: .75em; margin-right: 5px } .post .post-content--body .post-featuring .post-featuring-tags .post-featuring-tag { display: inline-block; font-size: .75em; margin-right: 4px } .post .post-content--body .post-featuring .post-featuring-tags .post-featuring-tag:after { content: ', ' } .post .post-content--body .post-featuring .post-featuring-tags .post-featuring-tag:last-of-type { margin-right: 0 } .post .post-content--body .post-featuring .post-featuring-tags .post-featuring-tag:last-of-type:after { display: none } .post .post-content--body .post-features { font-weight: bold; font-family: "Montserrat",sans-serif; margin-top: 10px } .post .post-content--body .post-features .post-feature { font-weight: normal; font-size: .75em } .post .post-content--body .post-features .post-feature .post-delete-feature { margin-left: 6px } .post .post-content--beop-question { display: none } html.no-touch .post:hover { cursor: pointer } html.no-touch .post:hover .post-thumbnail--container:before { opacity: .3 } html.no-touch .post:hover .post-content--title { color: #3a80c6 } html.no-touch .post:hover .view-more:after { transform: scaleX(1); transition: all .3s cubic-bezier(.3,0,0,1.3) } html.no-touch .post:hover .view-more svg { transform: translateX(4px) } .post:focus .post-content--title { color: #fff } .post.post-category--readingplan .post-content--body { position: inherit } .post.post-category--readingplan .post-content--body .post-content--author-and-date .post-content--date { display: none!important } .post .post-reached { position: absolute; bottom: 0; left: 0; width: 100% } .post .post-reached .post-reached-bar { height: 4px; background: #cecece } .post .post-reached .post-reached-bar .post-reached-bar-inner { position: absolute; background: #00c0ff; height: 4px; left: 0; bottom: 0; z-index: 2 } .post .post-reached .post-reached-bar-text { position: absolute; bottom: -4px; right: 4px; left: auto; font-family: "Montserrat",sans-serif; color: #5a5a5a; font-size: .625em } @media screen and (max-width: 768px) { .post .post-reached .post-reached-bar-text { font-size:.5em; bottom: -12px; left: auto; right: 4px } } .post .post-reached .post-reached-bar-text.is-finished { bottom: 6px; left: 6px; color: #64c226 } .post .post-reached .post-reached-bar-text.is-finished i { background: #64c226; color: #fff; width: 14px; height: 14px; line-height: 14px; border-radius: 50%; display: inline-block; font-size: 8px; vertical-align: middle; text-align: center } @media screen and (max-width: 480px) { .post .post-reached .post-reached-bar-text.is-finished { display:block!important } } .post.sorted-by--date .post-content--body .post-content--author-and-date .post-content--date { display: inline-block } .post em { font-style: normal } .post.post-category--readingplan .post-content--author,.post.post-category--passlemot .post-content--author { display: none } .post.post-category--ecard .post-content--author-and-date .post-content--date { display: none!important } .post.post-category--ecard .post-content--author-and-date .post-content--author { display: none!important } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations a:first-of-type,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations a:first-of-type { display: block; height: 100% } @media screen and (max-width: 768px) { .post.post-category--album .post-thumbnail--container .post-thumbnail--informations,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations { display:none } } .post.post-category--passlemot { position: relative } .post.post-category--passlemot .post-content--informations { margin-bottom: 10px; display: inline-block; margin-left: 5px } .post.post-category--passlemot .post-title { display: block } .post.post-category--passlemot .post-action-button { position: relative; bottom: auto; right: auto } .post.post-category--passlemot .post-action-button span { font-weight: bold; font-family: "Montserrat",sans-serif; margin-right: 10px } @media screen and (max-width: 480px) { .post.post-category--passlemot .post-action-button span { display:block; margin-bottom: 6px } } .post.post-category--passlemot .post-action-button .article-actions-btn { width: 30px; height: 30px; line-height: 30px; margin: 0 5px 5px; font-size: .875em } .post-type--lsf { display: none } html.lsf .post-lsf .post-type--lsf { display: inline-block; position: absolute; right: .5em; top: .5em; border-radius: 50%; line-height: 1; padding: 5px; width: 60px; max-width: 40%; background: #fff } html.lsf .post-lsf .post-type--lsf img { width: 100% } .post-thumbnail--xs-sd,.post-thumbnail--xs-hd,.post-thumbnail--lg-hd { display: none } @media screen and (max-width: 480px) { .post-thumbnail--lg-sd { display:none } .post-thumbnail--xs-sd { display: block } } @media (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5 / 1),(min-device-pixel-ratio:1.5),(min-resolution:240dpi),(min-resolution:1.25dppx) { .post-thumbnail--lg-sd { display:none } .post-thumbnail--lg-hd { display: block } } @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width:480px),screen and (min--moz-device-pixel-ratio:1.5) and (max-width:480px),screen and (-o-min-device-pixel-ratio:1.5 / 1) and (max-width:480px),screen and (min-device-pixel-ratio:1.5) and (max-width:480px),screen and (min-resolution:240dpi) and (max-width:480px),screen and (min-resolution:1.25dppx) and (max-width:480px) { .post-thumbnail--lg-hd,.post-thumbnail--xs-sd,.post-thumbnail--lg-sd { display:none } .post-thumbnail--xs-hd { display: block } } .interest-jeune { background-color: #19c1ff } .post-category-type.post-tag--jeune { background-color: #19c1ff!important } .interest-couple { background-color: #dc5097 } .post-category-type.post-tag--couple { background-color: #dc5097!important } .interest-parent { background-color: #80c2b8 } .post-category-type.post-tag--parent { background-color: #80c2b8!important } .interest-célibataire { background-color: #4b9d15 } .post-category-type.post-tag--célibataire { background-color: #4b9d15!important } .interest-sénior { background-color: #7d5288 } .post-category-type.post-tag--sénior { background-color: #7d5288!important } .interest-leader { background-color: #1d53b7 } .post-category-type.post-tag--leader { background-color: #1d53b7!important } .interest-témoignage { background-color: #cf5514 } .post-category-type.post-tag--témoignage { background-color: #cf5514!important } .interest-actualités { background-color: #f8bb00 } .post-category-type.post-tag--actualités { background-color: #f8bb00!important } .interest-musique { background-color: #118ab2 } .post-category-type.post-tag--musique { background-color: #118ab2!important } .interest-homme { background-color: #0f759b } .post-category-type.post-tag--homme { background-color: #0f759b!important } .interest-femme { background-color: #df98de } .post-category-type.post-tag--femme { background-color: #df98de!important } .post-category-type--favorite { display: inline-block; margin-bottom: 10px; background-color: #255e89; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--favorite span { padding: 2px 0 } .post-category-type--section { display: inline-block; margin-bottom: 10px; background-color: #255e89; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--section span { padding: 2px 0 } .post-category-type--shortlink { display: inline-block; margin-bottom: 10px; background-color: #255e89; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--shortlink span { padding: 2px 0 } .post-category-type--category { display: inline-block; margin-bottom: 10px; background-color: #255e89; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--category span { padding: 2px 0 } .post-category-type--comic { display: inline-block; margin-bottom: 10px; background-color: #fbc139; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--comic span { padding: 2px 0 } .post-category-type--ecard { display: inline-block; margin-bottom: 10px; background-color: #e0523a; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--ecard span { padding: 2px 0 } .post-category-type--ecardsend { display: inline-block; margin-bottom: 10px; background-color: #e0523a; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--ecardsend span { padding: 2px 0 } .post-category-type--album { display: inline-block; margin-bottom: 10px; background-color: #118ab2; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--album span { padding: 2px 0 } .post-category-type--musicnews { display: inline-block; margin-bottom: 10px; background-color: #25b9ea; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--musicnews span { padding: 2px 0 } .post-category-type--musicresource { display: inline-block; margin-bottom: 10px; background-color: #3dc1ec; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--musicresource span { padding: 2px 0 } .post-category-type--playlist { display: inline-block; margin-bottom: 10px; background-color: #118ab2; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--playlist span { padding: 2px 0 } .post-category-type--devotional { display: inline-block; margin-bottom: 10px; background-color: #fdb95f; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: 0.925em } .post-category-type--devotional span { padding: 2px 0 } .post-category-type--text { display: inline-block; margin-bottom: 10px; background-color: #7bb8db; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--text span { padding: 2px 0 } .post-category-type--textserie { display: inline-block; margin-bottom: 10px; background-color: #7bb8db; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--textserie span { padding: 2px 0 } .post-category-type--audio { display: inline-block; margin-bottom: 10px; background-color: #4780b9; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--audio span { padding: 2px 0 } .post-category-type--readingplan { display: inline-block; margin-bottom: 10px; background-color: #3c9bdf; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--readingplan span { padding: 2px 0 } .post-category-type--dictionary { display: inline-block; margin-bottom: 10px; background-color: #3382ba; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--dictionary span { padding: 2px 0 } .post-category-type--strong { display: inline-block; margin-bottom: 10px; background-color: #26638f; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--strong span { padding: 2px 0 } .post-category-type--verse { display: inline-block; margin-bottom: 10px; background-color: #1b4869; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--verse span { padding: 2px 0 } .post-category-type--passlemot { display: inline-block; margin-bottom: 10px; background-color: #03ccb6; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--passlemot span { padding: 2px 0 } .post-category-type--event { display: inline-block; margin-bottom: 10px; background-color: #f2565f; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--event span { padding: 2px 0 } .post-category-type--video { display: inline-block; margin-bottom: 10px; background-color: #2180df; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: 0.925em } .post-category-type--video span { padding: 2px 0 } .post-category-type--emissions { display: inline-block; margin-bottom: 10px; background-color: #5a80a6; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--emissions span { padding: 2px 0 } .post-category-type--user { display: inline-block; margin-bottom: 10px; background-color: #a3a6af; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--user span { padding: 2px 0 } .post-category-type--tag { display: inline-block; margin-bottom: 10px; background-color: #666; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--tag span { padding: 2px 0 } .post-category-type--author { display: inline-block; margin-bottom: 10px; background-color: #3a80c6; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--author span { padding: 2px 0 } .post-category-type--about { display: inline-block; margin-bottom: 10px; background-color: #31bce3; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--about span { padding: 2px 0 } .post-category-type--topfamille { display: inline-block; margin-bottom: 10px; background-color: #0394b8; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--topfamille span { padding: 2px 0 } .post-category-type--topformations { display: inline-block; margin-bottom: 10px; background-color: #bb7bdf; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--topformations span { padding: 2px 0 } .post-category-type--infochretienne { display: inline-block; margin-bottom: 10px; background-color: #f77f1e; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--infochretienne span { padding: 2px 0 } .post-category-type--madlife { display: inline-block; margin-bottom: 10px; background-color: #40307f; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--madlife span { padding: 2px 0 } .post-category-type--leaderschretiens { display: inline-block; margin-bottom: 10px; background-color: #d00472; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--leaderschretiens span { padding: 2px 0 } .post-category-type--podcast { display: inline-block; margin-bottom: 10px; background-color: #c0252b; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--podcast span { padding: 2px 0 } .post-category-type--mystory { display: inline-block; margin-bottom: 10px; background-color: #f77f1e; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--mystory span { padding: 2px 0 } .post-category-type--project2 { display: inline-block; margin-bottom: 10px; background-color: #e34a3a; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--project2 span { padding: 2px 0 } .post-category-type--ebookchretien { display: inline-block; margin-bottom: 10px; background-color: #f73734; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--ebookchretien span { padding: 2px 0 } .post-category-type--miracle { display: inline-block; margin-bottom: 10px; background-color: #f5596f; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--miracle span { padding: 2px 0 } .post-category-type--videokid { display: inline-block; margin-bottom: 10px; background-color: #fcc34b; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--videokid span { padding: 2px 0 } .post-category-type--clip { display: inline-block; margin-bottom: 10px; background-color: #118ab2; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--clip span { padding: 2px 0 } .post-category-type--track { display: inline-block; margin-bottom: 10px; background-color: #118ab2; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--track span { padding: 2px 0 } .post-category-type--song { display: inline-block; margin-bottom: 10px; background-color: #118ab2; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--song span { padding: 2px 0 } .post-category-type--course { display: inline-block; margin-bottom: 10px; background-color: #1b4869; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--course span { padding: 2px 0 } .post-category-type--product { display: inline-block; margin-bottom: 10px; background-color: #3a3a3a; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--product span { padding: 2px 0 } .post-category-type--messagelive { display: inline-block; margin-bottom: 10px; background-color: red; color: #fff; padding: 0 6px; text-transform: uppercase; font-family: "Montserrat",sans-serif; font-weight: 600; letter-spacing: 1px; font-size: .625em } .post-category-type--messagelive span { padding: 2px 0 } .post-category-type.post-tag--favorite { background-color: #255e89!important } .post-category-type.post-tag--section { background-color: #255e89!important } .post-category-type.post-tag--shortlink { background-color: #255e89!important } .post-category-type.post-tag--category { background-color: #255e89!important } .post-category-type.post-tag--comic { background-color: #fbc139!important } .post-category-type.post-tag--ecard { background-color: #e0523a!important } .post-category-type.post-tag--ecardsend { background-color: #e0523a!important } .post-category-type.post-tag--album { background-color: #118ab2!important } .post-category-type.post-tag--musicnews { background-color: #25b9ea!important } .post-category-type.post-tag--musicresource { background-color: #3dc1ec!important } .post-category-type.post-tag--playlist { background-color: #118ab2!important } .post-category-type.post-tag--devotional { background-color: #fdb95f!important } .post-category-type.post-tag--text { background-color: #7bb8db!important } .post-category-type.post-tag--textserie { background-color: #7bb8db!important } .post-category-type.post-tag--audio { background-color: #4780b9!important } .post-category-type.post-tag--readingplan { background-color: #3c9bdf!important } .post-category-type.post-tag--dictionary { background-color: #3382ba!important } .post-category-type.post-tag--strong { background-color: #26638f!important } .post-category-type.post-tag--verse { background-color: #1b4869!important } .post-category-type.post-tag--passlemot { background-color: #03ccb6!important } .post-category-type.post-tag--event { background-color: #f2565f!important } .post-category-type.post-tag--video { background-color: #2180df!important } .post-category-type.post-tag--emissions { background-color: #5a80a6!important } .post-category-type.post-tag--user { background-color: #a3a6af!important } .post-category-type.post-tag--tag { background-color: #666!important } .post-category-type.post-tag--author { background-color: #3a80c6!important } .post-category-type.post-tag--about { background-color: #31bce3!important } .post-category-type.post-tag--topfamille { background-color: #0394b8!important } .post-category-type.post-tag--topformations { background-color: #bb7bdf!important } .post-category-type.post-tag--infochretienne { background-color: #f77f1e!important } .post-category-type.post-tag--madlife { background-color: #40307f!important } .post-category-type.post-tag--leaderschretiens { background-color: #d00472!important } .post-category-type.post-tag--podcast { background-color: #c0252b!important } .post-category-type.post-tag--mystory { background-color: #f77f1e!important } .post-category-type.post-tag--project2 { background-color: #e34a3a!important } .post-category-type.post-tag--ebookchretien { background-color: #f73734!important } .post-category-type.post-tag--miracle { background-color: #f5596f!important } .post-category-type.post-tag--videokid { background-color: #fcc34b!important } .post-category-type.post-tag--clip { background-color: #118ab2!important } .post-category-type.post-tag--track { background-color: #118ab2!important } .post-category-type.post-tag--song { background-color: #118ab2!important } .post-category-type.post-tag--course { background-color: #1b4869!important } .post-category-type.post-tag--product { background-color: #3a3a3a!important } #search-section #posts-cell .post { display: flex; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); background: #fff; padding: 20px; border-radius: 10px; gap: 20px } @media screen and (max-width: 480px) { #search-section #posts-cell .post { padding:10px; gap: 10px } } #search-section #posts-cell .post .post-thumbnail--container { width: 400px; border-radius: 10px } @media screen and (max-width: 1200px) { #search-section #posts-cell .post .post-thumbnail--container { width:300px } } @media screen and (max-width: 768px) { #search-section #posts-cell .post .post-thumbnail--container { width:200px } } @media screen and (max-width: 480px) { #search-section #posts-cell .post .post-thumbnail--container { width:90px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } #search-section #posts-cell .post .post-thumbnail--container .post-thumbnail--informations .post-informations--duration { font-size: .4375em; bottom: 4px; right: 4px } #search-section #posts-cell .post .post-thumbnail--container .post-thumbnail--informations .post-type--icon { width: 20px; height: 20px; line-height: 20px } #search-section #posts-cell .post .post-thumbnail--container .post-thumbnail--informations .post-type--icon i { font-size: 20px; line-height: 18px } } #search-section #posts-cell .post .post-content--body { padding: 0; background: none; box-shadow: none; border-radius: 0 } @media screen and (max-width: 768px) { #search-section #posts-cell .post .post-content--body .post-category-type { font-size:.5em; margin-bottom: 6px } } #search-section #posts-cell .post .post-content--body .post-content--title { font-size: 1.5em; line-height: 24px } @media screen and (max-width: 1200px) { #search-section #posts-cell .post .post-content--body .post-content--title { font-size:1.1875em } } @media screen and (max-width: 768px) { #search-section #posts-cell .post .post-content--body .post-content--title { font-size:1.125em } } @media screen and (max-width: 480px) { #search-section #posts-cell .post .post-content--body .post-content--title { font-size:1em; line-height: 20px; font-weight: 500; margin-bottom: 2px } } @media screen and (max-width: 1200px) { #search-section #posts-cell .post .post-content--body .post-content--author-and-date img { display:none } #search-section #posts-cell .post .post-content--body .post-content--excerpt p { margin: 4px 0; max-height: 120px; overflow: hidden } } @media screen and (max-width: 768px) { #search-section #posts-cell .post .post-content--body .post-content--excerpt p { max-height:unset; overflow: visible } } @media screen and (max-width: 480px) { #search-section #posts-cell .post .post-content--body .post-content--excerpt p { display:none } } #search-section #posts-cell .post .post-content--body .view-more { justify-content: flex-start } #search-section #posts-cell .post .post-content--body .post-favorite-note { font-style: italic; font-size: .9em; padding: 8px 0; display: block } @media screen and (max-width: 1200px) { #search-section #posts-cell .post.post-category--passlemot .post-content--body { min-height:168px; height: auto } } #search-section #posts-cell .post.post-category--album .post-thumbnail--container,#search-section #posts-cell .post.post-category--playlist .post-thumbnail--container { width: 250px; transform: perspective(600px) rotateY(15deg); -webkit-transform: perspective(600px) rotateY(15deg); margin-left: 100px; margin-top: -12px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #search-section #posts-cell .post.post-category--album .post-thumbnail--container .post-thumbnail--image,#search-section #posts-cell .post.post-category--playlist .post-thumbnail--container .post-thumbnail--image { background-size: contain; padding-bottom: 100% } @media screen and (max-width: 1200px) { #search-section #posts-cell .post.post-category--album .post-thumbnail--container,#search-section #posts-cell .post.post-category--playlist .post-thumbnail--container { width:190px; margin-left: 60px } } @media screen and (max-width: 768px) { #search-section #posts-cell .post.post-category--album .post-thumbnail--container,#search-section #posts-cell .post.post-category--playlist .post-thumbnail--container { width:135px; margin-left: 30px } } @media screen and (max-width: 480px) { #search-section #posts-cell .post.post-category--album .post-thumbnail--container,#search-section #posts-cell .post.post-category--playlist .post-thumbnail--container { width:90px; margin-left: 0; transform: none; -webkit-transform: none; margin-top: 0; margin-bottom: 14px } } @media screen and (min-width: 768px) { #search-section #posts-cell .post.post-category--album:hover .post-thumbnail--container,#search-section #posts-cell .post.post-category--playlist:hover .post-thumbnail--container { transform:perspective(10000px) rotateY(0deg); -webkit-transform: perspective(10000px) rotateY(0deg) } } #search-section #posts-cell .post.post-category--author .post-thumbnail--container { border-radius: 50%!important; width: 200px; height: 200px; margin: 12px 0 0 100px } @media screen and (max-width: 1200px) { #search-section #posts-cell .post.post-category--author .post-thumbnail--container { margin:-14px 0 0 60px } } @media screen and (max-width: 768px) { #search-section #posts-cell .post.post-category--author .post-thumbnail--container { width:110px; height: 110px; margin: 0 0 0 50px } } @media screen and (max-width: 480px) { #search-section #posts-cell .post.post-category--author .post-thumbnail--container { width:70px; height: 70px; margin: 0 0 0 15px } } #search-section #posts-cell .post.post-category--author .post-thumbnail--container .post-thumbnail--image { padding-bottom: 100% } #search-section #posts-cell .post.post-category--readingplan .post-content--body,#search-section #posts-cell .post.post-category--course .post-content--body { position: relative } #search-section #posts-cell .post.post-category--readingplan .post-content--body .post-reached,#search-section #posts-cell .post.post-category--course .post-content--body .post-reached { width: calc(100% - 396px); right: 0; left: auto } @media screen and (max-width: 1200px) { #search-section #posts-cell .post.post-category--readingplan .post-content--body .post-reached,#search-section #posts-cell .post.post-category--course .post-content--body .post-reached { width:calc(100% - 296px) } } @media screen and (max-width: 768px) { #search-section #posts-cell .post.post-category--readingplan .post-content--body .post-reached,#search-section #posts-cell .post.post-category--course .post-content--body .post-reached { width:calc(100% - 212px); bottom: -8px } } @media screen and (max-width: 480px) { #search-section #posts-cell .post.post-category--readingplan .post-content--body .post-reached,#search-section #posts-cell .post.post-category--course .post-content--body .post-reached { width:calc(100% - 110px); bottom: 0 } } @media screen and (max-width: 768px) { #search-section #posts-cell .post.post-category--playlist .post-content--body { min-height:135px } } @media screen and (max-width: 480px) { #search-section #posts-cell .post.post-category--playlist .post-content--body { min-height:90px } } #search-section #posts-cell .post-tessera-verse { background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px; padding: 6px 14px; margin-bottom: 8px } #search-section #posts-cell .post-tessera-verse .post-tessera-verse-text { margin-left: 8px; margin-top: 8px; color: #272727 } #swiper-searchresultslevel1 .post-content--date { display: none!important } @media screen and (max-width: 768px) { #search-section .search-result-container .swiper-wrapper { display:block } #search-section .search-result-container .swiper-container { padding-bottom: 0 } #search-section .search-result-container .swiper-pagination { display: none!important } #search-section .search-result-container .all-articles { height: auto; min-height: unset; background-color: rgba(58,128,198,.06)!important; padding: 3px } #search-section .search-result-container .all-articles .all-articles--more-btn { position: relative; transform: none; top: 0 } #search-section .search-result-container .all-articles .all-articles--more-icon { display: none } #search-section .search-result-container .all-articles .all-articles--text { font-size: 1em } #search-section .search-result-container .slider-container .swiper-title-container h2 { font-size: 1.1em; margin: 20px 0 } #search-section .search-result-container .slider-container .swiper-title-container h2:before { height: 2px; top: 16px; width: 8px } #search-section .search-result-container .slider-container .swiper-title-container h2:after { height: 2px; top: 11px; width: 8px } } #search-section .search-result-container .slider-container .swiper-title-container:before { display: none } #search-section .search-result-container .slider-container .swiper-title-container h2 { color: #272727!important; background: none!important; margin-bottom: 20px } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide { width:100%; display: none } #search-section .search-result-container .slider-container .swiper-slide:nth-child(-n+3) { display: block!important } #search-section .search-result-container .slider-container .swiper-slide:last-of-type { display: block!important } #search-section .search-result-container .slider-container .swiper-slide .post { margin-bottom: 24px!important; background: none; box-shadow: none; overflow: visible } #search-section .search-result-container .slider-container .swiper-slide .post .post-thumbnail--container { width: 200px; float: left; margin-bottom: 24px!important } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post .post-thumbnail--container { width:90px; margin-top: 5px; margin-left: 5px; margin-bottom: auto; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } #search-section .search-result-container .slider-container .swiper-slide .post .post-thumbnail--container .post-thumbnail--informations .post-informations--duration { font-size: .4375em; bottom: 4px; right: 4px } #search-section .search-result-container .slider-container .swiper-slide .post .post-thumbnail--container .post-thumbnail--informations .post-type--icon { width: 20px; height: 20px; line-height: 20px } #search-section .search-result-container .slider-container .swiper-slide .post .post-thumbnail--container .post-thumbnail--informations .post-type--icon i { font-size: 20px; line-height: 18px } } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body { padding:0px 10px 0px calc(200px + 12px); height: auto; background: none; box-shadow: none } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body { padding:0px 10px 5px calc(100px + 10px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body .post-category-type { font-size:.5em; margin-bottom: 6px } #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body .post-content--title { font-size: 1.125em } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body .post-content--title { font-size:1em; line-height: 20px; font-weight: 500; margin-bottom: 2px } } #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body .post-action-button { display: none } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body .post-content--excerpt p { max-height:unset; overflow: visible } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post .post-content--body .post-content--excerpt p { display:none } } @media screen and (max-width: 1200px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--passlemot .post-content--body { min-height:168px; height: auto } #search-section .search-result-container .slider-container .swiper-slide .post.post-category--album .post-thumbnail--container,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--playlist .post-thumbnail--container { width: 190px; margin-left: 60px } } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--album .post-thumbnail--container,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--playlist .post-thumbnail--container { width:135px; margin-left: 30px } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--album .post-thumbnail--container,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--playlist .post-thumbnail--container { width:90px; margin-left: 0; transform: none; -webkit-transform: none; margin-top: 0; margin-bottom: 14px } } @media screen and (min-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--album:hover .post-thumbnail--container,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--playlist:hover .post-thumbnail--container { transform:perspective(10000px) rotateY(0deg); -webkit-transform: perspective(10000px) rotateY(0deg) } } #search-section .search-result-container .slider-container .swiper-slide .post.post-category--author { padding-top: 12px } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--author { padding-top:0 } } #search-section .search-result-container .slider-container .swiper-slide .post.post-category--author .post-thumbnail--container { border-radius: 50%!important; width: 150px; height: 150px; margin: 12px auto; background-size: cover } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--author .post-thumbnail--container { width:110px; height: 110px; margin: 0 0 0 50px } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--author .post-thumbnail--container { width:70px; height: 70px; margin: 0 0 0 15px } } #search-section .search-result-container .slider-container .swiper-slide .post.post-category--author .post-thumbnail--container .post-thumbnail--image { padding-bottom: 100% } #search-section .search-result-container .slider-container .swiper-slide .post.post-category--readingplan .post-content--body,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--course .post-content--body { position: relative } @media screen and (max-width: 1200px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--readingplan .post-content--body .post-reached,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--course .post-content--body .post-reached { width:calc(100% - 296px) } } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--readingplan .post-content--body .post-reached,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--course .post-content--body .post-reached { width:calc(100% - 212px); bottom: -8px } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--readingplan .post-content--body .post-reached,#search-section .search-result-container .slider-container .swiper-slide .post.post-category--course .post-content--body .post-reached { width:calc(100% - 110px); bottom: 0 } } @media screen and (max-width: 768px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--playlist .post-content--body { min-height:135px } } @media screen and (max-width: 480px) { #search-section .search-result-container .slider-container .swiper-slide .post.post-category--playlist .post-content--body { min-height:90px } } #search-section .post.post-category--section .post-thumbnail--container .post-thumbnail--image,#search-section .post.post-category--category .post-thumbnail--container .post-thumbnail--image,#search-section .post.post-category--shortlink .post-thumbnail--container .post-thumbnail--image { background-image: url(static/img/thumb/home.5cc6076f4746.jpg)!important } #search-section .post.post-category--tag .post-thumbnail--container { box-shadow: none } #search-section .post.post-category--tag .post-thumbnail--container .post-thumbnail--image { border-bottom-right-radius: 60px } @media screen and (max-width: 768px) { #search-section .post.post-category--tag .post-thumbnail--container .post-thumbnail--image { border-bottom-right-radius:10px; border-bottom-left-radius: 10px } } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image { position: relative; overflow: hidden } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image.gradient--one { background: #3494e6; background: -webkit-linear-gradient(to right,#ec6ead,#3494e6)!important; background: linear-gradient(to right,#ec6ead,#3494e6)!important } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image.gradient--two { background: #74ebd5; background: -webkit-linear-gradient(to right,#acb6e5,#74ebd5)!important; background: linear-gradient(to right,#acb6e5,#74ebd5)!important } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image.gradient--three { background: #667db6; background: -webkit-linear-gradient(to right,#667db6,#0082c8,#0082c8,#667db6)!important; background: linear-gradient(to right,#667db6,#0082c8,#0082c8,#667db6)!important } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image.gradient--four { background: #e1eec3; background: -webkit-linear-gradient(to right,#f05053,#e1eec3)!important; background: linear-gradient(to right,#f05053,#e1eec3)!important } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image.gradient--five { background: #22c1c3; background: -webkit-linear-gradient(to right,#fdbb2d,#22c1c3)!important; background: linear-gradient(to right,#fdbb2d,#22c1c3)!important } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image:before,#search-section .post.post-category--tag.post--no-image .post-thumbnail--image:after { content: attr(data-title); font-family: "Montserrat",sans-serif; color: #fff; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; line-height: 1.1 } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image:before { font-size: 1.25em } #search-section .post.post-category--tag.post--no-image .post-thumbnail--image:after { font-size: 3.5em; opacity: .3; font-weight: 900; white-space: nowrap } #search-section .post.post-category--tag .post-content--body { text-align: center } @media screen and (max-width: 768px) { #search-section .post.post-category--tag .post-content--body { text-align:left } } #search-section .post.post-category--project .post-content--body .post-content--author-and-date { display: none } #search-section .post.post-category--project .post-content--body .post-category-type { display: none } .swiper-slide { height: 100% } .swiper-slide .post { cursor: pointer; height: 100%; background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px; margin-bottom: 20px } .swiper-slide .post.post-category--album { margin-bottom: 40px } @media screen and (max-width: 480px) { .swiper-slide .post { border-radius:10px; overflow: hidden } .swiper-slide .post .post-type--icon { display: none } } .swiper-slide .post .post-content--body { padding: 14px; background: none; box-shadow: none; position: inherit } @media screen and (max-width: 768px) { .swiper-slide .post .post-content--body .post-reached .post-reached-bar-text { bottom:4px } } @media screen and (max-width: 480px) { .swiper-slide .post .post-content--body { padding:10px; text-align: left } } .swiper-slide .post .post-content--body .post-content--title { font-size: 1em; font-weight: 400; margin-bottom: 30px } @media screen and (max-width: 480px) { .swiper-slide .post .post-content--body .post-content--title { font-size:1em; margin: 2px 0 10px } } .swiper-slide .post .post-content--body .post-content--author-and-date { font-size: .6875em } .swiper-slide .post .post-content--body .post-content--author-and-date img { width: 20px; height: 20px; margin-right: 5px } @media screen and (max-width: 480px) { .swiper-slide .post .post-content--body .post-content--author-and-date { font-size:.75em } .swiper-slide .post .post-content--body .post-content--author-and-date img { display: none } } .swiper-slide .post .post-content--body .post-content--excerpt { display: none } @media screen and (max-width: 480px) { .swiper-slide .post .post-content--body .post-concept-name { display:none } } .swiper-slide .post .post-content--body .post-category-type,.swiper-slide .post .post-content--body .post-concept-name { font-size: .5em } .l-sidebar .post,.bible-version-ART .post,.bible-actions-panel-content .post { margin-bottom: 26px } .l-sidebar .post .post-thumbnail--container,.bible-version-ART .post .post-thumbnail--container,.bible-actions-panel-content .post .post-thumbnail--container { width: 90px; float: left; margin-top: 4px; border-radius: 6px; z-index: 1 } .l-sidebar .post .post-thumbnail--container .post-type--icon,.bible-version-ART .post .post-thumbnail--container .post-type--icon,.bible-actions-panel-content .post .post-thumbnail--container .post-type--icon { width: 22px; height: 22px; left: 4px; bottom: 4px } .l-sidebar .post .post-thumbnail--container .post-type--icon i,.bible-version-ART .post .post-thumbnail--container .post-type--icon i,.bible-actions-panel-content .post .post-thumbnail--container .post-type--icon i { font-size: 16px; line-height: 24px } .l-sidebar .post .post-thumbnail--container .post-informations--duration,.bible-version-ART .post .post-thumbnail--container .post-informations--duration,.bible-actions-panel-content .post .post-thumbnail--container .post-informations--duration { font-size: .5625rem; bottom: 4px; right: 4px } .l-sidebar .post .post-content--container,.bible-version-ART .post .post-content--container,.bible-actions-panel-content .post .post-content--container { min-height: 50px } .l-sidebar .post .post-content--body,.bible-version-ART .post .post-content--body,.bible-actions-panel-content .post .post-content--body { background: none; box-shadow: none; padding-left: 100px } .l-sidebar .post .post-content--body .post-category-type,.bible-version-ART .post .post-content--body .post-category-type,.bible-actions-panel-content .post .post-content--body .post-category-type { font-size: .5rem; margin-bottom: 2px; font-weight: 500; white-space: nowrap; max-width: 200px; text-overflow: ellipsis; overflow: hidden } @media screen and (max-width: 480px) { .l-sidebar .post .post-content--body .post-category-type,.bible-version-ART .post .post-content--body .post-category-type,.bible-actions-panel-content .post .post-content--body .post-category-type { max-width:100% } } .l-sidebar .post .post-content--body .post-concept-name,.bible-version-ART .post .post-content--body .post-concept-name,.bible-actions-panel-content .post .post-content--body .post-concept-name { display: none } .l-sidebar .post .post-content--body .post-content--title,.bible-version-ART .post .post-content--body .post-content--title,.bible-actions-panel-content .post .post-content--body .post-content--title { font-size: .9375rem; line-height: 1.0625rem; margin-bottom: 2px; font-weight: 500 } .l-sidebar .post .post-content--body .post-content--author-and-date,.bible-version-ART .post .post-content--body .post-content--author-and-date,.bible-actions-panel-content .post .post-content--body .post-content--author-and-date { font-size: .6875rem } .l-sidebar .post .post-content--body .post-content--author-and-date img,.bible-version-ART .post .post-content--body .post-content--author-and-date img,.bible-actions-panel-content .post .post-content--body .post-content--author-and-date img { display: none } .l-sidebar .post .post-content--body .post-content--excerpt,.bible-version-ART .post .post-content--body .post-content--excerpt,.bible-actions-panel-content .post .post-content--body .post-content--excerpt { display: none } .l-sidebar .post.post-category--passlemot .split-passlemot-text,.bible-version-ART .post.post-category--passlemot .split-passlemot-text,.bible-actions-panel-content .post.post-category--passlemot .split-passlemot-text { font-size: 1em } .l-sidebar .post.post-category--passlemot .post-action-button,.bible-version-ART .post.post-category--passlemot .post-action-button,.bible-actions-panel-content .post.post-category--passlemot .post-action-button { position: relative; right: auto } .l-sidebar .post.post-category--album .post-thumbnail--container,.l-sidebar .post.post-category--playlist .post-thumbnail--container,.bible-version-ART .post.post-category--album .post-thumbnail--container,.bible-version-ART .post.post-category--playlist .post-thumbnail--container,.bible-actions-panel-content .post.post-category--album .post-thumbnail--container,.bible-actions-panel-content .post.post-category--playlist .post-thumbnail--container { width: 90px; height: 90px; margin-bottom: 10px } .l-sidebar .post.post-category--album .post-thumbnail--container .post-thumbnail--image,.l-sidebar .post.post-category--playlist .post-thumbnail--container .post-thumbnail--image,.bible-version-ART .post.post-category--album .post-thumbnail--container .post-thumbnail--image,.bible-version-ART .post.post-category--playlist .post-thumbnail--container .post-thumbnail--image,.bible-actions-panel-content .post.post-category--album .post-thumbnail--container .post-thumbnail--image,.bible-actions-panel-content .post.post-category--playlist .post-thumbnail--container .post-thumbnail--image { padding-bottom: 100% } .l-sidebar .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.l-sidebar .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn,.l-sidebar .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.l-sidebar .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn,.bible-version-ART .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.bible-version-ART .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn,.bible-version-ART .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.bible-version-ART .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn,.bible-actions-panel-content .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.bible-actions-panel-content .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn,.bible-actions-panel-content .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.bible-actions-panel-content .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn { width: 30px; height: 30px; line-height: 30px; font-size: .875em } .l-sidebar .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn .icon-music-play,.l-sidebar .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn .icon-music-play,.l-sidebar .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn .icon-music-play,.l-sidebar .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn .icon-music-play,.bible-version-ART .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn .icon-music-play,.bible-version-ART .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn .icon-music-play,.bible-version-ART .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn .icon-music-play,.bible-version-ART .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn .icon-music-play,.bible-actions-panel-content .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn .icon-music-play,.bible-actions-panel-content .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn .icon-music-play,.bible-actions-panel-content .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn .icon-music-play,.bible-actions-panel-content .post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn .icon-music-play { left: 3px; top: -2px } @media screen and (min-width: 480px) and (max-width:992px) { .l-sidebar .post { display:inline-block; width: calc(33.3336% - 20px); vertical-align: top; margin-right: 14px } .l-sidebar .post .post-thumbnail--container { float: none; width: 100% } .l-sidebar .post .post-content--body { padding: 0 10px } } .l-sidebar .post.post-category--passlemot .post-action-button { display: none } .bible-actions-panel-content .post-verses,.bible-version-ART .post-verses { cursor: pointer; font-weight: bold; color: #428efe; font-size: .6875em; display: block } .bible-actions-panel-content .post-verses span:after,.bible-version-ART .post-verses span:after { content: ', '; display: inline-block } .bible-actions-panel-content .post-verses span:last-of-type:after,.bible-version-ART .post-verses span:last-of-type:after { display: none } .post-favorite--verse-c01 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c01 .post-content--body a { color: #000 } .post-favorite--verse-c01 .post-content--body .icon-heart-filled { color: #b85; margin-right: 4px } .post-favorite--verse-c01 .post-content--body .post-content--author { display: none } .post-favorite--verse-c01 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c01 { border-left: 2px solid #b85 } .post-favorite--verse-c02 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c02 .post-content--body a { color: #000 } .post-favorite--verse-c02 .post-content--body .icon-heart-filled { color: #f44; margin-right: 4px } .post-favorite--verse-c02 .post-content--body .post-content--author { display: none } .post-favorite--verse-c02 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c02 { border-left: 2px solid #f44 } .post-favorite--verse-c03 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c03 .post-content--body a { color: #000 } .post-favorite--verse-c03 .post-content--body .icon-heart-filled { color: #f84; margin-right: 4px } .post-favorite--verse-c03 .post-content--body .post-content--author { display: none } .post-favorite--verse-c03 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c03 { border-left: 2px solid #f84 } .post-favorite--verse-c04 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c04 .post-content--body a { color: #000 } .post-favorite--verse-c04 .post-content--body .icon-heart-filled { color: #fc4; margin-right: 4px } .post-favorite--verse-c04 .post-content--body .post-content--author { display: none } .post-favorite--verse-c04 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c04 { border-left: 2px solid #fc4 } .post-favorite--verse-c05 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c05 .post-content--body a { color: #000 } .post-favorite--verse-c05 .post-content--body .icon-heart-filled { color: #ff0; margin-right: 4px } .post-favorite--verse-c05 .post-content--body .post-content--author { display: none } .post-favorite--verse-c05 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c05 { border-left: 2px solid #ff0 } .post-favorite--verse-c06 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c06 .post-content--body a { color: #000 } .post-favorite--verse-c06 .post-content--body .icon-heart-filled { color: #ff6; margin-right: 4px } .post-favorite--verse-c06 .post-content--body .post-content--author { display: none } .post-favorite--verse-c06 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c06 { border-left: 2px solid #ff6 } .post-favorite--verse-c07 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c07 .post-content--body a { color: #000 } .post-favorite--verse-c07 .post-content--body .icon-heart-filled { color: #7f4; margin-right: 4px } .post-favorite--verse-c07 .post-content--body .post-content--author { display: none } .post-favorite--verse-c07 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c07 { border-left: 2px solid #7f4 } .post-favorite--verse-c08 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c08 .post-content--body a { color: #000 } .post-favorite--verse-c08 .post-content--body .icon-heart-filled { color: #0e0; margin-right: 4px } .post-favorite--verse-c08 .post-content--body .post-content--author { display: none } .post-favorite--verse-c08 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c08 { border-left: 2px solid #0e0 } .post-favorite--verse-c09 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c09 .post-content--body a { color: #000 } .post-favorite--verse-c09 .post-content--body .icon-heart-filled { color: #0c9; margin-right: 4px } .post-favorite--verse-c09 .post-content--body .post-content--author { display: none } .post-favorite--verse-c09 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c09 { border-left: 2px solid #0c9 } .post-favorite--verse-c10 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c10 .post-content--body a { color: #000 } .post-favorite--verse-c10 .post-content--body .icon-heart-filled { color: #47f; margin-right: 4px } .post-favorite--verse-c10 .post-content--body .post-content--author { display: none } .post-favorite--verse-c10 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c10 { border-left: 2px solid #47f } .post-favorite--verse-c11 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c11 .post-content--body a { color: #000 } .post-favorite--verse-c11 .post-content--body .icon-heart-filled { color: #88f; margin-right: 4px } .post-favorite--verse-c11 .post-content--body .post-content--author { display: none } .post-favorite--verse-c11 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c11 { border-left: 2px solid #88f } .post-favorite--verse-c12 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c12 .post-content--body a { color: #000 } .post-favorite--verse-c12 .post-content--body .icon-heart-filled { color: #ccf; margin-right: 4px } .post-favorite--verse-c12 .post-content--body .post-content--author { display: none } .post-favorite--verse-c12 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c12 { border-left: 2px solid #ccf } .post-favorite--verse-c13 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c13 .post-content--body a { color: #000 } .post-favorite--verse-c13 .post-content--body .icon-heart-filled { color: #84f; margin-right: 4px } .post-favorite--verse-c13 .post-content--body .post-content--author { display: none } .post-favorite--verse-c13 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c13 { border-left: 2px solid #84f } .post-favorite--verse-c14 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c14 .post-content--body a { color: #000 } .post-favorite--verse-c14 .post-content--body .icon-heart-filled { color: #f4f; margin-right: 4px } .post-favorite--verse-c14 .post-content--body .post-content--author { display: none } .post-favorite--verse-c14 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c14 { border-left: 2px solid #f4f } .post-favorite--verse-c15 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c15 .post-content--body a { color: #000 } .post-favorite--verse-c15 .post-content--body .icon-heart-filled { color: #f7f; margin-right: 4px } .post-favorite--verse-c15 .post-content--body .post-content--author { display: none } .post-favorite--verse-c15 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c15 { border-left: 2px solid #f7f } .post-favorite--verse-c16 .post-content--body { background-color: #fff; color: #000 } .post-favorite--verse-c16 .post-content--body a { color: #000 } .post-favorite--verse-c16 .post-content--body .icon-heart-filled { color: #ddd; margin-right: 4px } .post-favorite--verse-c16 .post-content--body .post-content--author { display: none } .post-favorite--verse-c16 .post-content--body .post-content--date { margin-top: 4px } .header-post-favorite.post-favorite--verse-c16 { border-left: 2px solid #ddd } .post-tag-c01 { display: block; background-color: #b85; color: #000 } html.no-touch .post-tag-c01:hover { color: #000 } .post-tag-c01:after { background-color: #b85 } .post-tag-c01.bible-verse-text { color: #fff; background-color: #b85 } .post-tag-c02 { display: block; background-color: #f44; color: #000 } html.no-touch .post-tag-c02:hover { color: #000 } .post-tag-c02:after { background-color: #f44 } .post-tag-c02.bible-verse-text { color: #fff; background-color: #f44 } .post-tag-c03 { display: block; background-color: #f84; color: #000 } html.no-touch .post-tag-c03:hover { color: #000 } .post-tag-c03:after { background-color: #f84 } .post-tag-c03.bible-verse-text { color: #fff; background-color: #f84 } .post-tag-c04 { display: block; background-color: #fc4; color: #000 } html.no-touch .post-tag-c04:hover { color: #000 } .post-tag-c04:after { background-color: #fc4 } .post-tag-c04.bible-verse-text { color: #fff; background-color: #fc4 } .post-tag-c05 { display: block; background-color: #ff0; color: #000 } html.no-touch .post-tag-c05:hover { color: #000 } .post-tag-c05:after { background-color: #ff0 } .post-tag-c05.bible-verse-text { color: #fff; background-color: #ff0 } .post-tag-c06 { display: block; background-color: #ff6; color: #000 } html.no-touch .post-tag-c06:hover { color: #000 } .post-tag-c06:after { background-color: #ff6 } .post-tag-c06.bible-verse-text { color: #fff; background-color: #ff6 } .post-tag-c07 { display: block; background-color: #7f4; color: #000 } html.no-touch .post-tag-c07:hover { color: #000 } .post-tag-c07:after { background-color: #7f4 } .post-tag-c07.bible-verse-text { color: #fff; background-color: #7f4 } .post-tag-c08 { display: block; background-color: #0e0; color: #000 } html.no-touch .post-tag-c08:hover { color: #000 } .post-tag-c08:after { background-color: #0e0 } .post-tag-c08.bible-verse-text { color: #fff; background-color: #0e0 } .post-tag-c09 { display: block; background-color: #0c9; color: #000 } html.no-touch .post-tag-c09:hover { color: #000 } .post-tag-c09:after { background-color: #0c9 } .post-tag-c09.bible-verse-text { color: #fff; background-color: #0c9 } .post-tag-c10 { display: block; background-color: #47f; color: #000 } html.no-touch .post-tag-c10:hover { color: #000 } .post-tag-c10:after { background-color: #47f } .post-tag-c10.bible-verse-text { color: #fff; background-color: #47f } .post-tag-c11 { display: block; background-color: #88f; color: #000 } html.no-touch .post-tag-c11:hover { color: #000 } .post-tag-c11:after { background-color: #88f } .post-tag-c11.bible-verse-text { color: #fff; background-color: #88f } .post-tag-c12 { display: block; background-color: #ccf; color: #000 } html.no-touch .post-tag-c12:hover { color: #000 } .post-tag-c12:after { background-color: #ccf } .post-tag-c12.bible-verse-text { color: #fff; background-color: #ccf } .post-tag-c13 { display: block; background-color: #84f; color: #000 } html.no-touch .post-tag-c13:hover { color: #000 } .post-tag-c13:after { background-color: #84f } .post-tag-c13.bible-verse-text { color: #fff; background-color: #84f } .post-tag-c14 { display: block; background-color: #f4f; color: #000 } html.no-touch .post-tag-c14:hover { color: #000 } .post-tag-c14:after { background-color: #f4f } .post-tag-c14.bible-verse-text { color: #fff; background-color: #f4f } .post-tag-c15 { display: block; background-color: #f7f; color: #000 } html.no-touch .post-tag-c15:hover { color: #000 } .post-tag-c15:after { background-color: #f7f } .post-tag-c15.bible-verse-text { color: #fff; background-color: #f7f } .post-tag-c16 { display: block; background-color: #ddd; color: #000 } html.no-touch .post-tag-c16:hover { color: #000 } .post-tag-c16:after { background-color: #ddd } .post-tag-c16.bible-verse-text { color: #fff; background-color: #ddd } .bible-verse-has-favorite .post-tag-c01,.bible-verse-has-favorite .post-tag-c02,.bible-verse-has-favorite .post-tag-c03,.bible-verse-has-favorite .post-tag-c10,.bible-verse-has-favorite .post-tag-c11,.bible-verse-has-favorite .post-tag-c13,.bible-verse-has-favorite .post-tag-c14,.bible-verse-has-favorite .post-tag-c15 { color: #fff } html.no-touch .bible-verse-has-favorite .post-tag-c01:hover,html.no-touch .bible-verse-has-favorite .post-tag-c02:hover,html.no-touch .bible-verse-has-favorite .post-tag-c03:hover,html.no-touch .bible-verse-has-favorite .post-tag-c10:hover,html.no-touch .bible-verse-has-favorite .post-tag-c11:hover,html.no-touch .bible-verse-has-favorite .post-tag-c13:hover,html.no-touch .bible-verse-has-favorite .post-tag-c14:hover,html.no-touch .bible-verse-has-favorite .post-tag-c15:hover { color: #fff } .bible-verse-has-favorite .post-tag-c04 { color: #000 } html.no-touch .bible-verse-has-favorite .post-tag-c04:hover { color: #000 } .bible-verse-has-favorite.is-selected .post-tag-c01,.bible-verse-has-favorite.is-selected .post-tag-c02,.bible-verse-has-favorite.is-selected .post-tag-c03,.bible-verse-has-favorite.is-selected .post-tag-c10,.bible-verse-has-favorite.is-selected .post-tag-c11,.bible-verse-has-favorite.is-selected .post-tag-c13,.bible-verse-has-favorite.is-selected .post-tag-c14,.bible-verse-has-favorite.is-selected .post-tag-c15 { color: #fff } html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c01:hover,html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c02:hover,html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c03:hover,html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c10:hover,html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c11:hover,html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c13:hover,html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c14:hover,html.no-touch .bible-verse-has-favorite.is-selected .post-tag-c15:hover { color: #fff } .slider-playlist .badge { display: none } .slider-playlist .post-content--author-and-date { display: none } .slider-album .swiper-slide .post,.slider-playlist .swiper-slide .post,.slider-albums .swiper-slide .post { background: none; border-radius: 0 } .slider-album .swiper-slide .post .post-content--body,.slider-playlist .swiper-slide .post .post-content--body,.slider-albums .swiper-slide .post .post-content--body { background: none; box-shadow: none } .slider-album .swiper-slide .post .post-content--body .post-content--title,.slider-playlist .swiper-slide .post .post-content--body .post-content--title,.slider-albums .swiper-slide .post .post-content--body .post-content--title { margin-bottom: 8px } .slider-album .swiper-slide .post .post-thumbnail--container,.slider-playlist .swiper-slide .post .post-thumbnail--container,.slider-albums .swiper-slide .post .post-thumbnail--container { box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px } .slider-album .swiper-slide .post .post-thumbnail--image,.slider-playlist .swiper-slide .post .post-thumbnail--image,.slider-albums .swiper-slide .post .post-thumbnail--image { padding-bottom: 100%; border-radius: 10px } .slider-album .swiper-slide .post .post-content--excerpt,.slider-playlist .swiper-slide .post .post-content--excerpt,.slider-albums .swiper-slide .post .post-content--excerpt { display: none } .slider-container.slider-album .swiper-slide,.slider-container.slider-albums .swiper-slide { width: 266px } @media screen and (max-width: 768px) { .slider-container.slider-album .swiper-slide,.slider-container.slider-albums .swiper-slide { width:160px } } .slider-container.slider-album .swiper-slide .post.all-articles,.slider-container.slider-albums .swiper-slide .post.all-articles { height: 0; padding-bottom: 100% } .slider-container.slider-album .swiper-slide .post .post-content--body,.slider-container.slider-albums .swiper-slide .post .post-content--body { position: relative } .slider-container.slider-album .swiper-slide .post .post-content--body .post-category-type,.slider-container.slider-albums .swiper-slide .post .post-content--body .post-category-type { margin-bottom: 2px } .slider-container.slider-album .swiper-slide .post .post-content--body .post-content--title,.slider-container.slider-albums .swiper-slide .post .post-content--body .post-content--title { margin-bottom: 2px } .slider-container.slider-album .swiper-slide .post .post-content--body .post-content--title,.slider-container.slider-album .swiper-slide .post .post-content--body .post-content--author-and-date,.slider-container.slider-albums .swiper-slide .post .post-content--body .post-content--title,.slider-container.slider-albums .swiper-slide .post .post-content--body .post-content--author-and-date { color: #272727 } .post.post-category--album .post-thumbnail--container:before,.post.post-category--playlist .post-thumbnail--container:before { background-color: #000!important } @media screen and (max-width: 768px) { .post.post-category--album .post-thumbnail--container:before,.post.post-category--playlist .post-thumbnail--container:before { display:none } } @media screen and (min-width: 768px) { .post.post-category--album .post-thumbnail--container:hover:before,.post.post-category--playlist .post-thumbnail--container:hover:before { opacity:.3 } .post.post-category--album .post-thumbnail--container:hover .post-thumbnail--informations .post-music--actions,.post.post-category--playlist .post-thumbnail--container:hover .post-thumbnail--informations .post-music--actions { transform: translate(-50%,-50%) } .post.post-category--album .post-thumbnail--container:hover .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.post.post-category--album .post-thumbnail--container:hover .post-thumbnail--informations .post-music--actions .post-music--more-btn,.post.post-category--playlist .post-thumbnail--container:hover .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.post.post-category--playlist .post-thumbnail--container:hover .post-thumbnail--informations .post-music--actions .post-music--more-btn { transform: scale(1) } } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 0 } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-type--icon,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-type--icon { display: none } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transform-origin: center; z-index: 4; white-space: nowrap } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn { transform: scale(0) } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn { font-size: 1.625em; background-color: rgba(0,0,0,.7); border-radius: 50%; text-align: center; line-height: 60px; width: 60px; height: 60px; color: #fff; display: inline-block; vertical-align: middle; margin-right: 8px; border: 1px solid #fff; position: relative; z-index: 10; cursor: pointer } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn i,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--listen-btn i { position: relative; left: 5px; top: -1px } .post.post-category--album .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn,.post.post-category--playlist .post-thumbnail--container .post-thumbnail--informations .post-music--actions .post-music--more-btn { font-size: 1.125em; background-color: rgba(0,0,0,.7); border-radius: 50%; text-align: center; line-height: 36px; width: 40px; height: 40px; color: #fff; display: inline-block; vertical-align: middle; border: 1px solid #fff; position: relative; z-index: 10; cursor: pointer } @media screen and (max-width: 480px) { body.l-category-clip #search-section #posts-cell .post.post-category--clip .post-thumbnail--container { max-width:100%; width: auto; float: none; margin: 5px 5px 10px 5px } body.l-category-clip #search-section #posts-cell .post.post-category--clip .post-content--body { padding: 0 10px 5px 10px } } #search-section #posts-cell .post.post-category--favorite .post-thumbnail--container { display: none } #search-section #posts-cell .post.post-category--favorite .post-content--body { padding: 14px; height: auto } @media screen and (max-width: 768px) { #search-section #posts-cell .post.post-category--favorite .post-content--body { border-radius:0 } } #search-section #posts-cell .post.post-category--favorite .post-content--body .post-content--title { font-size: 1.25em } #search-section #posts-cell .post.post-category--favorite .post-content--body .post-content--informations .post-content--author { display: none } #search-section #posts-cell .post.post-category--favorite .post-content--body .post-content--informations .post-content--date { text-align: right; display: block; color: #272727; font-size: .875em; font-weight: 500 } #search-section #posts-cell .post.post-category--favorite .post-content--body .post-content--informations .post-content--date i:after { font-size: 12px; color: #272727; margin-right: 6px } #search-section #posts-cell .post.post-category--favorite .post-content--body .post-favorite-note { display: block; font-size: .8125em; border-top: 1px solid #f4f4f4; padding-top: 14px; font-style: italic; margin-bottom: 14px } #search-section #posts-cell .post .post-reached .post-reached-bar-text.is-finished { bottom: -4px; left: 0 } .l-section-featuring #search-section #posts-cell .post .post-content--body { height: auto } .posts__concept-name { text-transform: uppercase; padding: 2px 5px; font-size: .75em; color: #fff } .posts__concept-name.concept-name--quoi-dneuf-pasteur { background: red } .posts__concept-name.concept-name--tchat-avec-nath { background: #f3bb03 } .posts__concept-name.concept-name--5-minutes-essentielles { background: #2d80bd } .posts__concept-name.concept-name--booste-ta-journee { background: #fdb95f } .posts__concept-name.concept-name--topchallenge { background: #8b8b8b } .posts__concept-name.concept-name--365histoirescom { background: #c44c48 } .posts__concept-name.concept-name--logoscom { background: #f26f61 } .posts__concept-name.concept-name--portes-ouvertes { background: #663182 } .l-section-toptv .slider-container .post { background: none; box-shadow: none; transform: scale(1); transform-origin: center; transition: transform .3s cubic-bezier(.25,.46,.45,.94) } .l-section-toptv .slider-container .post .post-thumbnail--container { border-radius: 20px } .l-section-toptv .slider-container .post .post-content--body { text-align: left } .l-section-toptv .slider-container .post .post-category-type { display: none } .l-section-toptv .slider-container .post .post-content--title { margin-bottom: 4px } .l-section-toptv .slider-container .post .post-content--informations .post-content--author img { display: none } .l-section-toptv .slider-container .post .post-content--informations .post-content--date { display: none } .l-section-toptv .slider-container .post .post-type--icon { display: none } .l-section-toptv .slider-container .post:hover { transform: scale(1.1) } .l-section-toptv .slider-container.slider-author .swiper-container { padding-top: 20px } .l-section-toptv .slider-container.slider-author .swiper-container .swiper-slide { transform: scale(1); transform-origin: center; transition: transform .3s cubic-bezier(.25,.46,.45,.94) } html.no-touch .l-section-toptv .slider-container.slider-author .swiper-container .swiper-slide:hover { transform: scale(1.1) } .project-author { margin-bottom: 2em; background-color: #fff } .project-author label { cursor: pointer } .project-author .sidebar-inner { font-size: 12px } .project-author a { display: block } .project-author-description { margin-top: 1em; padding-top: 1em; border-top: solid 1px #aaa } .project-author-image { display: inline-block; border-radius: 50%; padding: 2px; border: solid 2px #fff; width: 75px; height: 75px; background-size: cover; background-position: center; vertical-align: middle } .post-project-gauge { -ms-transform: scale(.33); -webkit-transform: scale(.33); transform: scale(.33); -moz-transform: scale(.33); -ms-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; margin: 0 auto; height: 50px; width: 50px } .post-project-gauge .project-gauge-pc { font-size: 35px; top: 50px } .title-field { display: flex; flex-wrap: wrap } .title-field .form-label { order: 2 } .title-field .form-input { order: 3 } .title-field .helptext { order: 1; text-align: center; width: 100%; font-size: 32px; font-weight: bold; margin-bottom: 1em } .article-project2 img { max-width: 100% } .post-category-project .post-informations { display: none } .post-category-project .icon-video-play { display: none } .post-category-project .post-title { margin-bottom: 10px; margin-top: 14px } .post-category-project .post-header { display: none!important } .post-category-project .post-category-type { display: none!important } .post-category-project .sponsor-btn { margin-top: 14px } .slider-container .post-category-project .sponsor-btn { position: relative; bottom: 5px; right: 0; display: block; width: 100% } .slider-container .post-category-project .post-title { min-height: 40px } @media screen and (max-width: 480px) { .post-category-project .post-title { font-size:1.125em } } .l-category-project .l-article .l-sidebar { min-width: 285px } .l-category-project #l-banners .swiper-container { background: none!important } .l-category-project #l-banners .l-article-banner-mask { display: none!important } .l-category-project #l-banners .container { display: flex; justify-content: center; align-items: center; height: 100% } .l-category-project #l-banners .container .logo-head-container { width: 320px } @media screen and (max-width: 480px) { .l-category-project #l-banners .container .logo-head-container { width:260px } } .l-category-project .l-article-banner-inner { height: 100%; overflow: hidden } .l-category-project .l-article-banner-inner .l-article-banner-image { padding-bottom: 0; height: 100% } .l-category-project .l-article-banner-inner .l-article-banner-image .logo-head-banner { width: 20%; margin: 0 auto } .l-category-project .l-article-banner-inner .l-article-banner-image .container { height: 100% } .l-category-project .l-article { margin-top: 1em; text-align: left; max-width: unset } .l-category-project .project-article .article-img { margin: 1em auto; max-width: 100%; display: block; text-align: center; float: left; padding-right: 30px } .l-category-project .project-article .article-img img { max-width: 100%; height: auto } .l-category-project .project-article .article-img img.square { display: none } .l-category-project .project-article .article-img img.wide { display: block } .l-category-project .project-article .content { background: #fff; padding: 20px; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 30px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } .l-category-project .project-article .content:before,.l-category-project .project-article .content:after { content: ""; display: table } .l-category-project .project-article .content:after { clear: both } .l-category-project .project-article .content img { max-width: 100%; height: auto } .l-category-project .project-article .content p { font-size: 1em } @media screen and (max-width: 768px) { .l-category-project .project-article .content iframe { width:100%!important; height: auto!important } } @media screen and (max-width: 480px) { .l-category-project .project-article .content { padding:10px } } @media screen and (max-width: 992px) { .l-category-project .project-sidebar { margin-top:20px } } @media screen and (max-width: 480px) { .l-category-project .project-sidebar { padding:0 5px } } .l-category-project .project-sidebar .pl_relative_zone_module { margin-bottom: 20px; text-align: center; background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .l-category-project .project-sidebar .pl_relative_zone_module .btn-more { margin-top: 10px; margin-bottom: 10px } html.no-touch .l-category-project .project-sidebar .pl_relative_zone_module:hover { transform: scale(1.009) translate3d(0,0,0); box-shadow: 0 10px 20px rgba(0,0,0,.05) , 0 6px 6px rgba(0,0,0,.11) } @media screen and (max-width: 640px) { .l-category-project .logo-head-container { display:none } } #project-page__video-container { width: 100%; height: 0; padding-bottom: 56.25% } #project-page__video-container iframe { width: 100% } @media screen and (max-width: 480px) { #project-page__video-container iframe { height:auto } } #head-article__video-container { display: none; width: 100%; padding: 5px; height: 100%; position: relative; z-index: 5 } #head-article__video-container iframe { width: 100%; height: 100% } .project-page .project-page--resume { display: flex; flex-direction: column; padding: 52px 0 32px 0 } .project-page .project-page--resume .project-page__image { flex: 1 0 40% } @media screen and (max-width: 768px) { .project-page .project-page--resume .project-page__image { flex:1 0 100% } } .project-page .project-page--resume .project-page__image img { width: 100%; border-radius: 20px } .project-page .fixed-support-btn { position: fixed; top: auto; bottom: 0; left: 0; background: #fff; padding: 10px 15px; z-index: 999; width: 100%; transform: translateY(1000px); -webkit-transform: translateY(1000px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-box-shadow: 0 -1px 5px 0 rgba(10,10,10,.2); box-shadow: 0 -1px 5px 0 rgba(10,10,10,.2) } .project-page .fixed-support-btn.is-fixed { transform: translateY(0); -webkit-transform: translateY(0) } .project-page .article-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center } .project-page .article-actions h4 { width: 100% } .project-page .content-page--subtitle { font-size: 2.375em; font-weight: bold; margin: 4px; text-align: center } .project-page .project-page__text-container img { max-width: 100%; height: auto } .project-page .project-page__subtitle { text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 30px 0 0; font-size: 22px } .project-page .article-title { font-size: 2.5rem; margin: 30px auto } @media screen and (max-width: 480px) { .project-page .article-title { margin:0 0 10px; font-size: 1.75rem } } .project-page .project-tabs { background: #fff; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5 } .project-page .project-tabs .tabs { margin: 0; white-space: nowrap } @media screen and (max-width: 480px) { .project-page .project-tabs .tabs { overflow-x:scroll } } .project-page .project-tabs .tab-link { padding: 20px 12px; line-height: 20px; height: auto; border: 0; font-size: 1.125rem } .project-page .project-tabs .tab-link.current { background: none; border-bottom: 2px solid #3a80c6 } @media screen and (max-width: 480px) { .project-page .project-tabs .tab-link { font-size:.875rem; width: 40% } } .project-page .project-rewards--container { text-align: left; background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 30px; padding: 14px } .project-page .project-rewards--container .sidebar-title { text-align: left; display: block; font-weight: bold; font-size: 1.125em; padding-top: 14px; color: #272727; margin-bottom: 14px; text-transform: initial; letter-spacing: 0 } .project-page .project-rewards--container .sidebar-title:after { display: none } .project-page .project-rewards--container .sidebar-title:before { content: ''; background: #00b2ff; height: 4px; width: 20px; display: inline-block; vertical-align: middle; margin-right: 10px } .project-page .project-rewards--container .project-rewards--container { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px } .project-page .project-rewards--container .project-rewards--container .project-rewards--item { flex: 1 0 45% } .project-page .project-rewards--container .project-rewards--container .project-rewards--item.expand { flex: 1 0 100% } .project-page .project-rewards--container .project-rewards--amount { background: #3a80c6; color: #fff; font-weight: bold; font-size: 1.125rem; text-align: left; margin-bottom: 10px; padding: 3px 6px; font-family: "Montserrat",sans-serif; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 2px solid #fff } .project-page .project-rewards--container .project-reward--reward { font-size: 1rem; margin: 10px 0; display: block } .project-page .project-rewards--container .reward-group-title { font-size: 1.125rem; margin-bottom: 5px; display: block } .project-page .project-rewards--container .project-reward-action .btn-base { margin-bottom: 10px } html.no-touch .project-page .project-rewards--container:hover { -webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03); box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03) } html.no-touch .project-page .project-rewards--container:hover .project-rewards--amount { color: #00adfa; background: #fff; border-color: #00adfa } .gauge-progress-circle { margin: 0 auto 10px 0; width: 80px; height: 80px; background-color: #d9d9d9; border-radius: 50% } @media screen and (max-width: 480px) { .gauge-progress-circle { width:60px; height: 60px; float: left; margin: 0; margin-right: 15px } } .gauge-progress-circle .gauge-progress-circle__fill,.gauge-progress-circle .gauge-progress-circle__slice { width: 80px; height: 80px; position: absolute; -webkit-backface-visibility: hidden; transition: transform 1s; border-radius: 50% } @media screen and (max-width: 480px) { .gauge-progress-circle .gauge-progress-circle__fill,.gauge-progress-circle .gauge-progress-circle__slice { width:60px; height: 60px } } .gauge-progress-circle .gauge-progress-circle__slice { clip: rect(0,80px,80px,40px) } @media screen and (max-width: 480px) { .gauge-progress-circle .gauge-progress-circle__slice { clip:rect(0,60px,60px,30px) } } .gauge-progress-circle .gauge-progress-circle__slice .gauge-progress-circle__fill { clip: rect(0,40px,80px,0); background-color: #3a80c6 } @media screen and (max-width: 480px) { .gauge-progress-circle .gauge-progress-circle__slice .gauge-progress-circle__fill { clip:rect(0,30px,60px,0) } } .gauge-progress-circle .gauge-progress-circle__overlay { width: 70px; height: 70px; position: absolute; margin-left: 5px; margin-top: 5px; background-color: #fbfbfb; border-radius: 50% } @media screen and (max-width: 480px) { .gauge-progress-circle .gauge-progress-circle__overlay { width:50px; height: 50px; position: absolute; margin-left: 5px; margin-top: 5px } } .gauge-progress-circle .progress-value { display: flex; border-radius: 50%; font-size: 20px; text-align: center; line-height: 16px; align-items: center; justify-content: center; height: 100%; font-weight: 300 } @media screen and (max-width: 480px) { .gauge-progress-circle .progress-value { font-size:16px } } .gauge-progress-circle[data-progress="0"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="0"] .gauge-progress-circle__slice.full { transform: rotate(0deg) } .gauge-progress-circle[data-progress="0"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(0deg) } .gauge-progress-circle[data-progress="1"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="1"] .gauge-progress-circle__slice.full { transform: rotate(1.8deg) } .gauge-progress-circle[data-progress="1"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(3.6deg) } .gauge-progress-circle[data-progress="2"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="2"] .gauge-progress-circle__slice.full { transform: rotate(3.6deg) } .gauge-progress-circle[data-progress="2"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(7.2deg) } .gauge-progress-circle[data-progress="3"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="3"] .gauge-progress-circle__slice.full { transform: rotate(5.4deg) } .gauge-progress-circle[data-progress="3"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(10.8deg) } .gauge-progress-circle[data-progress="4"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="4"] .gauge-progress-circle__slice.full { transform: rotate(7.2deg) } .gauge-progress-circle[data-progress="4"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(14.4deg) } .gauge-progress-circle[data-progress="5"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="5"] .gauge-progress-circle__slice.full { transform: rotate(9deg) } .gauge-progress-circle[data-progress="5"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(18deg) } .gauge-progress-circle[data-progress="6"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="6"] .gauge-progress-circle__slice.full { transform: rotate(10.8deg) } .gauge-progress-circle[data-progress="6"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(21.6deg) } .gauge-progress-circle[data-progress="7"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="7"] .gauge-progress-circle__slice.full { transform: rotate(12.6deg) } .gauge-progress-circle[data-progress="7"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(25.2deg) } .gauge-progress-circle[data-progress="8"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="8"] .gauge-progress-circle__slice.full { transform: rotate(14.4deg) } .gauge-progress-circle[data-progress="8"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(28.8deg) } .gauge-progress-circle[data-progress="9"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="9"] .gauge-progress-circle__slice.full { transform: rotate(16.2deg) } .gauge-progress-circle[data-progress="9"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(32.4deg) } .gauge-progress-circle[data-progress="10"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="10"] .gauge-progress-circle__slice.full { transform: rotate(18deg) } .gauge-progress-circle[data-progress="10"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(36deg) } .gauge-progress-circle[data-progress="11"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="11"] .gauge-progress-circle__slice.full { transform: rotate(19.8deg) } .gauge-progress-circle[data-progress="11"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(39.6deg) } .gauge-progress-circle[data-progress="12"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="12"] .gauge-progress-circle__slice.full { transform: rotate(21.6deg) } .gauge-progress-circle[data-progress="12"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(43.2deg) } .gauge-progress-circle[data-progress="13"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="13"] .gauge-progress-circle__slice.full { transform: rotate(23.4deg) } .gauge-progress-circle[data-progress="13"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(46.8deg) } .gauge-progress-circle[data-progress="14"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="14"] .gauge-progress-circle__slice.full { transform: rotate(25.2deg) } .gauge-progress-circle[data-progress="14"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(50.4deg) } .gauge-progress-circle[data-progress="15"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="15"] .gauge-progress-circle__slice.full { transform: rotate(27deg) } .gauge-progress-circle[data-progress="15"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(54deg) } .gauge-progress-circle[data-progress="16"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="16"] .gauge-progress-circle__slice.full { transform: rotate(28.8deg) } .gauge-progress-circle[data-progress="16"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(57.6deg) } .gauge-progress-circle[data-progress="17"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="17"] .gauge-progress-circle__slice.full { transform: rotate(30.6deg) } .gauge-progress-circle[data-progress="17"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(61.2deg) } .gauge-progress-circle[data-progress="18"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="18"] .gauge-progress-circle__slice.full { transform: rotate(32.4deg) } .gauge-progress-circle[data-progress="18"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(64.8deg) } .gauge-progress-circle[data-progress="19"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="19"] .gauge-progress-circle__slice.full { transform: rotate(34.2deg) } .gauge-progress-circle[data-progress="19"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(68.4deg) } .gauge-progress-circle[data-progress="20"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="20"] .gauge-progress-circle__slice.full { transform: rotate(36deg) } .gauge-progress-circle[data-progress="20"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(72deg) } .gauge-progress-circle[data-progress="21"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="21"] .gauge-progress-circle__slice.full { transform: rotate(37.8deg) } .gauge-progress-circle[data-progress="21"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(75.6deg) } .gauge-progress-circle[data-progress="22"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="22"] .gauge-progress-circle__slice.full { transform: rotate(39.6deg) } .gauge-progress-circle[data-progress="22"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(79.2deg) } .gauge-progress-circle[data-progress="23"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="23"] .gauge-progress-circle__slice.full { transform: rotate(41.4deg) } .gauge-progress-circle[data-progress="23"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(82.8deg) } .gauge-progress-circle[data-progress="24"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="24"] .gauge-progress-circle__slice.full { transform: rotate(43.2deg) } .gauge-progress-circle[data-progress="24"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(86.4deg) } .gauge-progress-circle[data-progress="25"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="25"] .gauge-progress-circle__slice.full { transform: rotate(45deg) } .gauge-progress-circle[data-progress="25"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(90deg) } .gauge-progress-circle[data-progress="26"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="26"] .gauge-progress-circle__slice.full { transform: rotate(46.8deg) } .gauge-progress-circle[data-progress="26"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(93.6deg) } .gauge-progress-circle[data-progress="27"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="27"] .gauge-progress-circle__slice.full { transform: rotate(48.6deg) } .gauge-progress-circle[data-progress="27"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(97.2deg) } .gauge-progress-circle[data-progress="28"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="28"] .gauge-progress-circle__slice.full { transform: rotate(50.4deg) } .gauge-progress-circle[data-progress="28"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(100.8deg) } .gauge-progress-circle[data-progress="29"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="29"] .gauge-progress-circle__slice.full { transform: rotate(52.2deg) } .gauge-progress-circle[data-progress="29"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(104.4deg) } .gauge-progress-circle[data-progress="30"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="30"] .gauge-progress-circle__slice.full { transform: rotate(54deg) } .gauge-progress-circle[data-progress="30"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(108deg) } .gauge-progress-circle[data-progress="31"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="31"] .gauge-progress-circle__slice.full { transform: rotate(55.8deg) } .gauge-progress-circle[data-progress="31"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(111.6deg) } .gauge-progress-circle[data-progress="32"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="32"] .gauge-progress-circle__slice.full { transform: rotate(57.6deg) } .gauge-progress-circle[data-progress="32"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(115.2deg) } .gauge-progress-circle[data-progress="33"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="33"] .gauge-progress-circle__slice.full { transform: rotate(59.4deg) } .gauge-progress-circle[data-progress="33"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(118.8deg) } .gauge-progress-circle[data-progress="34"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="34"] .gauge-progress-circle__slice.full { transform: rotate(61.2deg) } .gauge-progress-circle[data-progress="34"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(122.4deg) } .gauge-progress-circle[data-progress="35"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="35"] .gauge-progress-circle__slice.full { transform: rotate(63deg) } .gauge-progress-circle[data-progress="35"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(126deg) } .gauge-progress-circle[data-progress="36"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="36"] .gauge-progress-circle__slice.full { transform: rotate(64.8deg) } .gauge-progress-circle[data-progress="36"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(129.6deg) } .gauge-progress-circle[data-progress="37"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="37"] .gauge-progress-circle__slice.full { transform: rotate(66.6deg) } .gauge-progress-circle[data-progress="37"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(133.2deg) } .gauge-progress-circle[data-progress="38"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="38"] .gauge-progress-circle__slice.full { transform: rotate(68.4deg) } .gauge-progress-circle[data-progress="38"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(136.8deg) } .gauge-progress-circle[data-progress="39"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="39"] .gauge-progress-circle__slice.full { transform: rotate(70.2deg) } .gauge-progress-circle[data-progress="39"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(140.4deg) } .gauge-progress-circle[data-progress="40"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="40"] .gauge-progress-circle__slice.full { transform: rotate(72deg) } .gauge-progress-circle[data-progress="40"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(144deg) } .gauge-progress-circle[data-progress="41"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="41"] .gauge-progress-circle__slice.full { transform: rotate(73.8deg) } .gauge-progress-circle[data-progress="41"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(147.6deg) } .gauge-progress-circle[data-progress="42"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="42"] .gauge-progress-circle__slice.full { transform: rotate(75.6deg) } .gauge-progress-circle[data-progress="42"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(151.2deg) } .gauge-progress-circle[data-progress="43"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="43"] .gauge-progress-circle__slice.full { transform: rotate(77.4deg) } .gauge-progress-circle[data-progress="43"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(154.8deg) } .gauge-progress-circle[data-progress="44"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="44"] .gauge-progress-circle__slice.full { transform: rotate(79.2deg) } .gauge-progress-circle[data-progress="44"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(158.4deg) } .gauge-progress-circle[data-progress="45"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="45"] .gauge-progress-circle__slice.full { transform: rotate(81deg) } .gauge-progress-circle[data-progress="45"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(162deg) } .gauge-progress-circle[data-progress="46"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="46"] .gauge-progress-circle__slice.full { transform: rotate(82.8deg) } .gauge-progress-circle[data-progress="46"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(165.6deg) } .gauge-progress-circle[data-progress="47"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="47"] .gauge-progress-circle__slice.full { transform: rotate(84.6deg) } .gauge-progress-circle[data-progress="47"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(169.2deg) } .gauge-progress-circle[data-progress="48"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="48"] .gauge-progress-circle__slice.full { transform: rotate(86.4deg) } .gauge-progress-circle[data-progress="48"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(172.8deg) } .gauge-progress-circle[data-progress="49"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="49"] .gauge-progress-circle__slice.full { transform: rotate(88.2deg) } .gauge-progress-circle[data-progress="49"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(176.4deg) } .gauge-progress-circle[data-progress="50"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="50"] .gauge-progress-circle__slice.full { transform: rotate(90deg) } .gauge-progress-circle[data-progress="50"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(180deg) } .gauge-progress-circle[data-progress="51"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="51"] .gauge-progress-circle__slice.full { transform: rotate(91.8deg) } .gauge-progress-circle[data-progress="51"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(183.6deg) } .gauge-progress-circle[data-progress="52"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="52"] .gauge-progress-circle__slice.full { transform: rotate(93.6deg) } .gauge-progress-circle[data-progress="52"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(187.2deg) } .gauge-progress-circle[data-progress="53"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="53"] .gauge-progress-circle__slice.full { transform: rotate(95.4deg) } .gauge-progress-circle[data-progress="53"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(190.8deg) } .gauge-progress-circle[data-progress="54"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="54"] .gauge-progress-circle__slice.full { transform: rotate(97.2deg) } .gauge-progress-circle[data-progress="54"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(194.4deg) } .gauge-progress-circle[data-progress="55"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="55"] .gauge-progress-circle__slice.full { transform: rotate(99deg) } .gauge-progress-circle[data-progress="55"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(198deg) } .gauge-progress-circle[data-progress="56"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="56"] .gauge-progress-circle__slice.full { transform: rotate(100.8deg) } .gauge-progress-circle[data-progress="56"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(201.6deg) } .gauge-progress-circle[data-progress="57"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="57"] .gauge-progress-circle__slice.full { transform: rotate(102.6deg) } .gauge-progress-circle[data-progress="57"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(205.2deg) } .gauge-progress-circle[data-progress="58"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="58"] .gauge-progress-circle__slice.full { transform: rotate(104.4deg) } .gauge-progress-circle[data-progress="58"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(208.8deg) } .gauge-progress-circle[data-progress="59"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="59"] .gauge-progress-circle__slice.full { transform: rotate(106.2deg) } .gauge-progress-circle[data-progress="59"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(212.4deg) } .gauge-progress-circle[data-progress="60"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="60"] .gauge-progress-circle__slice.full { transform: rotate(108deg) } .gauge-progress-circle[data-progress="60"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(216deg) } .gauge-progress-circle[data-progress="61"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="61"] .gauge-progress-circle__slice.full { transform: rotate(109.8deg) } .gauge-progress-circle[data-progress="61"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(219.6deg) } .gauge-progress-circle[data-progress="62"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="62"] .gauge-progress-circle__slice.full { transform: rotate(111.6deg) } .gauge-progress-circle[data-progress="62"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(223.2deg) } .gauge-progress-circle[data-progress="63"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="63"] .gauge-progress-circle__slice.full { transform: rotate(113.4deg) } .gauge-progress-circle[data-progress="63"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(226.8deg) } .gauge-progress-circle[data-progress="64"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="64"] .gauge-progress-circle__slice.full { transform: rotate(115.2deg) } .gauge-progress-circle[data-progress="64"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(230.4deg) } .gauge-progress-circle[data-progress="65"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="65"] .gauge-progress-circle__slice.full { transform: rotate(117deg) } .gauge-progress-circle[data-progress="65"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(234deg) } .gauge-progress-circle[data-progress="66"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="66"] .gauge-progress-circle__slice.full { transform: rotate(118.8deg) } .gauge-progress-circle[data-progress="66"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(237.6deg) } .gauge-progress-circle[data-progress="67"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="67"] .gauge-progress-circle__slice.full { transform: rotate(120.6deg) } .gauge-progress-circle[data-progress="67"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(241.2deg) } .gauge-progress-circle[data-progress="68"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="68"] .gauge-progress-circle__slice.full { transform: rotate(122.4deg) } .gauge-progress-circle[data-progress="68"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(244.8deg) } .gauge-progress-circle[data-progress="69"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="69"] .gauge-progress-circle__slice.full { transform: rotate(124.2deg) } .gauge-progress-circle[data-progress="69"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(248.4deg) } .gauge-progress-circle[data-progress="70"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="70"] .gauge-progress-circle__slice.full { transform: rotate(126deg) } .gauge-progress-circle[data-progress="70"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(252deg) } .gauge-progress-circle[data-progress="71"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="71"] .gauge-progress-circle__slice.full { transform: rotate(127.8deg) } .gauge-progress-circle[data-progress="71"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(255.6deg) } .gauge-progress-circle[data-progress="72"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="72"] .gauge-progress-circle__slice.full { transform: rotate(129.6deg) } .gauge-progress-circle[data-progress="72"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(259.2deg) } .gauge-progress-circle[data-progress="73"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="73"] .gauge-progress-circle__slice.full { transform: rotate(131.4deg) } .gauge-progress-circle[data-progress="73"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(262.8deg) } .gauge-progress-circle[data-progress="74"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="74"] .gauge-progress-circle__slice.full { transform: rotate(133.2deg) } .gauge-progress-circle[data-progress="74"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(266.4deg) } .gauge-progress-circle[data-progress="75"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="75"] .gauge-progress-circle__slice.full { transform: rotate(135deg) } .gauge-progress-circle[data-progress="75"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(270deg) } .gauge-progress-circle[data-progress="76"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="76"] .gauge-progress-circle__slice.full { transform: rotate(136.8deg) } .gauge-progress-circle[data-progress="76"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(273.6deg) } .gauge-progress-circle[data-progress="77"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="77"] .gauge-progress-circle__slice.full { transform: rotate(138.6deg) } .gauge-progress-circle[data-progress="77"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(277.2deg) } .gauge-progress-circle[data-progress="78"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="78"] .gauge-progress-circle__slice.full { transform: rotate(140.4deg) } .gauge-progress-circle[data-progress="78"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(280.8deg) } .gauge-progress-circle[data-progress="79"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="79"] .gauge-progress-circle__slice.full { transform: rotate(142.2deg) } .gauge-progress-circle[data-progress="79"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(284.4deg) } .gauge-progress-circle[data-progress="80"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="80"] .gauge-progress-circle__slice.full { transform: rotate(144deg) } .gauge-progress-circle[data-progress="80"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(288deg) } .gauge-progress-circle[data-progress="81"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="81"] .gauge-progress-circle__slice.full { transform: rotate(145.8deg) } .gauge-progress-circle[data-progress="81"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(291.6deg) } .gauge-progress-circle[data-progress="82"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="82"] .gauge-progress-circle__slice.full { transform: rotate(147.6deg) } .gauge-progress-circle[data-progress="82"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(295.2deg) } .gauge-progress-circle[data-progress="83"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="83"] .gauge-progress-circle__slice.full { transform: rotate(149.4deg) } .gauge-progress-circle[data-progress="83"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(298.8deg) } .gauge-progress-circle[data-progress="84"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="84"] .gauge-progress-circle__slice.full { transform: rotate(151.2deg) } .gauge-progress-circle[data-progress="84"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(302.4deg) } .gauge-progress-circle[data-progress="85"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="85"] .gauge-progress-circle__slice.full { transform: rotate(153deg) } .gauge-progress-circle[data-progress="85"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(306deg) } .gauge-progress-circle[data-progress="86"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="86"] .gauge-progress-circle__slice.full { transform: rotate(154.8deg) } .gauge-progress-circle[data-progress="86"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(309.6deg) } .gauge-progress-circle[data-progress="87"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="87"] .gauge-progress-circle__slice.full { transform: rotate(156.6deg) } .gauge-progress-circle[data-progress="87"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(313.2deg) } .gauge-progress-circle[data-progress="88"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="88"] .gauge-progress-circle__slice.full { transform: rotate(158.4deg) } .gauge-progress-circle[data-progress="88"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(316.8deg) } .gauge-progress-circle[data-progress="89"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="89"] .gauge-progress-circle__slice.full { transform: rotate(160.2deg) } .gauge-progress-circle[data-progress="89"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(320.4deg) } .gauge-progress-circle[data-progress="90"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="90"] .gauge-progress-circle__slice.full { transform: rotate(162deg) } .gauge-progress-circle[data-progress="90"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(324deg) } .gauge-progress-circle[data-progress="91"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="91"] .gauge-progress-circle__slice.full { transform: rotate(163.8deg) } .gauge-progress-circle[data-progress="91"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(327.6deg) } .gauge-progress-circle[data-progress="92"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="92"] .gauge-progress-circle__slice.full { transform: rotate(165.6deg) } .gauge-progress-circle[data-progress="92"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(331.2deg) } .gauge-progress-circle[data-progress="93"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="93"] .gauge-progress-circle__slice.full { transform: rotate(167.4deg) } .gauge-progress-circle[data-progress="93"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(334.8deg) } .gauge-progress-circle[data-progress="94"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="94"] .gauge-progress-circle__slice.full { transform: rotate(169.2deg) } .gauge-progress-circle[data-progress="94"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(338.4deg) } .gauge-progress-circle[data-progress="95"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="95"] .gauge-progress-circle__slice.full { transform: rotate(171deg) } .gauge-progress-circle[data-progress="95"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(342deg) } .gauge-progress-circle[data-progress="96"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="96"] .gauge-progress-circle__slice.full { transform: rotate(172.8deg) } .gauge-progress-circle[data-progress="96"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(345.6deg) } .gauge-progress-circle[data-progress="97"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="97"] .gauge-progress-circle__slice.full { transform: rotate(174.6deg) } .gauge-progress-circle[data-progress="97"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(349.2deg) } .gauge-progress-circle[data-progress="98"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="98"] .gauge-progress-circle__slice.full { transform: rotate(176.4deg) } .gauge-progress-circle[data-progress="98"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(352.8deg) } .gauge-progress-circle[data-progress="99"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="99"] .gauge-progress-circle__slice.full { transform: rotate(178.2deg) } .gauge-progress-circle[data-progress="99"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(356.4deg) } .gauge-progress-circle[data-progress="100"] .gauge-progress-circle__fill,.gauge-progress-circle[data-progress="100"] .gauge-progress-circle__slice.full { transform: rotate(180deg) } .gauge-progress-circle[data-progress="100"] .gauge-progress-circle__fill.gauge-progress-circle__bar { transform: rotate(360deg) } .progress-bar { height: 8px; position: relative; background: #dce0e3; overflow-x: hidden } .progress-bar .progress-bar--bar { display: block; height: 100%; background-color: #3a80c6; position: relative; overflow: hidden; animation-name: progress-animation; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 2.4s } .progress-bar .progress-bar--bar:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; width: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .progress-bar--percent { line-height: 12px; font-size: 10px; height: 4px; color: #222; text-align: right; display: block } @keyframes progress-animation { 0% { transform: translateX(-100%) } 100% { transform: translateX(0) } } @-webkit-keyframes progress-animation { 0% { -webkit-transform: translateX(-100%) } 100% { -webkit-transform: translateX(0) } } .project__progress { padding: 10px } .project__progress .project-data { margin-top: 10px } @media screen and (max-width: 480px) { .project__progress .project-data { margin:0 } } .project__progress .project-data .project-data--reached { font-size: 1.75rem; font-weight: 700; color: #3a80c6 } .project__progress .project-data .project-data--givers { font-size: 1.75rem; font-weight: 700 } .project__progress .project-data .project-data--givers span { margin-top: 3px } .project__progress .project-data small { font-size: .875rem; margin: 2px 0 0!important; display: block; font-weight: 300; color: #222 } .project__progress .project-data i { color: #fdb95f } .project__progress .btn-base { letter-spacing: 3px } .project__progress .project-info--mobile { margin-top: 20px; margin-bottom: 20px; text-align: left } .project__progress .project-info--mobile .countdown--hours,.project__progress .project-info--mobile .countdown--minutes,.project__progress .project-info--mobile .countdown--seconds { display: none } .project__progress .project-info--mobile .count { font-size: 18px; line-height: 24px; margin-bottom: 6px; display: inline-block } .project__progress .project-info--mobile .countdown { line-height: 18px } .project__progress .project-info--mobile .countdown--days { display: block } .project__progress .project-info--mobile small { display: block } .project__progress .project-countdown { margin-top: 10px; margin-bottom: 15px } @media screen and (max-width: 480px) { .project__progress .project-countdown { background:#ededed; padding: 6px; text-align: center } } .project__progress .project-countdown .countdown-number,.project__progress .project-countdown .countdown-text { display: block; margin-right: 5px; font-size: .875rem } .project__progress .project-countdown .countdown { display: inline-block } .project__progress .project-countdown .countdown--hours,.project__progress .project-countdown .countdown--minutes,.project__progress .project-countdown .countdown--seconds { display: none } .project__progress .project-countdown small { font-size: .875rem; margin: 2px 0 0!important; display: block; font-weight: 300; color: #222 } .project__progress .project-countdown .countdown>.countdown--days .countdown-number { display: inline-block; text-align: left; width: auto; font-size: 1.75rem; font-weight: 700 } #banner-campaign.banner-radiogospel { background: #333!important } .gift-campaign--radiogospel .banner-radiogospel--image { position: relative } .gift-campaign--radiogospel .banner-radiogospel--image i { color: #fff; position: absolute; top: 50%; left: 50%; z-index: 4; font-size: 32px; transform: translate(-50%,-50%); opacity: .5; transition: opacity .2s ease-in-out } html.no-touch .gift-campaign--radiogospel .banner-radiogospel--image:hover { cursor: pointer } html.no-touch .gift-campaign--radiogospel .banner-radiogospel--image:hover i { opacity: 1 } .gift-campaign--radiogospel .banner-radiogospel--module-title { display: block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; font-weight: bold; font-family: "Montserrat",sans-serif; font-size: 15px } .gift-campaign--radiogospel img { width: 80px; height: auto; border-radius: 8px } .gift-campaign--radiogospel .banner-radiogospel--infos { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; display: block; font-size: 14px; margin-left: 14px } .gift-campaign--radiogospel #banner-radiogospel-artist:after { content: ' - ' } .container__tracking-mode { display: flex; flex-wrap: nowrap; gap: 40px; align-items: center; justify-content: center; margin: 32px auto; padding: 0 32px } @media screen and (max-width: 480px) { .container__tracking-mode { padding:0; gap: 14px } } .container__tracking-mode .tracking-mode--element { border: 1px solid #ccc; padding: 20px; border-radius: 16px; text-align: center; max-width: 200px; transform: translateY(0); background-color: #fff; transition: all .3s ease-in-out } @media screen and (max-width: 480px) { .container__tracking-mode .tracking-mode--element { max-width:unset; height: 100% } } .container__tracking-mode .tracking-mode--element .tracking-mode--image { max-width: 80px; margin: 0 auto 24px auto } .container__tracking-mode .tracking-mode--element .tracking-mode--image svg { width: 100%; height: auto } .container__tracking-mode .tracking-mode--element h5 { color: #272727 } .container__tracking-mode .tracking-mode--element p { font-size: 1em!important; line-height: 1.3; color: #272727 } .container__tracking-mode .tracking-mode--element.is-focus { border-color: #428efe; transform: translateY(-4px); background-color: rgba(66,142,254,.1) } .readingplan-time-status { border: 1px solid #428efe; max-width: 600px; margin: 24px auto; border-radius: 20px; width: 100%; background-color: rgba(66,142,254,.05); display: flex; align-items: center; text-align: left } .readingplan-time-status .time-status--icon { width: 80px; color: #428efe; text-align: center; padding: 14px } .readingplan-time-status .time-status--icon svg { width: 100%; height: auto } .readingplan-time-status .time-status--content { flex-grow: 1; padding: 14px } #schedule--datepicker { position: absolute; z-index: 10 } @media screen and (max-width: 992px) { body.l-section-search { margin-top:52px } } .l-body.l-search .breadcrumb-container { display: none } #search-indicator { display: none; height: 16px; position: absolute; right: 1.5em; top: .9em; width: 16px } .search-open { float: right; margin-right: .30769em; margin-top: .21429em; font-size: .92857em } #search-corrections { padding: 1em; margin-bottom: 30px } #search-corrections a { text-decoration: underline } #searchmode-form { padding: 10px 10px 15px 10px; text-align: center } html.app #searchmode-form a.search-change-mode-all { display: none } #search-results em { background-color: #ff8 } #search-advanced .search-container h2.posts-count { font-size: 1.25em; font-weight: bold; text-align: left; margin: 0; color: #3a80c6; margin: 24px 0 } #search-advanced .form-checkbox input { margin-right: .5em; width: 20px; height: 20px; position: relative; top: 4px } #search-cols { position: relative; font-size: .8em; margin: 0 auto; padding-bottom: 36px } .search-col { position: relative; width: 100%; display: inline-block; vertical-align: top; margin-bottom: 30px } .search-col .form-checkbox { display: block; margin-bottom: 10px; font-size: 1.125em; line-height: 1.2; font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif!important; white-space: pre } .search-col .form-checkbox span { display: inline-block } .search-col ul { padding-left: 0 } .search-col ul li { list-style: none } .search-col input[type="radio"] { display: inline-block; text-align: center; line-height: 1.2; vertical-align: middle; top: 0!important } .search-col input[type="radio"]:before { display: inline-block; line-height: 1 } .search-col-books .search-checkboxes :first-child { margin-top: 0 } .form-checkbox-books-ot,.form-checkbox-books-nt { font-weight: bold; margin-top: 1em } .form-checkbox-books-ot.form-checkbox,.form-checkbox-books-nt.form-checkbox { color: #000 } .form-checkbox-books-44,.form-checkbox-books-66,.form-checkbox-books-pt,.form-checkbox-books-ht,.form-checkbox-books-pw,.form-checkbox-books-pr,.form-checkbox-books-go,.form-checkbox-books-pa,.form-checkbox-books-ep { font-weight: bold; margin-top: 1em } #search-cols-title { display: none; cursor: pointer; padding: 4px; color: #2676c0; text-align: center; max-width: 91.625em; margin: 0 1em 1em; vertical-align: super } .search-prefilter { display: inline-block; padding: 0 .5em .3125em; vertical-align: top } .search-prefilter i::after { vertical-align: top } .search-checkboxes { text-align: left; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 1em } .search-checkboxes .form-checkbox span { font-weight: 500 } .search-type { text-transform: uppercase; display: block; font-weight: 700; font-family: "Montserrat",sans-serif; font-size: 1em; margin-bottom: 14px; color: #2e5266; text-align: left; position: relative; letter-spacing: 1px } .search-letter-filters { padding: 1em; max-width: 28em; text-align: center; margin: 0 auto } .search-letter-filter { display: inline-block; padding: .3em 0; width: 2em; margin: 1px; color: #fff; text-transform: uppercase } .l-category-strong .search-letter-filter { background-color: #26638f } .l-category-dictionary .search-letter-filter { background-color: #3382ba } .search-letter-filter.is-active { background-color: #fff; color: #000 } .search-select { display: inline-block; background-color: #f2f2f2; background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topmessages.fa68f47c833b.png); background-position: 100% center; background-repeat: no-repeat; overflow-x: hidden; vertical-align: middle; font-size: 16px } .l-section-user .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-user.afa52c6aefc2.png) } .l-section-author .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-author.809ecbf6dcc3.png) } .l-section-topcartes .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topcartes.f984a37aac78.png) } .l-section-passlemot .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-passlemot.95960cf0aba3.png) } .l-section-bible .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topbible.89a6641b8c7c.png) } .l-section-topformations .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topformations.e547083529c8.png) } .l-section-topkids .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topkids.116ed00b730d.png) } .l-section-topmessages .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topmessages.fa68f47c833b.png) } .l-section-pdj .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-pdj.fa68f47c833b.png) } .l-section-topmusic .search-select,.l-section-musique .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topmusic.1e149a665c82.png) } .l-section-ecard .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-topcartes.f984a37aac78.png) } .l-section-toplive .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-toplive.92a234691169.png) } .l-section-miracle .search-select { background-image: url(https://fructifietestalents.org/maj/img/select-form/normale/select-form-miracle.92a234691169.png) } .search-select select { cursor: pointer; background: transparent; color: #444; margin-right: -30px; padding: 14px 28px; border: 0; -webkit-appearance: none; max-width: initial } .search-open-more { color: #5ea5ee; display: block; margin-top: 1em!important; font-weight: 500 } .btn-search-by-interests { margin-top: 0!important } .search-col-books .search-more { display: block } .search-col-books .search-open-more { display: none } .search-more { display: none } #search-results .ui-autocomplete { box-shadow: 0 2px 12px rgba(0,0,0,.14); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #fff; text-align: left; padding: 0 14px; z-index: 99; left: 6px!important } @media screen and (max-width: 768px) { #search-results .ui-autocomplete { display:block; left: 0!important; top: auto; position: relative; box-shadow: none; border-top: 1px solid rgba(0,0,0,.08) } } #search-results .ui-autocomplete li { list-style: none; padding: 10px 5px 10px 6px; border-bottom: 1px solid #f1f1f1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #search-results .ui-autocomplete li:before { background-color: transparent; border-bottom: 6px solid #272727; content: ''; display: inline-block; height: 8px; right: 0; position: absolute; top: 12px; -webkit-transition: .4s ease; transition: .4s ease; width: 2px; transform: rotate(45deg); border-radius: 5px; box-sizing: content-box } #search-results .ui-autocomplete li:after { background-color: transparent; border-bottom: 6px solid #272727; content: ''; display: inline-block; height: 8px; right: 0; position: absolute; top: 14px; -webkit-transition: .4s ease; transition: .4s ease; width: 2px; transform: rotate(130deg); border-radius: 5px; box-sizing: content-box } #search-results .ui-autocomplete li:last-child { border-bottom: none } #search-results .ui-autocomplete li.ui-state-focus { background-color: #d8e6f4; margin: 0 } #search-results .ui-autocomplete li .ui-autocomplete-img { width: 44px; height: 25px; vertical-align: middle; margin-right: 5px; border-radius: 4px } #search-results .ui-autocomplete li.autocomplete-item-tag span:before { content: 'T'; text-align: center; width: 25px; height: 25px; background: #91e4ff; border-radius: 50%; font-family: "Montserrat",sans-serif; display: inline-block; margin-right: 6px; color: #006687; font-weight: 900; font-size: 12px; line-height: 25px; vertical-align: top } #search-results .ui-autocomplete li.autocomplete-item-tag img { position: relative; top: -1px; margin-left: -32px } #search-results .ui-autocomplete li.autocomplete-item-section span:before,#search-results .ui-autocomplete li.autocomplete-item-category span:before,#search-results .ui-autocomplete li.autocomplete-item-shortlink span:before { content: '\E112'; text-align: center; width: 25px; height: 25px; border-radius: 50%; display: inline-block; margin-right: 6px; line-height: 25px; vertical-align: top; font-size: 12px; background: #3a80c6; color: #fff; font-family: Proxima; font-weight: 400; font-style: normal } #search-results .ui-autocomplete li:hover { background-color: #daf4f4 } .l-section-bible #search-results .btn3-color2 { border-color: #255e89; color: #255e89 } .l-section-topkids #search-results .btn3-color2 { border-color: #fdc53c; color: #fdc53c } .l-section-ecard #search-results .btn3-color2 { border-color: #e66345; color: #e66345 } .l-section-topmusic #search-results .btn3-color2 { border-color: #118ab2; color: #118ab2 } .l-section-topmessages #search-results .btn3-color2 { border-color: #83b6d3; color: #83b6d3 } .l-section-passlemot #search-results .btn3-color2 { border-color: #02c6ad; color: #02c6ad } .l-section-toptv #search-results .btn3-color2 { border-color: #ef525b; color: #ef525b } .l-section-toplive #search-results .btn3-color2 { border-color: #ef525b; color: #ef525b } .l-section-topformations #search-results .btn3-color2 { border-color: #bb84df; color: #bb84df } .l-section-author #search-results .btn3-color2 { border-color: #3a80c6; color: #3a80c6 } .l-section-user #search-results .btn3-color2 { border-color: #3a80c6; color: #3a80c6 } .l-section-miracle #search-results .btn3-color2 { border-color: #f5596f; color: #f5596f } .l-section-pdj #search-results .btn3-color2 { border-color: #fdb95f; color: #fdb95f } .autocomplete-item-author .ui-autocomplete-img { border-radius: 50% } .autocomplete-item-album .ui-autocomplete-img,.autocomplete-item-author .ui-autocomplete-img { height: 25px!important; width: 25px!important } @media (max-width: 62em) { .search-prefilter { width:90% } .search-select { width: 100%; font-size: 16px } .search-select select { max-width: 100%; width: 100% } #search-section { margin-top: 2em } #search-advanced-open { text-align: right; font-weight: bold; cursor: pointer } .l-category-dictionary #search-advanced-open { display: none } #search-results { display: block } #search-advanced { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #search-advanced .posts-title { display: none } html.header-hidden #search-advanced { top: 48px } #search-advanced .posts-count { font-size: 1.125em } #search-advanced.is-open { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1 } #posts-cell { display: block } .search-col { width: auto; margin-bottom: 1em; padding-bottom: 0; display: block } .search-col:after { clear: both; content: " "; display: table } .search-type { cursor: pointer; display: block; margin-bottom: 0 } .search-checkboxes { padding: 10px 0; line-height: 1 } .search-col .search-checkboxes label.is-active input { display: none } .search-more { display: none } #search-corrections { padding: .5em } } .banner__theme-result .l-banner-container,.banner__theme-result .l-banner-inner { height: auto; overflow: hidden } .banner__theme-result .tags-search-result { display: inline-block } .banner__theme-result .tags-search-result .badge { font-size: 1em } .banner__theme-result .tags-search-result h2 { font-size: 1.875em; margin: 10px auto 20px; font-weight: 700 } .banner__theme-result .tags-search-result h2:after { content: attr(data-object); position: fixed; z-index: -1; left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 130px; font-size: 6em; opacity: .05; width: auto; text-align: center; white-space: nowrap } @media screen and (max-width: 1090px) { .banner__theme-result .tags-search-result h2:after { top:60px } } @media screen and (max-width: 480px) { .banner__theme-result .tags-search-result h2:after { top:100px; font-size: 4em } } #toggle-grid-list-view { display: none } #toggle-grid-list-view i { font-size: 1.375em } #search-section { margin-top: 0 } #search-section .search-block-titles { text-align: left; margin-bottom: 40px; position: relative; z-index: 12 } #search-section .search-block-titles h6 { margin: 6px auto 24px 0 } @media screen and (max-width: 480px) { #search-section .search-block-titles h6 { text-align:center } } #search-section .search-block-titles .filter-and-sort--menu { text-align: right; margin-top: 0 } #search-section .search-block-titles .filter-and-sort--menu span { display: inline-block; padding: 0; margin-right: 20px } #search-section .search-block-titles .filter-and-sort--menu span:last-of-type { margin-right: 0 } @media screen and (max-width: 480px) { #search-section .search-block-titles .filter-and-sort--menu { text-align:center } } #search-section .search-block-titles .container { position: relative } #search-section .search-block-titles ul { padding: 0; margin: 0; white-space: nowrap; overflow: -moz-scrollbars-none; scrollbar-width: none } #search-section .search-block-titles ul:-webkit-scrollbar { display: none } #search-section .search-block-titles ul li { padding: 14px 24px; list-style: none; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 1em; font-weight: 400 } @media screen and (max-width: 480px) { #search-section .search-block-titles ul li { font-size:.9em; padding: 10px 16px } } #search-section .search-block-titles ul li.is-selected { border-bottom: 2px solid #4cbbcf; font-weight: bold } #search-section .search-block-titles ul li.is-selected a { color: #272727 } #search-section .search-block-titles ul li a { color: #727272 } #search-section .search-block-titles ul li .search-block-titles--results { font-size: .7em; vertical-align: middle; display: inline-block } #search-section .search-block-titles .btn-dropdown { position: relative } #search-section .search-block-titles .btn-dropdown i { font-size: .5em; margin-left: 4px; position: relative; top: -2px } #search-section .search-block-titles .btn-dropdown .btn-dropdown--menu { width: 260px; background-color: #fff; box-shadow: 0 8px 17px 0 rgba(0,0,0,.14); position: absolute; top: 100%; left: 0; max-width: 12rem; padding: 0; margin: 0; display: none; z-index: 998; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: left } #search-section .search-block-titles .btn-dropdown .btn-dropdown--menu ul { margin: 0 } #search-section .search-block-titles .btn-dropdown .btn-dropdown--menu li { font-size: .8em; padding: 8px 14px; max-width: 100%; overflow: hidden; text-overflow: ellipsis } #search-section .search-block-titles .btn-dropdown.is-open .btn-dropdown--menu { display: block } #search-section .search-block-titles .btn-dropdown.is-open .btn-dropdown--menu ul li { display: block } #search-section .search-block-titles .btn-dropdown.is-open .btn-dropdown--menu ul li.is-selected { border-bottom: 0; border-left: 4px solid #4cbbcf } #search-section .search-block-titles .btn-dropdown.btn-dropdown--sort { list-style: none; display: inline-block; font-family: "Montserrat",sans-serif; font-size: .8em; font-weight: 400; padding: 0; line-height: 30px; vertical-align: top } #search-section .search-block-titles .btn-dropdown.btn-dropdown--sort a { color: #272727 } #search-section .search-block-titles .btn-dropdown.btn-dropdown--sort .btn-dropdown--menu li { padding: 0 8px; font-size: .9em; line-height: 30px; cursor: pointer } #search-section .search-block-titles .btn-dropdown.btn-dropdown--sort .btn-dropdown--menu li input { position: absolute; opacity: 0; width: 0 } #search-section .search-block-titles .btn-dropdown.btn-dropdown--sort .btn-dropdown--menu li span { cursor: pointer } #search-section .search-block-titles .btn-dropdown.btn-dropdown--sort .btn-dropdown--menu li input[type="radio"]:checked+label { font-weight: bold } #search-section .search-block-titles .btn-dropdown.btn-dropdown--sort .btn-dropdown--menu li label.is-active { font-weight: bold; color: #000 } #search-section .search-block-titles .filter-wrapper { margin-top: 14px } @media screen and (max-width: 480px) { #search-section .search-block-titles .filter-wrapper { margin-top:10px; margin-left: -5px; margin-right: -5px } } #search-section .search-block-titles ul#more-nav,#search-section .search-block-titles ul#nav-bar-filter { display: inline-block; vertical-align: top } #search-section #search-filter--container { z-index: 9999; padding: 0; position: fixed; right: auto; left: 0; top: 118px; bottom: 0; width: 100%; background-color: #fff; height: calc(100% - 118px); overflow-y: auto; overflow-x: hidden; transform: translateX(-200%); -webkit-transform: translateX(-200%); max-width: 320px; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; text-align: left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; ox-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); padding: 14px 14px 36px 14px; scrollbar-width: none; -ms-overflow-style: none } #search-section #search-filter--container:-webkit-scrollbar { width: 0 } @media screen and (max-width: 1024px) { #search-section #search-filter--container { top:54px; height: calc(100% - 54px) } } @media screen and (max-width: 768px) { #search-section #search-filter--container { top:54px; height: calc(100% - 54px) } } @media screen and (max-width: 480px) { #search-section #search-filter--container { top:54px; height: calc(100% - 54px) } } html.header-hidden #search-section #search-filter--container { top: 0; height: 100% } #search-section #search-filter--container.is-open { transform: translateX(0); -webkit-transform: translateX(0) } #search-section #search-filter--container #search-advanced-close { display: inline-block; color: #272727; font-weight: 500; font-size: .8em; font-family: "Montserrat",sans-serif } #search-section #search-filter--container #search-advanced-close i { font-size: 50%!important; display: inline-block; vertical-align: middle } #search-section #search-filter--container #search-advanced-close i:before { font-size: 8px } @media screen and (max-width: 768px) { #search-section { margin-top:0 } #search-section #l-banners { margin-top: 50px } #search-section .row { margin-left: 0; margin-right: 0 } #search-section .icon-chevron-with-circle-left,#search-section .icon-chevron-with-circle-right { display: none } } #search-section .search-result-container { margin-bottom: 2em } @media screen and (max-width: 768px) { #search-section .search-result-container { margin-bottom:24px } #search-section .search-result-container .slider-container { max-width: unset!important; width: 100% } } #search-section .search-result-container .slider-container h2 { font-size: 1.7em; position: relative } #search-section .search-result-container .slider-container h2:before { content: ''; width: 10px; height: 3px; border-radius: 4px; margin: 0!important; background: #272727!important; display: inline-block; position: absolute; right: -22px; top: 24px; transform: rotate(-45deg) } #search-section .search-result-container .slider-container h2:after { content: ''; width: 10px; height: 3px; border-radius: 4px; margin: 0!important; background: #272727!important; display: inline-block; position: absolute; right: -22px; top: 18px; transform: rotate(45deg); visibility: visible; opacity: 1 } #search-section .search-result-container .slider-container { padding-top: 0; text-align: left; margin-left: 0 } #search-section .search-result-container .slider-container .swiper-slide .post { margin: 0 } #search-section .search-result-container .slider-container .swiper-slide .post .post-body { text-align: center } #search-section .search-result-container .slider-container .swiper-slide .post .adjusted-text-size { display: none } .post-separator { color: #212121; margin: 50px auto 80px; font-family: "Montserrat",sans-serif; text-transform: uppercase; font-weight: 900; position: relative; text-align: center; animation: fadeIn .3s linear both; -webkit-animation: fadeIn .3s linear both; animation-delay: .3s } @media screen and (max-width: 768px) { .post-separator { font-size:1.375em } } .post-separator:after { content: ''; position: absolute; bottom: -12px; left: calc(-100% + 100px); height: 1px; width: 0; background: #212121; -webkit-animation: scale-width-post-separator .6s cubic-bezier(.25,.46,.45,.94) both; animation: scale-width-post-separator .6s cubic-bezier(.25,.46,.45,.94) both; animation-delay: .5s } @-webkit-keyframes scale-width-post-separator { 0% { width: 0 } 100% { width: 150% } } @keyframes scale-width-post-separator { 0% { width: 0 } 100% { width: 150% } } #post-page-1 { height: 0; margin: 0; padding: 0; visibility: hidden } #timeline { position: fixed; z-index: 1; top: 26%; right: .5em } @media screen and (max-width: 768px) { #timeline { display:none } } #timeline .is-loading { animation: spin 1s infinite linear } #timeline>* { background-color: #fff; text-align: center; border-radius: 50%; color: #00b4ff; padding: .4em; margin-bottom: .5em; display: block; height: 35px; width: 35px; box-sizing: border-box; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); font-weight: bold; font-size: .875em; line-height: 22px; font-family: "Montserrat",sans-serif } html.no-touch #timeline>*:hover { background-color: #fff } #timeline #timeline-page-0 { color: #00adfa } #timeline .timeline-goto:last-of-type { color: #00adfa } #timeline .is-active { background-color: #00b4ff; color: #fff!important } html.no-touch #timeline .is-active:hover { background-color: #205385; color: #fff } .l-section-bible html.no-touch #timeline .is-active:hover { background-color: #1a4261 } .l-section-topkids html.no-touch #timeline .is-active:hover { background-color: #fcb60a } .l-section-ecard html.no-touch #timeline .is-active:hover { background-color: #db411d } .l-section-topmusic html.no-touch #timeline .is-active:hover { background-color: #0d6683 } .l-section-topmessages html.no-touch #timeline .is-active:hover { background-color: #5da0c6 } .l-section-passlemot html.no-touch #timeline .is-active:hover { background-color: #019481 } .l-section-toptv html.no-touch #timeline .is-active:hover { background-color: #eb232f } .l-section-toplive html.no-touch #timeline .is-active:hover { background-color: #eb232f } .l-section-topformations html.no-touch #timeline .is-active:hover { background-color: #a55cd4 } .l-section-author html.no-touch #timeline .is-active:hover { background-color: #2e679f } .l-section-user html.no-touch #timeline .is-active:hover { background-color: #2e679f } .l-section-miracle html.no-touch #timeline .is-active:hover { background-color: #f22945 } .l-section-pdj html.no-touch #timeline .is-active:hover { background-color: #fca32d } #timeline .timeline-goto { cursor: pointer } article.post.post-in-schedule.post-now { position: relative; transform: scale(1); margin-top: 80px; cursor: pointer } article.post.post-in-schedule.post-now:before { content: '● Actuellement sur TopTV'; display: inline-block; color: #be0004; position: absolute; top: -40px; font-weight: bold; left: 0; z-index: 10; padding: 4px 10px; font-size: 1.2em; font-family: "Montserrat",sans-serif; border-bottom-right-radius: 6px; border-top-left-radius: 6px } @media screen and (max-width: 768px) { article.post.post-in-schedule.post-now:before { font-size:1em; top: -32px } } article.post.post-in-schedule.post-now .toptv-schedule--date { display: none } article.post.post-in-schedule.post-now .post-thumbnail--container .post-thumbnail--image { filter: grayscale(0%); opacity: 1 } article.post.post-in-schedule.post-now .post-content--title,article.post.post-in-schedule.post-now .post-content--excerpt,article.post.post-in-schedule.post-now .post-category-type { opacity: 1 } article.post.post-in-schedule.post-now:hover .post-content--title { color: #3a80c6 } @media screen and (max-width: 768px) { article.post.post-in-schedule.post-now { padding-top:0 } } @media screen and (max-width: 480px) { article.post.post-in-schedule.post-now { padding-top:0 } } article.post.post-in-schedule { position: relative; cursor: default; transform: scale(.95) } article.post.post-in-schedule .toptv-schedule--date { position: absolute; top: -30px; left: 0; display: inline-block; background: linear-gradient(90deg,#3d85c7 0%,#3a86ff 50.74%,#76d2d6 100%); box-shadow: 0 2px 10px rgba(61,133,199,.3); top: 0; left: 0; z-index: 10; color: #fff; padding: 4px 10px; font-size: 1em; font-family: "Montserrat",sans-serif; border-bottom-right-radius: 6px; border-top-left-radius: 6px; font-weight: bold } @media screen and (max-width: 768px) { article.post.post-in-schedule .toptv-schedule--date { font-size:.9em } } @media screen and (max-width: 480px) { article.post.post-in-schedule .toptv-schedule--date { font-size:.8em; top: -22px; border-radius: 0; left: 6px; padding: 2px 6px } } article.post.post-in-schedule .post-thumbnail--container .post-thumbnail--image { filter: grayscale(100%); opacity: .6 } article.post.post-in-schedule.post-future .post-content--title,article.post.post-in-schedule.post-future .post-content--excerpt,article.post.post-in-schedule.post-future .post-category-type { opacity: .6 } article.post.post-in-schedule:hover .post-content--title { color: #212121 } @media screen and (max-width: 768px) { article.post.post-in-schedule { transform:scale(1); padding-top: 24px } } @media screen and (max-width: 480px) { article.post.post-in-schedule { padding-top:10px } } @media screen and (min-width: 993px) { .l-section-bible.block-verses #search-section .search-block-titles .container { padding-left:320px } .l-section-bible.block-verses #search-section .search-block-titles .container #search-advanced-open { display: none } .l-section-bible.block-verses #search-section .search-block-titles .container .btn-dropdown--sort { margin-right: 0 } .l-section-bible.block-verses #search-section #search-filter--container { transform: translateX(0); -webkit-transform: translateX(0) } .l-section-bible.block-verses #search-section #search-filter--container #search-advanced-close { display: none } .l-section-bible.block-verses #search-section #search-results { padding-left: 320px } .l-section-bible.block-verses #l-footer { z-index: 9 } } .search-results-block.slider-albums .post { box-shadow: none } #sectionbar { height: 36px } #sectionbar-content { background-color: #cde7f8; position: static; left: 0; display: flex; align-items: center; width: 100%; z-index: 5000; transition: top .3s ease-in-out 0s; top: 120px } #sectionbar-content .dropdown>li a { display: block; color: #222 } #sectionbar.is-fixed #sectionbar-content { position: fixed } @media screen and (max-width: 1091px) { #sectionbar-content { top:50px } html.fbm #sectionbar-content,.header-hidden #sectionbar-content { top: 0 } } @media (max-width: 37em) { #sectionbar-content { top:52px } html.app #sectionbar-content { top: 45px } } html.header-hidden #sectionbar-content { top: 0 } #sectionbar-content .l-bible-col-versions .dropdown { background: #fff; box-shadow: rgba(149,157,165,.2) 0 8px 24px; overflow-x: hidden; overflow-y: scroll; transform: scale(0); transform-origin: center top; transition: transform .2s linear; -webkit-transition: transform .2s linear; display: block; text-align: center; padding: 4px; border-radius: 12px; text-align: left; max-height: 60vh } #sectionbar-content .l-bible-col-versions .dropdown::-webkit-scrollbar { -webkit-appearance: none; width: 7px } #sectionbar-content .l-bible-col-versions .dropdown::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5) } #sectionbar-content .l-bible-col-versions .dropdown h4 { font-weight: bold; font-size: 12px; color: #212121; opacity: .4; background: none; text-align: left; padding: 12px; margin: 0; line-height: 1 } #sectionbar-content .l-bible-col-versions .dropdown li { position: relative; line-height: 1.3; font-size: .9375rem; border: none; transition: color .3s linear; -webkit-transition: color .3s linear; cursor: pointer; border-radius: 8px } #sectionbar-content .l-bible-col-versions .dropdown li.is-selected { background-color: rgba(66,142,254,.3); pointer-events: none; cursor: disabled } #sectionbar-content .l-bible-col-versions .dropdown li.is-selected a { color: #428efe; font-weight: 600; padding: 8px 12px } #sectionbar-content .l-bible-col-versions .dropdown li.is-selected a:before { content: '✔'; margin: 0; color: #fff; background: #428efe; width: 20px; height: 20px; border-radius: 50%; line-height: 1; display: inline-flex; justify-content: center; text-align: center; position: absolute; right: 12px; top: 50%; transform: translateY(-50%) } html.no-touch #sectionbar-content .l-bible-col-versions .dropdown li:hover { background-color: rgba(66,142,254,.1) } #sectionbar-content .l-bible-col-versions .dropdown li a { color: #222; text-decoration: none; font-size: 1em; opacity: 0; font-weight: 400; font-family: 'Outfit',sans-serif } #sectionbar-content .l-bible-col-versions .dropdown.dropdown-is-open { transform: scale(1) } #sectionbar-content .l-bible-col-versions .dropdown.dropdown-is-open a { opacity: 1 } @media screen and (max-width: 1024px) { #sectionbar.is-fixed #sectionbar-content { top:52px } html.fbm #sectionbar.is-fixed #sectionbar-content,.header-hidden #sectionbar.is-fixed #sectionbar-content { top: 0 } } @media screen and (max-width: 480px) { #sectionbar.is-fixed #sectionbar-content { top:52px } html.fbm #sectionbar.is-fixed #sectionbar-content,.header-hidden #sectionbar.is-fixed #sectionbar-content { top: -100px } } .sectionbar-select { height: 100%; left: 0; opacity: .001; position: absolute; right: 0; top: 0; width: 100%; display: none } @media (max-width: 37em) { .sectionbar-select { display:block } } .pt--5 { padding-top: 5px } .pt--10 { padding-top: 10px } .pt--15 { padding-top: 15px } .pt--20 { padding-top: 20px } .pt--25 { padding-top: 25px } .pt--30 { padding-top: 30px } .pt--35 { padding-top: 35px } .pt--40 { padding-top: 40px } .pt--45 { padding-top: 45px } .pt--50 { padding-top: 50px } .pt--55 { padding-top: 55px } .pt--60 { padding-top: 60px } .pt--65 { padding-top: 65px } .pt--70 { padding-top: 70px } .pt--75 { padding-top: 75px } .pt--80 { padding-top: 80px } .pt--85 { padding-top: 85px } .pt--90 { padding-top: 90px } .pt--95 { padding-top: 95px } .pt--100 { padding-top: 100px } .pt--105 { padding-top: 105px } .pt--110 { padding-top: 110px } .pt--115 { padding-top: 115px } .pt--120 { padding-top: 120px } .pt--125 { padding-top: 125px } .pt--130 { padding-top: 130px } .pt--135 { padding-top: 135px } .pt--140 { padding-top: 140px } .pt--145 { padding-top: 145px } .pt--150 { padding-top: 150px } .pt--155 { padding-top: 155px } .pt--160 { padding-top: 160px } .pt--165 { padding-top: 165px } .pt--170 { padding-top: 170px } .pt--175 { padding-top: 175px } .pt--180 { padding-top: 180px } .pt--185 { padding-top: 185px } .pt--190 { padding-top: 190px } .pt--195 { padding-top: 195px } .pt--200 { padding-top: 200px } .pt--205 { padding-top: 205px } .pt--210 { padding-top: 210px } .pt--215 { padding-top: 215px } .pt--220 { padding-top: 220px } .pt--225 { padding-top: 225px } .pt--230 { padding-top: 230px } .pt--235 { padding-top: 235px } .pt--240 { padding-top: 240px } .pt--245 { padding-top: 245px } .pt--250 { padding-top: 250px } @media screen and (min-width: 1200px) { .pt_lg--5 { padding-top:5px } .pt_lg--10 { padding-top: 10px } .pt_lg--15 { padding-top: 15px } .pt_lg--20 { padding-top: 20px } .pt_lg--25 { padding-top: 25px } .pt_lg--30 { padding-top: 30px } .pt_lg--35 { padding-top: 35px } .pt_lg--40 { padding-top: 40px } .pt_lg--45 { padding-top: 45px } .pt_lg--50 { padding-top: 50px } .pt_lg--55 { padding-top: 55px } .pt_lg--60 { padding-top: 60px } .pt_lg--65 { padding-top: 65px } .pt_lg--70 { padding-top: 70px } .pt_lg--75 { padding-top: 75px } .pt_lg--80 { padding-top: 80px } .pt_lg--85 { padding-top: 85px } .pt_lg--90 { padding-top: 90px } .pt_lg--95 { padding-top: 95px } .pt_lg--100 { padding-top: 100px } .pt_lg--105 { padding-top: 105px } .pt_lg--110 { padding-top: 110px } .pt_lg--115 { padding-top: 115px } .pt_lg--120 { padding-top: 120px } .pt_lg--125 { padding-top: 125px } .pt_lg--130 { padding-top: 130px } .pt_lg--135 { padding-top: 135px } .pt_lg--140 { padding-top: 140px } .pt_lg--145 { padding-top: 145px } .pt_lg--150 { padding-top: 150px } .pt_lg--155 { padding-top: 155px } .pt_lg--160 { padding-top: 160px } .pt_lg--165 { padding-top: 165px } .pt_lg--170 { padding-top: 170px } .pt_lg--175 { padding-top: 175px } .pt_lg--180 { padding-top: 180px } .pt_lg--185 { padding-top: 185px } .pt_lg--190 { padding-top: 190px } .pt_lg--195 { padding-top: 195px } .pt_lg--200 { padding-top: 200px } .pt_lg--205 { padding-top: 205px } .pt_lg--210 { padding-top: 210px } .pt_lg--215 { padding-top: 215px } .pt_lg--220 { padding-top: 220px } .pt_lg--225 { padding-top: 225px } .pt_lg--230 { padding-top: 230px } .pt_lg--235 { padding-top: 235px } .pt_lg--240 { padding-top: 240px } .pt_lg--245 { padding-top: 245px } .pt_lg--250 { padding-top: 250px } } @media screen and (max-width: 992px) { .pt_md--5 { padding-top:5px } .pt_md--10 { padding-top: 10px } .pt_md--15 { padding-top: 15px } .pt_md--20 { padding-top: 20px } .pt_md--25 { padding-top: 25px } .pt_md--30 { padding-top: 30px } .pt_md--35 { padding-top: 35px } .pt_md--40 { padding-top: 40px } .pt_md--45 { padding-top: 45px } .pt_md--50 { padding-top: 50px } .pt_md--55 { padding-top: 55px } .pt_md--60 { padding-top: 60px } .pt_md--65 { padding-top: 65px } .pt_md--70 { padding-top: 70px } .pt_md--75 { padding-top: 75px } .pt_md--80 { padding-top: 80px } .pt_md--85 { padding-top: 85px } .pt_md--90 { padding-top: 90px } .pt_md--95 { padding-top: 95px } .pt_md--100 { padding-top: 100px } .pt_md--105 { padding-top: 105px } .pt_md--110 { padding-top: 110px } .pt_md--115 { padding-top: 115px } .pt_md--120 { padding-top: 120px } .pt_md--125 { padding-top: 125px } .pt_md--130 { padding-top: 130px } .pt_md--135 { padding-top: 135px } .pt_md--140 { padding-top: 140px } .pt_md--145 { padding-top: 145px } .pt_md--150 { padding-top: 150px } .pt_md--155 { padding-top: 155px } .pt_md--160 { padding-top: 160px } .pt_md--165 { padding-top: 165px } .pt_md--170 { padding-top: 170px } .pt_md--175 { padding-top: 175px } .pt_md--180 { padding-top: 180px } .pt_md--185 { padding-top: 185px } .pt_md--190 { padding-top: 190px } .pt_md--195 { padding-top: 195px } .pt_md--200 { padding-top: 200px } .pt_md--205 { padding-top: 205px } .pt_md--210 { padding-top: 210px } .pt_md--215 { padding-top: 215px } .pt_md--220 { padding-top: 220px } .pt_md--225 { padding-top: 225px } .pt_md--230 { padding-top: 230px } .pt_md--235 { padding-top: 235px } .pt_md--240 { padding-top: 240px } .pt_md--245 { padding-top: 245px } .pt_md--250 { padding-top: 250px } } @media only screen and (max-width: 768px) { .pt_sm--5 { padding-top:5px } .pt_sm--10 { padding-top: 10px } .pt_sm--15 { padding-top: 15px } .pt_sm--20 { padding-top: 20px } .pt_sm--25 { padding-top: 25px } .pt_sm--30 { padding-top: 30px } .pt_sm--35 { padding-top: 35px } .pt_sm--40 { padding-top: 40px } .pt_sm--45 { padding-top: 45px } .pt_sm--50 { padding-top: 50px } .pt_sm--55 { padding-top: 55px } .pt_sm--60 { padding-top: 60px } .pt_sm--65 { padding-top: 65px } .pt_sm--70 { padding-top: 70px } .pt_sm--75 { padding-top: 75px } .pt_sm--80 { padding-top: 80px } .pt_sm--85 { padding-top: 85px } .pt_sm--90 { padding-top: 90px } .pt_sm--95 { padding-top: 95px } .pt_sm--100 { padding-top: 100px } .pt_sm--105 { padding-top: 105px } .pt_sm--110 { padding-top: 110px } .pt_sm--115 { padding-top: 115px } .pt_sm--120 { padding-top: 120px } .pt_sm--125 { padding-top: 125px } .pt_sm--130 { padding-top: 130px } .pt_sm--135 { padding-top: 135px } .pt_sm--140 { padding-top: 140px } .pt_sm--145 { padding-top: 145px } .pt_sm--150 { padding-top: 150px } .pt_sm--155 { padding-top: 155px } .pt_sm--160 { padding-top: 160px } .pt_sm--165 { padding-top: 165px } .pt_sm--170 { padding-top: 170px } .pt_sm--175 { padding-top: 175px } .pt_sm--180 { padding-top: 180px } .pt_sm--185 { padding-top: 185px } .pt_sm--190 { padding-top: 190px } .pt_sm--195 { padding-top: 195px } .pt_sm--200 { padding-top: 200px } .pt_sm--205 { padding-top: 205px } .pt_sm--210 { padding-top: 210px } .pt_sm--215 { padding-top: 215px } .pt_sm--220 { padding-top: 220px } .pt_sm--225 { padding-top: 225px } .pt_sm--230 { padding-top: 230px } .pt_sm--235 { padding-top: 235px } .pt_sm--240 { padding-top: 240px } .pt_sm--245 { padding-top: 245px } .pt_sm--250 { padding-top: 250px } } @media screen and (max-width: 480px) { .pt_xs--5 { padding-top:5px } .pt_xs--10 { padding-top: 10px } .pt_xs--15 { padding-top: 15px } .pt_xs--20 { padding-top: 20px } .pt_xs--25 { padding-top: 25px } .pt_xs--30 { padding-top: 30px } .pt_xs--35 { padding-top: 35px } .pt_xs--40 { padding-top: 40px } .pt_xs--45 { padding-top: 45px } .pt_xs--50 { padding-top: 50px } .pt_xs--55 { padding-top: 55px } .pt_xs--60 { padding-top: 60px } .pt_xs--65 { padding-top: 65px } .pt_xs--70 { padding-top: 70px } .pt_xs--75 { padding-top: 75px } .pt_xs--80 { padding-top: 80px } .pt_xs--85 { padding-top: 85px } .pt_xs--90 { padding-top: 90px } .pt_xs--95 { padding-top: 95px } .pt_xs--100 { padding-top: 100px } .pt_xs--105 { padding-top: 105px } .pt_xs--110 { padding-top: 110px } .pt_xs--115 { padding-top: 115px } .pt_xs--120 { padding-top: 120px } .pt_xs--125 { padding-top: 125px } .pt_xs--130 { padding-top: 130px } .pt_xs--135 { padding-top: 135px } .pt_xs--140 { padding-top: 140px } .pt_xs--145 { padding-top: 145px } .pt_xs--150 { padding-top: 150px } .pt_xs--155 { padding-top: 155px } .pt_xs--160 { padding-top: 160px } .pt_xs--165 { padding-top: 165px } .pt_xs--170 { padding-top: 170px } .pt_xs--175 { padding-top: 175px } .pt_xs--180 { padding-top: 180px } .pt_xs--185 { padding-top: 185px } .pt_xs--190 { padding-top: 190px } .pt_xs--195 { padding-top: 195px } .pt_xs--200 { padding-top: 200px } .pt_xs--205 { padding-top: 205px } .pt_xs--210 { padding-top: 210px } .pt_xs--215 { padding-top: 215px } .pt_xs--220 { padding-top: 220px } .pt_xs--225 { padding-top: 225px } .pt_xs--230 { padding-top: 230px } .pt_xs--235 { padding-top: 235px } .pt_xs--240 { padding-top: 240px } .pt_xs--245 { padding-top: 245px } .pt_xs--250 { padding-top: 250px } } .pb--5 { padding-bottom: 5px } .pb--10 { padding-bottom: 10px } .pb--15 { padding-bottom: 15px } .pb--20 { padding-bottom: 20px } .pb--25 { padding-bottom: 25px } .pb--30 { padding-bottom: 30px } .pb--35 { padding-bottom: 35px } .pb--40 { padding-bottom: 40px } .pb--45 { padding-bottom: 45px } .pb--50 { padding-bottom: 50px } .pb--55 { padding-bottom: 55px } .pb--60 { padding-bottom: 60px } .pb--65 { padding-bottom: 65px } .pb--70 { padding-bottom: 70px } .pb--75 { padding-bottom: 75px } .pb--80 { padding-bottom: 80px } .pb--85 { padding-bottom: 85px } .pb--90 { padding-bottom: 90px } .pb--95 { padding-bottom: 95px } .pb--100 { padding-bottom: 100px } .pb--105 { padding-bottom: 105px } .pb--110 { padding-bottom: 110px } .pb--115 { padding-bottom: 115px } .pb--120 { padding-bottom: 120px } .pb--125 { padding-bottom: 125px } .pb--130 { padding-bottom: 130px } .pb--135 { padding-bottom: 135px } .pb--140 { padding-bottom: 140px } .pb--145 { padding-bottom: 145px } .pb--150 { padding-bottom: 150px } .pb--155 { padding-bottom: 155px } .pb--160 { padding-bottom: 160px } .pb--165 { padding-bottom: 165px } .pb--170 { padding-bottom: 170px } .pb--175 { padding-bottom: 175px } .pb--180 { padding-bottom: 180px } .pb--185 { padding-bottom: 185px } .pb--190 { padding-bottom: 190px } .pb--195 { padding-bottom: 195px } .pb--200 { padding-bottom: 200px } .pb--205 { padding-bottom: 205px } .pb--210 { padding-bottom: 210px } .pb--215 { padding-bottom: 215px } .pb--220 { padding-bottom: 220px } .pb--225 { padding-bottom: 225px } .pb--230 { padding-bottom: 230px } .pb--235 { padding-bottom: 235px } .pb--240 { padding-bottom: 240px } .pb--245 { padding-bottom: 245px } .pb--250 { padding-bottom: 250px } @media screen and (min-width: 1200px) { .pb_lg--5 { padding-left:5px } .pb_lg--10 { padding-left: 10px } .pb_lg--15 { padding-left: 15px } .pb_lg--20 { padding-left: 20px } .pb_lg--25 { padding-left: 25px } .pb_lg--30 { padding-left: 30px } .pb_lg--35 { padding-left: 35px } .pb_lg--40 { padding-left: 40px } .pb_lg--45 { padding-left: 45px } .pb_lg--50 { padding-left: 50px } .pb_lg--55 { padding-left: 55px } .pb_lg--60 { padding-left: 60px } .pb_lg--65 { padding-left: 65px } .pb_lg--70 { padding-left: 70px } .pb_lg--75 { padding-left: 75px } .pb_lg--80 { padding-left: 80px } .pb_lg--85 { padding-left: 85px } .pb_lg--90 { padding-left: 90px } .pb_lg--95 { padding-left: 95px } .pb_lg--100 { padding-left: 100px } .pb_lg--105 { padding-left: 105px } .pb_lg--110 { padding-left: 110px } .pb_lg--115 { padding-left: 115px } .pb_lg--120 { padding-left: 120px } .pb_lg--125 { padding-left: 125px } .pb_lg--130 { padding-left: 130px } .pb_lg--135 { padding-left: 135px } .pb_lg--140 { padding-left: 140px } .pb_lg--145 { padding-left: 145px } .pb_lg--150 { padding-left: 150px } .pb_lg--155 { padding-left: 155px } .pb_lg--160 { padding-left: 160px } .pb_lg--165 { padding-left: 165px } .pb_lg--170 { padding-left: 170px } .pb_lg--175 { padding-left: 175px } .pb_lg--180 { padding-left: 180px } .pb_lg--185 { padding-left: 185px } .pb_lg--190 { padding-left: 190px } .pb_lg--195 { padding-left: 195px } .pb_lg--200 { padding-left: 200px } .pb_lg--205 { padding-left: 205px } .pb_lg--210 { padding-left: 210px } .pb_lg--215 { padding-left: 215px } .pb_lg--220 { padding-left: 220px } .pb_lg--225 { padding-left: 225px } .pb_lg--230 { padding-left: 230px } .pb_lg--235 { padding-left: 235px } .pb_lg--240 { padding-left: 240px } .pb_lg--245 { padding-left: 245px } .pb_lg--250 { padding-left: 250px } } @media screen and (max-width: 992px) { .pb_md--5 { padding-left:5px } .pb_md--10 { padding-left: 10px } .pb_md--15 { padding-left: 15px } .pb_md--20 { padding-left: 20px } .pb_md--25 { padding-left: 25px } .pb_md--30 { padding-left: 30px } .pb_md--35 { padding-left: 35px } .pb_md--40 { padding-left: 40px } .pb_md--45 { padding-left: 45px } .pb_md--50 { padding-left: 50px } .pb_md--55 { padding-left: 55px } .pb_md--60 { padding-left: 60px } .pb_md--65 { padding-left: 65px } .pb_md--70 { padding-left: 70px } .pb_md--75 { padding-left: 75px } .pb_md--80 { padding-left: 80px } .pb_md--85 { padding-left: 85px } .pb_md--90 { padding-left: 90px } .pb_md--95 { padding-left: 95px } .pb_md--100 { padding-left: 100px } .pb_md--105 { padding-left: 105px } .pb_md--110 { padding-left: 110px } .pb_md--115 { padding-left: 115px } .pb_md--120 { padding-left: 120px } .pb_md--125 { padding-left: 125px } .pb_md--130 { padding-left: 130px } .pb_md--135 { padding-left: 135px } .pb_md--140 { padding-left: 140px } .pb_md--145 { padding-left: 145px } .pb_md--150 { padding-left: 150px } .pb_md--155 { padding-left: 155px } .pb_md--160 { padding-left: 160px } .pb_md--165 { padding-left: 165px } .pb_md--170 { padding-left: 170px } .pb_md--175 { padding-left: 175px } .pb_md--180 { padding-left: 180px } .pb_md--185 { padding-left: 185px } .pb_md--190 { padding-left: 190px } .pb_md--195 { padding-left: 195px } .pb_md--200 { padding-left: 200px } .pb_md--205 { padding-left: 205px } .pb_md--210 { padding-left: 210px } .pb_md--215 { padding-left: 215px } .pb_md--220 { padding-left: 220px } .pb_md--225 { padding-left: 225px } .pb_md--230 { padding-left: 230px } .pb_md--235 { padding-left: 235px } .pb_md--240 { padding-left: 240px } .pb_md--245 { padding-left: 245px } .pb_md--250 { padding-left: 250px } } @media only screen and (max-width: 768px) { .pb_sm--5 { padding-left:5px } .pb_sm--10 { padding-left: 10px } .pb_sm--15 { padding-left: 15px } .pb_sm--20 { padding-left: 20px } .pb_sm--25 { padding-left: 25px } .pb_sm--30 { padding-left: 30px } .pb_sm--35 { padding-left: 35px } .pb_sm--40 { padding-left: 40px } .pb_sm--45 { padding-left: 45px } .pb_sm--50 { padding-left: 50px } .pb_sm--55 { padding-left: 55px } .pb_sm--60 { padding-left: 60px } .pb_sm--65 { padding-left: 65px } .pb_sm--70 { padding-left: 70px } .pb_sm--75 { padding-left: 75px } .pb_sm--80 { padding-left: 80px } .pb_sm--85 { padding-left: 85px } .pb_sm--90 { padding-left: 90px } .pb_sm--95 { padding-left: 95px } .pb_sm--100 { padding-left: 100px } .pb_sm--105 { padding-left: 105px } .pb_sm--110 { padding-left: 110px } .pb_sm--115 { padding-left: 115px } .pb_sm--120 { padding-left: 120px } .pb_sm--125 { padding-left: 125px } .pb_sm--130 { padding-left: 130px } .pb_sm--135 { padding-left: 135px } .pb_sm--140 { padding-left: 140px } .pb_sm--145 { padding-left: 145px } .pb_sm--150 { padding-left: 150px } .pb_sm--155 { padding-left: 155px } .pb_sm--160 { padding-left: 160px } .pb_sm--165 { padding-left: 165px } .pb_sm--170 { padding-left: 170px } .pb_sm--175 { padding-left: 175px } .pb_sm--180 { padding-left: 180px } .pb_sm--185 { padding-left: 185px } .pb_sm--190 { padding-left: 190px } .pb_sm--195 { padding-left: 195px } .pb_sm--200 { padding-left: 200px } .pb_sm--205 { padding-left: 205px } .pb_sm--210 { padding-left: 210px } .pb_sm--215 { padding-left: 215px } .pb_sm--220 { padding-left: 220px } .pb_sm--225 { padding-left: 225px } .pb_sm--230 { padding-left: 230px } .pb_sm--235 { padding-left: 235px } .pb_sm--240 { padding-left: 240px } .pb_sm--245 { padding-left: 245px } .pb_sm--250 { padding-left: 250px } } @media screen and (max-width: 480px) { .pl_xs--5 { padding-left:5px } .pl_xs--10 { padding-left: 10px } .pl_xs--15 { padding-left: 15px } .pl_xs--20 { padding-left: 20px } .pl_xs--25 { padding-left: 25px } .pl_xs--30 { padding-left: 30px } .pl_xs--35 { padding-left: 35px } .pl_xs--40 { padding-left: 40px } .pl_xs--45 { padding-left: 45px } .pl_xs--50 { padding-left: 50px } } .pl--5 { padding-left: 5px } .pl--10 { padding-left: 10px } .pl--15 { padding-left: 15px } .pl--20 { padding-left: 20px } .pl--25 { padding-left: 25px } .pl--30 { padding-left: 30px } .pl--35 { padding-left: 35px } .pl--40 { padding-left: 40px } .pl--45 { padding-left: 45px } .pl--50 { padding-left: 50px } .pl--55 { padding-left: 55px } .pl--60 { padding-left: 60px } .pl--65 { padding-left: 65px } .pl--70 { padding-left: 70px } .pl--75 { padding-left: 75px } .pl--80 { padding-left: 80px } .pl--85 { padding-left: 85px } .pl--90 { padding-left: 90px } .pl--95 { padding-left: 95px } .pl--100 { padding-left: 100px } .pl--105 { padding-left: 105px } .pl--110 { padding-left: 110px } .pl--115 { padding-left: 115px } .pl--120 { padding-left: 120px } .pl--125 { padding-left: 125px } .pl--130 { padding-left: 130px } .pl--135 { padding-left: 135px } .pl--140 { padding-left: 140px } .pl--145 { padding-left: 145px } .pl--150 { padding-left: 150px } .pl--155 { padding-left: 155px } .pl--160 { padding-left: 160px } .pl--165 { padding-left: 165px } .pl--170 { padding-left: 170px } .pl--175 { padding-left: 175px } .pl--180 { padding-left: 180px } .pl--185 { padding-left: 185px } .pl--190 { padding-left: 190px } .pl--195 { padding-left: 195px } .pl--200 { padding-left: 200px } .pl--205 { padding-left: 205px } .pl--210 { padding-left: 210px } .pl--215 { padding-left: 215px } .pl--220 { padding-left: 220px } .pl--225 { padding-left: 225px } .pl--230 { padding-left: 230px } .pl--235 { padding-left: 235px } .pl--240 { padding-left: 240px } .pl--245 { padding-left: 245px } .pl--250 { padding-left: 250px } @media screen and (min-width: 1200px) { .pl_lg--5 { padding-left:5px } .pl_lg--10 { padding-left: 10px } .pl_lg--15 { padding-left: 15px } .pl_lg--20 { padding-left: 20px } .pl_lg--25 { padding-left: 25px } .pl_lg--30 { padding-left: 30px } .pl_lg--35 { padding-left: 35px } .pl_lg--40 { padding-left: 40px } .pl_lg--45 { padding-left: 45px } .pl_lg--50 { padding-left: 50px } .pl_lg--55 { padding-left: 55px } .pl_lg--60 { padding-left: 60px } .pl_lg--65 { padding-left: 65px } .pl_lg--70 { padding-left: 70px } .pl_lg--75 { padding-left: 75px } .pl_lg--80 { padding-left: 80px } .pl_lg--85 { padding-left: 85px } .pl_lg--90 { padding-left: 90px } .pl_lg--95 { padding-left: 95px } .pl_lg--100 { padding-left: 100px } .pl_lg--105 { padding-left: 105px } .pl_lg--110 { padding-left: 110px } .pl_lg--115 { padding-left: 115px } .pl_lg--120 { padding-left: 120px } .pl_lg--125 { padding-left: 125px } .pl_lg--130 { padding-left: 130px } .pl_lg--135 { padding-left: 135px } .pl_lg--140 { padding-left: 140px } .pl_lg--145 { padding-left: 145px } .pl_lg--150 { padding-left: 150px } .pl_lg--155 { padding-left: 155px } .pl_lg--160 { padding-left: 160px } .pl_lg--165 { padding-left: 165px } .pl_lg--170 { padding-left: 170px } .pl_lg--175 { padding-left: 175px } .pl_lg--180 { padding-left: 180px } .pl_lg--185 { padding-left: 185px } .pl_lg--190 { padding-left: 190px } .pl_lg--195 { padding-left: 195px } .pl_lg--200 { padding-left: 200px } .pl_lg--205 { padding-left: 205px } .pl_lg--210 { padding-left: 210px } .pl_lg--215 { padding-left: 215px } .pl_lg--220 { padding-left: 220px } .pl_lg--225 { padding-left: 225px } .pl_lg--230 { padding-left: 230px } .pl_lg--235 { padding-left: 235px } .pl_lg--240 { padding-left: 240px } .pl_lg--245 { padding-left: 245px } .pl_lg--250 { padding-left: 250px } } @media screen and (max-width: 992px) { .pl_md--5 { padding-left:5px } .pl_md--10 { padding-left: 10px } .pl_md--15 { padding-left: 15px } .pl_md--20 { padding-left: 20px } .pl_md--25 { padding-left: 25px } .pl_md--30 { padding-left: 30px } .pl_md--35 { padding-left: 35px } .pl_md--40 { padding-left: 40px } .pl_md--45 { padding-left: 45px } .pl_md--50 { padding-left: 50px } .pl_md--55 { padding-left: 55px } .pl_md--60 { padding-left: 60px } .pl_md--65 { padding-left: 65px } .pl_md--70 { padding-left: 70px } .pl_md--75 { padding-left: 75px } .pl_md--80 { padding-left: 80px } .pl_md--85 { padding-left: 85px } .pl_md--90 { padding-left: 90px } .pl_md--95 { padding-left: 95px } .pl_md--100 { padding-left: 100px } .pl_md--105 { padding-left: 105px } .pl_md--110 { padding-left: 110px } .pl_md--115 { padding-left: 115px } .pl_md--120 { padding-left: 120px } .pl_md--125 { padding-left: 125px } .pl_md--130 { padding-left: 130px } .pl_md--135 { padding-left: 135px } .pl_md--140 { padding-left: 140px } .pl_md--145 { padding-left: 145px } .pl_md--150 { padding-left: 150px } .pl_md--155 { padding-left: 155px } .pl_md--160 { padding-left: 160px } .pl_md--165 { padding-left: 165px } .pl_md--170 { padding-left: 170px } .pl_md--175 { padding-left: 175px } .pl_md--180 { padding-left: 180px } .pl_md--185 { padding-left: 185px } .pl_md--190 { padding-left: 190px } .pl_md--195 { padding-left: 195px } .pl_md--200 { padding-left: 200px } .pl_md--205 { padding-left: 205px } .pl_md--210 { padding-left: 210px } .pl_md--215 { padding-left: 215px } .pl_md--220 { padding-left: 220px } .pl_md--225 { padding-left: 225px } .pl_md--230 { padding-left: 230px } .pl_md--235 { padding-left: 235px } .pl_md--240 { padding-left: 240px } .pl_md--245 { padding-left: 245px } .pl_md--250 { padding-left: 250px } } @media only screen and (max-width: 768px) { .pl_sm--5 { padding-left:5px } .pl_sm--10 { padding-left: 10px } .pl_sm--15 { padding-left: 15px } .pl_sm--20 { padding-left: 20px } .pl_sm--25 { padding-left: 25px } .pl_sm--30 { padding-left: 30px } .pl_sm--35 { padding-left: 35px } .pl_sm--40 { padding-left: 40px } .pl_sm--45 { padding-left: 45px } .pl_sm--50 { padding-left: 50px } .pl_sm--55 { padding-left: 55px } .pl_sm--60 { padding-left: 60px } .pl_sm--65 { padding-left: 65px } .pl_sm--70 { padding-left: 70px } .pl_sm--75 { padding-left: 75px } .pl_sm--80 { padding-left: 80px } .pl_sm--85 { padding-left: 85px } .pl_sm--90 { padding-left: 90px } .pl_sm--95 { padding-left: 95px } .pl_sm--100 { padding-left: 100px } .pl_sm--105 { padding-left: 105px } .pl_sm--110 { padding-left: 110px } .pl_sm--115 { padding-left: 115px } .pl_sm--120 { padding-left: 120px } .pl_sm--125 { padding-left: 125px } .pl_sm--130 { padding-left: 130px } .pl_sm--135 { padding-left: 135px } .pl_sm--140 { padding-left: 140px } .pl_sm--145 { padding-left: 145px } .pl_sm--150 { padding-left: 150px } .pl_sm--155 { padding-left: 155px } .pl_sm--160 { padding-left: 160px } .pl_sm--165 { padding-left: 165px } .pl_sm--170 { padding-left: 170px } .pl_sm--175 { padding-left: 175px } .pl_sm--180 { padding-left: 180px } .pl_sm--185 { padding-left: 185px } .pl_sm--190 { padding-left: 190px } .pl_sm--195 { padding-left: 195px } .pl_sm--200 { padding-left: 200px } .pl_sm--205 { padding-left: 205px } .pl_sm--210 { padding-left: 210px } .pl_sm--215 { padding-left: 215px } .pl_sm--220 { padding-left: 220px } .pl_sm--225 { padding-left: 225px } .pl_sm--230 { padding-left: 230px } .pl_sm--235 { padding-left: 235px } .pl_sm--240 { padding-left: 240px } .pl_sm--245 { padding-left: 245px } .pl_sm--250 { padding-left: 250px } } @media screen and (max-width: 480px) { .pl_xs--5 { padding-left:5px } .pl_xs--10 { padding-left: 10px } .pl_xs--15 { padding-left: 15px } .pl_xs--20 { padding-left: 20px } .pl_xs--25 { padding-left: 25px } .pl_xs--30 { padding-left: 30px } .pl_xs--35 { padding-left: 35px } .pl_xs--40 { padding-left: 40px } .pl_xs--45 { padding-left: 45px } .pl_xs--50 { padding-left: 50px } .pl_xs--55 { padding-left: 55px } .pl_xs--60 { padding-left: 60px } .pl_xs--65 { padding-left: 65px } .pl_xs--70 { padding-left: 70px } .pl_xs--75 { padding-left: 75px } .pl_xs--80 { padding-left: 80px } .pl_xs--85 { padding-left: 85px } .pl_xs--90 { padding-left: 90px } .pl_xs--95 { padding-left: 95px } .pl_xs--100 { padding-left: 100px } .pl_xs--105 { padding-left: 105px } .pl_xs--110 { padding-left: 110px } .pl_xs--115 { padding-left: 115px } .pl_xs--120 { padding-left: 120px } .pl_xs--125 { padding-left: 125px } .pl_xs--130 { padding-left: 130px } .pl_xs--135 { padding-left: 135px } .pl_xs--140 { padding-left: 140px } .pl_xs--145 { padding-left: 145px } .pl_xs--150 { padding-left: 150px } .pl_xs--155 { padding-left: 155px } .pl_xs--160 { padding-left: 160px } .pl_xs--165 { padding-left: 165px } .pl_xs--170 { padding-left: 170px } .pl_xs--175 { padding-left: 175px } .pl_xs--180 { padding-left: 180px } .pl_xs--185 { padding-left: 185px } .pl_xs--190 { padding-left: 190px } .pl_xs--195 { padding-left: 195px } .pl_xs--200 { padding-left: 200px } .pl_xs--205 { padding-left: 205px } .pl_xs--210 { padding-left: 210px } .pl_xs--215 { padding-left: 215px } .pl_xs--220 { padding-left: 220px } .pl_xs--225 { padding-left: 225px } .pl_xs--230 { padding-left: 230px } .pl_xs--235 { padding-left: 235px } .pl_xs--240 { padding-left: 240px } .pl_xs--245 { padding-left: 245px } .pl_xs--250 { padding-left: 250px } } .pr--5 { padding-right: 5px } .pr--10 { padding-right: 10px } .pr--15 { padding-right: 15px } .pr--20 { padding-right: 20px } .pr--25 { padding-right: 25px } .pr--30 { padding-right: 30px } .pr--35 { padding-right: 35px } .pr--40 { padding-right: 40px } .pr--45 { padding-right: 45px } .pr--50 { padding-right: 50px } .pr--55 { padding-right: 55px } .pr--60 { padding-right: 60px } .pr--65 { padding-right: 65px } .pr--70 { padding-right: 70px } .pr--75 { padding-right: 75px } .pr--80 { padding-right: 80px } .pr--85 { padding-right: 85px } .pr--90 { padding-right: 90px } .pr--95 { padding-right: 95px } .pr--100 { padding-right: 100px } .pr--105 { padding-right: 105px } .pr--110 { padding-right: 110px } .pr--115 { padding-right: 115px } .pr--120 { padding-right: 120px } .pr--125 { padding-right: 125px } .pr--130 { padding-right: 130px } .pr--135 { padding-right: 135px } .pr--140 { padding-right: 140px } .pr--145 { padding-right: 145px } .pr--150 { padding-right: 150px } .pr--155 { padding-right: 155px } .pr--160 { padding-right: 160px } .pr--165 { padding-right: 165px } .pr--170 { padding-right: 170px } .pr--175 { padding-right: 175px } .pr--180 { padding-right: 180px } .pr--185 { padding-right: 185px } .pr--190 { padding-right: 190px } .pr--195 { padding-right: 195px } .pr--200 { padding-right: 200px } .pr--205 { padding-right: 205px } .pr--210 { padding-right: 210px } .pr--215 { padding-right: 215px } .pr--220 { padding-right: 220px } .pr--225 { padding-right: 225px } .pr--230 { padding-right: 230px } .pr--235 { padding-right: 235px } .pr--240 { padding-right: 240px } .pr--245 { padding-right: 245px } .pr--250 { padding-right: 250px } @media screen and (min-width: 1200px) { .pr_lg--5 { padding-right:5px } .pr_lg--10 { padding-right: 10px } .pr_lg--15 { padding-right: 15px } .pr_lg--20 { padding-right: 20px } .pr_lg--25 { padding-right: 25px } .pr_lg--30 { padding-right: 30px } .pr_lg--35 { padding-right: 35px } .pr_lg--40 { padding-right: 40px } .pr_lg--45 { padding-right: 45px } .pr_lg--50 { padding-right: 50px } .pr_lg--55 { padding-right: 55px } .pr_lg--60 { padding-right: 60px } .pr_lg--65 { padding-right: 65px } .pr_lg--70 { padding-right: 70px } .pr_lg--75 { padding-right: 75px } .pr_lg--80 { padding-right: 80px } .pr_lg--85 { padding-right: 85px } .pr_lg--90 { padding-right: 90px } .pr_lg--95 { padding-right: 95px } .pr_lg--100 { padding-right: 100px } .pr_lg--105 { padding-right: 105px } .pr_lg--110 { padding-right: 110px } .pr_lg--115 { padding-right: 115px } .pr_lg--120 { padding-right: 120px } .pr_lg--125 { padding-right: 125px } .pr_lg--130 { padding-right: 130px } .pr_lg--135 { padding-right: 135px } .pr_lg--140 { padding-right: 140px } .pr_lg--145 { padding-right: 145px } .pr_lg--150 { padding-right: 150px } .pr_lg--155 { padding-right: 155px } .pr_lg--160 { padding-right: 160px } .pr_lg--165 { padding-right: 165px } .pr_lg--170 { padding-right: 170px } .pr_lg--175 { padding-right: 175px } .pr_lg--180 { padding-right: 180px } .pr_lg--185 { padding-right: 185px } .pr_lg--190 { padding-right: 190px } .pr_lg--195 { padding-right: 195px } .pr_lg--200 { padding-right: 200px } .pr_lg--205 { padding-right: 205px } .pr_lg--210 { padding-right: 210px } .pr_lg--215 { padding-right: 215px } .pr_lg--220 { padding-right: 220px } .pr_lg--225 { padding-right: 225px } .pr_lg--230 { padding-right: 230px } .pr_lg--235 { padding-right: 235px } .pr_lg--240 { padding-right: 240px } .pr_lg--245 { padding-right: 245px } .pr_lg--250 { padding-right: 250px } } @media screen and (max-width: 992px) { .pr_lg--5 { padding-right:5px } .pr_lg--10 { padding-right: 10px } .pr_lg--15 { padding-right: 15px } .pr_lg--20 { padding-right: 20px } .pr_lg--25 { padding-right: 25px } .pr_lg--30 { padding-right: 30px } .pr_lg--35 { padding-right: 35px } .pr_lg--40 { padding-right: 40px } .pr_lg--45 { padding-right: 45px } .pr_lg--50 { padding-right: 50px } .pr_lg--55 { padding-right: 55px } .pr_lg--60 { padding-right: 60px } .pr_lg--65 { padding-right: 65px } .pr_lg--70 { padding-right: 70px } .pr_lg--75 { padding-right: 75px } .pr_lg--80 { padding-right: 80px } .pr_lg--85 { padding-right: 85px } .pr_lg--90 { padding-right: 90px } .pr_lg--95 { padding-right: 95px } .pr_lg--100 { padding-right: 100px } .pr_lg--105 { padding-right: 105px } .pr_lg--110 { padding-right: 110px } .pr_lg--115 { padding-right: 115px } .pr_lg--120 { padding-right: 120px } .pr_lg--125 { padding-right: 125px } .pr_lg--130 { padding-right: 130px } .pr_lg--135 { padding-right: 135px } .pr_lg--140 { padding-right: 140px } .pr_lg--145 { padding-right: 145px } .pr_lg--150 { padding-right: 150px } .pr_lg--155 { padding-right: 155px } .pr_lg--160 { padding-right: 160px } .pr_lg--165 { padding-right: 165px } .pr_lg--170 { padding-right: 170px } .pr_lg--175 { padding-right: 175px } .pr_lg--180 { padding-right: 180px } .pr_lg--185 { padding-right: 185px } .pr_lg--190 { padding-right: 190px } .pr_lg--195 { padding-right: 195px } .pr_lg--200 { padding-right: 200px } .pr_lg--205 { padding-right: 205px } .pr_lg--210 { padding-right: 210px } .pr_lg--215 { padding-right: 215px } .pr_lg--220 { padding-right: 220px } .pr_lg--225 { padding-right: 225px } .pr_lg--230 { padding-right: 230px } .pr_lg--235 { padding-right: 235px } .pr_lg--240 { padding-right: 240px } .pr_lg--245 { padding-right: 245px } .pr_lg--250 { padding-right: 250px } } @media only screen and (max-width: 768px) { .pr_lg--5 { padding-right:5px } .pr_lg--10 { padding-right: 10px } .pr_lg--15 { padding-right: 15px } .pr_lg--20 { padding-right: 20px } .pr_lg--25 { padding-right: 25px } .pr_lg--30 { padding-right: 30px } .pr_lg--35 { padding-right: 35px } .pr_lg--40 { padding-right: 40px } .pr_lg--45 { padding-right: 45px } .pr_lg--50 { padding-right: 50px } .pr_lg--55 { padding-right: 55px } .pr_lg--60 { padding-right: 60px } .pr_lg--65 { padding-right: 65px } .pr_lg--70 { padding-right: 70px } .pr_lg--75 { padding-right: 75px } .pr_lg--80 { padding-right: 80px } .pr_lg--85 { padding-right: 85px } .pr_lg--90 { padding-right: 90px } .pr_lg--95 { padding-right: 95px } .pr_lg--100 { padding-right: 100px } .pr_lg--105 { padding-right: 105px } .pr_lg--110 { padding-right: 110px } .pr_lg--115 { padding-right: 115px } .pr_lg--120 { padding-right: 120px } .pr_lg--125 { padding-right: 125px } .pr_lg--130 { padding-right: 130px } .pr_lg--135 { padding-right: 135px } .pr_lg--140 { padding-right: 140px } .pr_lg--145 { padding-right: 145px } .pr_lg--150 { padding-right: 150px } .pr_lg--155 { padding-right: 155px } .pr_lg--160 { padding-right: 160px } .pr_lg--165 { padding-right: 165px } .pr_lg--170 { padding-right: 170px } .pr_lg--175 { padding-right: 175px } .pr_lg--180 { padding-right: 180px } .pr_lg--185 { padding-right: 185px } .pr_lg--190 { padding-right: 190px } .pr_lg--195 { padding-right: 195px } .pr_lg--200 { padding-right: 200px } .pr_lg--205 { padding-right: 205px } .pr_lg--210 { padding-right: 210px } .pr_lg--215 { padding-right: 215px } .pr_lg--220 { padding-right: 220px } .pr_lg--225 { padding-right: 225px } .pr_lg--230 { padding-right: 230px } .pr_lg--235 { padding-right: 235px } .pr_lg--240 { padding-right: 240px } .pr_lg--245 { padding-right: 245px } .pr_lg--250 { padding-right: 250px } } @media screen and (max-width: 480px) { .pr_lg--5 { padding-right:5px } .pr_lg--10 { padding-right: 10px } .pr_lg--15 { padding-right: 15px } .pr_lg--20 { padding-right: 20px } .pr_lg--25 { padding-right: 25px } .pr_lg--30 { padding-right: 30px } .pr_lg--35 { padding-right: 35px } .pr_lg--40 { padding-right: 40px } .pr_lg--45 { padding-right: 45px } .pr_lg--50 { padding-right: 50px } .pr_lg--55 { padding-right: 55px } .pr_lg--60 { padding-right: 60px } .pr_lg--65 { padding-right: 65px } .pr_lg--70 { padding-right: 70px } .pr_lg--75 { padding-right: 75px } .pr_lg--80 { padding-right: 80px } .pr_lg--85 { padding-right: 85px } .pr_lg--90 { padding-right: 90px } .pr_lg--95 { padding-right: 95px } .pr_lg--100 { padding-right: 100px } .pr_lg--105 { padding-right: 105px } .pr_lg--110 { padding-right: 110px } .pr_lg--115 { padding-right: 115px } .pr_lg--120 { padding-right: 120px } .pr_lg--125 { padding-right: 125px } .pr_lg--130 { padding-right: 130px } .pr_lg--135 { padding-right: 135px } .pr_lg--140 { padding-right: 140px } .pr_lg--145 { padding-right: 145px } .pr_lg--150 { padding-right: 150px } .pr_lg--155 { padding-right: 155px } .pr_lg--160 { padding-right: 160px } .pr_lg--165 { padding-right: 165px } .pr_lg--170 { padding-right: 170px } .pr_lg--175 { padding-right: 175px } .pr_lg--180 { padding-right: 180px } .pr_lg--185 { padding-right: 185px } .pr_lg--190 { padding-right: 190px } .pr_lg--195 { padding-right: 195px } .pr_lg--200 { padding-right: 200px } .pr_lg--205 { padding-right: 205px } .pr_lg--210 { padding-right: 210px } .pr_lg--215 { padding-right: 215px } .pr_lg--220 { padding-right: 220px } .pr_lg--225 { padding-right: 225px } .pr_lg--230 { padding-right: 230px } .pr_lg--235 { padding-right: 235px } .pr_lg--240 { padding-right: 240px } .pr_lg--245 { padding-right: 245px } .pr_lg--250 { padding-right: 250px } } .plr--5 { padding: 0 5px } .plr--10 { padding: 0 10px } .plr--15 { padding: 0 15px } .plr--20 { padding: 0 20px } .plr--25 { padding: 0 25px } .plr--30 { padding: 0 30px } .plr--35 { padding: 0 35px } .plr--40 { padding: 0 40px } .plr--45 { padding: 0 45px } .plr--50 { padding: 0 50px } .plr--55 { padding: 0 55px } .plr--60 { padding: 0 60px } .plr--65 { padding: 0 65px } .plr--70 { padding: 0 70px } .plr--75 { padding: 0 75px } .plr--80 { padding: 0 80px } .plr--85 { padding: 0 85px } .plr--90 { padding: 0 90px } .plr--95 { padding: 0 95px } .plr--100 { padding: 0 100px } .plr--105 { padding: 0 105px } .plr--110 { padding: 0 110px } .plr--115 { padding: 0 115px } .plr--120 { padding: 0 120px } .plr--125 { padding: 0 125px } .plr--130 { padding: 0 130px } .plr--135 { padding: 0 135px } .plr--140 { padding: 0 140px } .plr--145 { padding: 0 145px } .plr--150 { padding: 0 150px } .plr--155 { padding: 0 155px } .plr--160 { padding: 0 160px } .plr--165 { padding: 0 165px } .plr--170 { padding: 0 170px } .plr--175 { padding: 0 175px } .plr--180 { padding: 0 180px } .plr--185 { padding: 0 185px } .plr--190 { padding: 0 190px } .plr--195 { padding: 0 195px } .plr--200 { padding: 0 200px } .plr--205 { padding: 0 205px } .plr--210 { padding: 0 210px } .plr--215 { padding: 0 215px } .plr--220 { padding: 0 220px } .plr--225 { padding: 0 225px } .plr--230 { padding: 0 230px } .plr--235 { padding: 0 235px } .plr--240 { padding: 0 240px } .plr--245 { padding: 0 245px } .plr--250 { padding: 0 250px } @media screen and (min-width: 1200px) { .plr_lg--5 { padding:0 5px } .plr_lg--10 { padding: 0 10px } .plr_lg--15 { padding: 0 15px } .plr_lg--20 { padding: 0 20px } .plr_lg--25 { padding: 0 25px } .plr_lg--30 { padding: 0 30px } .plr_lg--35 { padding: 0 35px } .plr_lg--40 { padding: 0 40px } .plr_lg--45 { padding: 0 45px } .plr_lg--50 { padding: 0 50px } .plr_lg--55 { padding: 0 55px } .plr_lg--60 { padding: 0 60px } .plr_lg--65 { padding: 0 65px } .plr_lg--70 { padding: 0 70px } .plr_lg--75 { padding: 0 75px } .plr_lg--80 { padding: 0 80px } .plr_lg--85 { padding: 0 85px } .plr_lg--90 { padding: 0 90px } .plr_lg--95 { padding: 0 95px } .plr_lg--100 { padding: 0 100px } .plr_lg--105 { padding: 0 105px } .plr_lg--110 { padding: 0 110px } .plr_lg--115 { padding: 0 115px } .plr_lg--120 { padding: 0 120px } .plr_lg--125 { padding: 0 125px } .plr_lg--130 { padding: 0 130px } .plr_lg--135 { padding: 0 135px } .plr_lg--140 { padding: 0 140px } .plr_lg--145 { padding: 0 145px } .plr_lg--150 { padding: 0 150px } .plr_lg--155 { padding: 0 155px } .plr_lg--160 { padding: 0 160px } .plr_lg--165 { padding: 0 165px } .plr_lg--170 { padding: 0 170px } .plr_lg--175 { padding: 0 175px } .plr_lg--180 { padding: 0 180px } .plr_lg--185 { padding: 0 185px } .plr_lg--190 { padding: 0 190px } .plr_lg--195 { padding: 0 195px } .plr_lg--200 { padding: 0 200px } .plr_lg--205 { padding: 0 205px } .plr_lg--210 { padding: 0 210px } .plr_lg--215 { padding: 0 215px } .plr_lg--220 { padding: 0 220px } .plr_lg--225 { padding: 0 225px } .plr_lg--230 { padding: 0 230px } .plr_lg--235 { padding: 0 235px } .plr_lg--240 { padding: 0 240px } .plr_lg--245 { padding: 0 245px } .plr_lg--250 { padding: 0 250px } } @media screen and (max-width: 992px) { .plr_md--5 { padding:0 5px } .plr_md--10 { padding: 0 10px } .plr_md--15 { padding: 0 15px } .plr_md--20 { padding: 0 20px } .plr_md--25 { padding: 0 25px } .plr_md--30 { padding: 0 30px } .plr_md--35 { padding: 0 35px } .plr_md--40 { padding: 0 40px } .plr_md--45 { padding: 0 45px } .plr_md--50 { padding: 0 50px } .plr_md--55 { padding: 0 55px } .plr_md--60 { padding: 0 60px } .plr_md--65 { padding: 0 65px } .plr_md--70 { padding: 0 70px } .plr_md--75 { padding: 0 75px } .plr_md--80 { padding: 0 80px } .plr_md--85 { padding: 0 85px } .plr_md--90 { padding: 0 90px } .plr_md--95 { padding: 0 95px } .plr_md--100 { padding: 0 100px } .plr_md--105 { padding: 0 105px } .plr_md--110 { padding: 0 110px } .plr_md--115 { padding: 0 115px } .plr_md--120 { padding: 0 120px } .plr_md--125 { padding: 0 125px } .plr_md--130 { padding: 0 130px } .plr_md--135 { padding: 0 135px } .plr_md--140 { padding: 0 140px } .plr_md--145 { padding: 0 145px } .plr_md--150 { padding: 0 150px } .plr_md--155 { padding: 0 155px } .plr_md--160 { padding: 0 160px } .plr_md--165 { padding: 0 165px } .plr_md--170 { padding: 0 170px } .plr_md--175 { padding: 0 175px } .plr_md--180 { padding: 0 180px } .plr_md--185 { padding: 0 185px } .plr_md--190 { padding: 0 190px } .plr_md--195 { padding: 0 195px } .plr_md--200 { padding: 0 200px } .plr_md--205 { padding: 0 205px } .plr_md--210 { padding: 0 210px } .plr_md--215 { padding: 0 215px } .plr_md--220 { padding: 0 220px } .plr_md--225 { padding: 0 225px } .plr_md--230 { padding: 0 230px } .plr_md--235 { padding: 0 235px } .plr_md--240 { padding: 0 240px } .plr_md--245 { padding: 0 245px } .plr_md--250 { padding: 0 250px } } @media only screen and (max-width: 768px) { .plr_sm--5 { padding:0 5px } .plr_sm--10 { padding: 0 10px } .plr_sm--15 { padding: 0 15px } .plr_sm--20 { padding: 0 20px } .plr_sm--25 { padding: 0 25px } .plr_sm--30 { padding: 0 30px } .plr_sm--35 { padding: 0 35px } .plr_sm--40 { padding: 0 40px } .plr_sm--45 { padding: 0 45px } .plr_sm--50 { padding: 0 50px } .plr_sm--55 { padding: 0 55px } .plr_sm--60 { padding: 0 60px } .plr_sm--65 { padding: 0 65px } .plr_sm--70 { padding: 0 70px } .plr_sm--75 { padding: 0 75px } .plr_sm--80 { padding: 0 80px } .plr_sm--85 { padding: 0 85px } .plr_sm--90 { padding: 0 90px } .plr_sm--95 { padding: 0 95px } .plr_sm--100 { padding: 0 100px } .plr_sm--105 { padding: 0 105px } .plr_sm--110 { padding: 0 110px } .plr_sm--115 { padding: 0 115px } .plr_sm--120 { padding: 0 120px } .plr_sm--125 { padding: 0 125px } .plr_sm--130 { padding: 0 130px } .plr_sm--135 { padding: 0 135px } .plr_sm--140 { padding: 0 140px } .plr_sm--145 { padding: 0 145px } .plr_sm--150 { padding: 0 150px } .plr_sm--155 { padding: 0 155px } .plr_sm--160 { padding: 0 160px } .plr_sm--165 { padding: 0 165px } .plr_sm--170 { padding: 0 170px } .plr_sm--175 { padding: 0 175px } .plr_sm--180 { padding: 0 180px } .plr_sm--185 { padding: 0 185px } .plr_sm--190 { padding: 0 190px } .plr_sm--195 { padding: 0 195px } .plr_sm--200 { padding: 0 200px } .plr_sm--205 { padding: 0 205px } .plr_sm--210 { padding: 0 210px } .plr_sm--215 { padding: 0 215px } .plr_sm--220 { padding: 0 220px } .plr_sm--225 { padding: 0 225px } .plr_sm--230 { padding: 0 230px } .plr_sm--235 { padding: 0 235px } .plr_sm--240 { padding: 0 240px } .plr_sm--245 { padding: 0 245px } .plr_sm--250 { padding: 0 250px } } @media screen and (max-width: 480px) { .plr_xs--5 { padding:0 5px } .plr_xs--10 { padding: 0 10px } .plr_xs--15 { padding: 0 15px } .plr_xs--20 { padding: 0 20px } .plr_xs--25 { padding: 0 25px } .plr_xs--30 { padding: 0 30px } .plr_xs--35 { padding: 0 35px } .plr_xs--40 { padding: 0 40px } .plr_xs--45 { padding: 0 45px } .plr_xs--50 { padding: 0 50px } .plr_xs--55 { padding: 0 55px } .plr_xs--60 { padding: 0 60px } .plr_xs--65 { padding: 0 65px } .plr_xs--70 { padding: 0 70px } .plr_xs--75 { padding: 0 75px } .plr_xs--80 { padding: 0 80px } .plr_xs--85 { padding: 0 85px } .plr_xs--90 { padding: 0 90px } .plr_xs--95 { padding: 0 95px } .plr_xs--100 { padding: 0 100px } .plr_xs--105 { padding: 0 105px } .plr_xs--110 { padding: 0 110px } .plr_xs--115 { padding: 0 115px } .plr_xs--120 { padding: 0 120px } .plr_xs--125 { padding: 0 125px } .plr_xs--130 { padding: 0 130px } .plr_xs--135 { padding: 0 135px } .plr_xs--140 { padding: 0 140px } .plr_xs--145 { padding: 0 145px } .plr_xs--150 { padding: 0 150px } .plr_xs--155 { padding: 0 155px } .plr_xs--160 { padding: 0 160px } .plr_xs--165 { padding: 0 165px } .plr_xs--170 { padding: 0 170px } .plr_xs--175 { padding: 0 175px } .plr_xs--180 { padding: 0 180px } .plr_xs--185 { padding: 0 185px } .plr_xs--190 { padding: 0 190px } .plr_xs--195 { padding: 0 195px } .plr_xs--200 { padding: 0 200px } .plr_xs--205 { padding: 0 205px } .plr_xs--210 { padding: 0 210px } .plr_xs--215 { padding: 0 215px } .plr_xs--220 { padding: 0 220px } .plr_xs--225 { padding: 0 225px } .plr_xs--230 { padding: 0 230px } .plr_xs--235 { padding: 0 235px } .plr_xs--240 { padding: 0 240px } .plr_xs--245 { padding: 0 245px } .plr_xs--250 { padding: 0 250px } } .pl--0 { padding-left: 0!important } .pr--0 { padding-right: 0!important } .mt--0 { margin-top: 0 } .mt--5 { margin-top: 5px } .mt--10 { margin-top: 10px } .mt--15 { margin-top: 15px } .mt--20 { margin-top: 20px } .mt--25 { margin-top: 25px } .mt--30 { margin-top: 30px } .mt--35 { margin-top: 35px } .mt--40 { margin-top: 40px } .mt--45 { margin-top: 45px } .mt--50 { margin-top: 50px } .mt--55 { margin-top: 55px } .mt--60 { margin-top: 60px } .mt--65 { margin-top: 65px } .mt--70 { margin-top: 70px } .mt--75 { margin-top: 75px } .mt--80 { margin-top: 80px } .mt--85 { margin-top: 85px } .mt--90 { margin-top: 90px } .mt--95 { margin-top: 95px } .mt--100 { margin-top: 100px } .mt--105 { margin-top: 105px } .mt--110 { margin-top: 110px } .mt--115 { margin-top: 115px } .mt--120 { margin-top: 120px } .mt--125 { margin-top: 125px } .mt--130 { margin-top: 130px } .mt--135 { margin-top: 135px } .mt--140 { margin-top: 140px } .mt--145 { margin-top: 145px } .mt--150 { margin-top: 150px } .mt--155 { margin-top: 155px } .mt--160 { margin-top: 160px } .mt--165 { margin-top: 165px } .mt--170 { margin-top: 170px } .mt--175 { margin-top: 175px } .mt--180 { margin-top: 180px } .mt--185 { margin-top: 185px } .mt--190 { margin-top: 190px } .mt--195 { margin-top: 195px } .mt--200 { margin-top: 200px } .mt--205 { margin-top: 205px } .mt--210 { margin-top: 210px } .mt--215 { margin-top: 215px } .mt--220 { margin-top: 220px } .mt--225 { margin-top: 225px } .mt--230 { margin-top: 230px } .mt--235 { margin-top: 235px } .mt--240 { margin-top: 240px } .mt--245 { margin-top: 245px } .mt--250 { margin-top: 250px } @media screen and (min-width: 1200px) { .mt_lg--5 { margin-top:5px } .mt_lg--10 { margin-top: 10px } .mt_lg--15 { margin-top: 15px } .mt_lg--20 { margin-top: 20px } .mt_lg--25 { margin-top: 25px } .mt_lg--30 { margin-top: 30px } .mt_lg--35 { margin-top: 35px } .mt_lg--40 { margin-top: 40px } .mt_lg--45 { margin-top: 45px } .mt_lg--50 { margin-top: 50px } .mt_lg--55 { margin-top: 55px } .mt_lg--60 { margin-top: 60px } .mt_lg--65 { margin-top: 65px } .mt_lg--70 { margin-top: 70px } .mt_lg--75 { margin-top: 75px } .mt_lg--80 { margin-top: 80px } .mt_lg--85 { margin-top: 85px } .mt_lg--90 { margin-top: 90px } .mt_lg--95 { margin-top: 95px } .mt_lg--100 { margin-top: 100px } .mt_lg--105 { margin-top: 105px } .mt_lg--110 { margin-top: 110px } .mt_lg--115 { margin-top: 115px } .mt_lg--120 { margin-top: 120px } .mt_lg--125 { margin-top: 125px } .mt_lg--130 { margin-top: 130px } .mt_lg--135 { margin-top: 135px } .mt_lg--140 { margin-top: 140px } .mt_lg--145 { margin-top: 145px } .mt_lg--150 { margin-top: 150px } .mt_lg--155 { margin-top: 155px } .mt_lg--160 { margin-top: 160px } .mt_lg--165 { margin-top: 165px } .mt_lg--170 { margin-top: 170px } .mt_lg--175 { margin-top: 175px } .mt_lg--180 { margin-top: 180px } .mt_lg--185 { margin-top: 185px } .mt_lg--190 { margin-top: 190px } .mt_lg--195 { margin-top: 195px } .mt_lg--200 { margin-top: 200px } .mt_lg--205 { margin-top: 205px } .mt_lg--210 { margin-top: 210px } .mt_lg--215 { margin-top: 215px } .mt_lg--220 { margin-top: 220px } .mt_lg--225 { margin-top: 225px } .mt_lg--230 { margin-top: 230px } .mt_lg--235 { margin-top: 235px } .mt_lg--240 { margin-top: 240px } .mt_lg--245 { margin-top: 245px } .mt_lg--250 { margin-top: 250px } } @media screen and (max-width: 992px) { .mt_md--5 { margin-top:5px } .mt_md--10 { margin-top: 10px } .mt_md--15 { margin-top: 15px } .mt_md--20 { margin-top: 20px } .mt_md--25 { margin-top: 25px } .mt_md--30 { margin-top: 30px } .mt_md--35 { margin-top: 35px } .mt_md--40 { margin-top: 40px } .mt_md--45 { margin-top: 45px } .mt_md--50 { margin-top: 50px } .mt_md--55 { margin-top: 55px } .mt_md--60 { margin-top: 60px } .mt_md--65 { margin-top: 65px } .mt_md--70 { margin-top: 70px } .mt_md--75 { margin-top: 75px } .mt_md--80 { margin-top: 80px } .mt_md--85 { margin-top: 85px } .mt_md--90 { margin-top: 90px } .mt_md--95 { margin-top: 95px } .mt_md--100 { margin-top: 100px } .mt_md--105 { margin-top: 105px } .mt_md--110 { margin-top: 110px } .mt_md--115 { margin-top: 115px } .mt_md--120 { margin-top: 120px } .mt_md--125 { margin-top: 125px } .mt_md--130 { margin-top: 130px } .mt_md--135 { margin-top: 135px } .mt_md--140 { margin-top: 140px } .mt_md--145 { margin-top: 145px } .mt_md--150 { margin-top: 150px } .mt_md--155 { margin-top: 155px } .mt_md--160 { margin-top: 160px } .mt_md--165 { margin-top: 165px } .mt_md--170 { margin-top: 170px } .mt_md--175 { margin-top: 175px } .mt_md--180 { margin-top: 180px } .mt_md--185 { margin-top: 185px } .mt_md--190 { margin-top: 190px } .mt_md--195 { margin-top: 195px } .mt_md--200 { margin-top: 200px } .mt_md--205 { margin-top: 205px } .mt_md--210 { margin-top: 210px } .mt_md--215 { margin-top: 215px } .mt_md--220 { margin-top: 220px } .mt_md--225 { margin-top: 225px } .mt_md--230 { margin-top: 230px } .mt_md--235 { margin-top: 235px } .mt_md--240 { margin-top: 240px } .mt_md--245 { margin-top: 245px } .mt_md--250 { margin-top: 250px } } @media only screen and (max-width: 768px) { .mt_sm--5 { margin-top:5px } .mt_sm--10 { margin-top: 10px } .mt_sm--15 { margin-top: 15px } .mt_sm--20 { margin-top: 20px } .mt_sm--25 { margin-top: 25px } .mt_sm--30 { margin-top: 30px } .mt_sm--35 { margin-top: 35px } .mt_sm--40 { margin-top: 40px } .mt_sm--45 { margin-top: 45px } .mt_sm--50 { margin-top: 50px } .mt_sm--55 { margin-top: 55px } .mt_sm--60 { margin-top: 60px } .mt_sm--65 { margin-top: 65px } .mt_sm--70 { margin-top: 70px } .mt_sm--75 { margin-top: 75px } .mt_sm--80 { margin-top: 80px } .mt_sm--85 { margin-top: 85px } .mt_sm--90 { margin-top: 90px } .mt_sm--95 { margin-top: 95px } .mt_sm--100 { margin-top: 100px } .mt_sm--105 { margin-top: 105px } .mt_sm--110 { margin-top: 110px } .mt_sm--115 { margin-top: 115px } .mt_sm--120 { margin-top: 120px } .mt_sm--125 { margin-top: 125px } .mt_sm--130 { margin-top: 130px } .mt_sm--135 { margin-top: 135px } .mt_sm--140 { margin-top: 140px } .mt_sm--145 { margin-top: 145px } .mt_sm--150 { margin-top: 150px } .mt_sm--155 { margin-top: 155px } .mt_sm--160 { margin-top: 160px } .mt_sm--165 { margin-top: 165px } .mt_sm--170 { margin-top: 170px } .mt_sm--175 { margin-top: 175px } .mt_sm--180 { margin-top: 180px } .mt_sm--185 { margin-top: 185px } .mt_sm--190 { margin-top: 190px } .mt_sm--195 { margin-top: 195px } .mt_sm--200 { margin-top: 200px } .mt_sm--205 { margin-top: 205px } .mt_sm--210 { margin-top: 210px } .mt_sm--215 { margin-top: 215px } .mt_sm--220 { margin-top: 220px } .mt_sm--225 { margin-top: 225px } .mt_sm--230 { margin-top: 230px } .mt_sm--235 { margin-top: 235px } .mt_sm--240 { margin-top: 240px } .mt_sm--245 { margin-top: 245px } .mt_sm--250 { margin-top: 250px } } @media screen and (max-width: 480px) { .mt_xs--5 { margin-top:5px } .mt_xs--10 { margin-top: 10px } .mt_xs--15 { margin-top: 15px } .mt_xs--20 { margin-top: 20px } .mt_xs--25 { margin-top: 25px } .mt_xs--30 { margin-top: 30px } .mt_xs--35 { margin-top: 35px } .mt_xs--40 { margin-top: 40px } .mt_xs--45 { margin-top: 45px } .mt_xs--50 { margin-top: 50px } .mt_xs--55 { margin-top: 55px } .mt_xs--60 { margin-top: 60px } .mt_xs--65 { margin-top: 65px } .mt_xs--70 { margin-top: 70px } .mt_xs--75 { margin-top: 75px } .mt_xs--80 { margin-top: 80px } .mt_xs--85 { margin-top: 85px } .mt_xs--90 { margin-top: 90px } .mt_xs--95 { margin-top: 95px } .mt_xs--100 { margin-top: 100px } .mt_xs--105 { margin-top: 105px } .mt_xs--110 { margin-top: 110px } .mt_xs--115 { margin-top: 115px } .mt_xs--120 { margin-top: 120px } .mt_xs--125 { margin-top: 125px } .mt_xs--130 { margin-top: 130px } .mt_xs--135 { margin-top: 135px } .mt_xs--140 { margin-top: 140px } .mt_xs--145 { margin-top: 145px } .mt_xs--150 { margin-top: 150px } .mt_xs--155 { margin-top: 155px } .mt_xs--160 { margin-top: 160px } .mt_xs--165 { margin-top: 165px } .mt_xs--170 { margin-top: 170px } .mt_xs--175 { margin-top: 175px } .mt_xs--180 { margin-top: 180px } .mt_xs--185 { margin-top: 185px } .mt_xs--190 { margin-top: 190px } .mt_xs--195 { margin-top: 195px } .mt_xs--200 { margin-top: 200px } .mt_xs--205 { margin-top: 205px } .mt_xs--210 { margin-top: 210px } .mt_xs--215 { margin-top: 215px } .mt_xs--220 { margin-top: 220px } .mt_xs--225 { margin-top: 225px } .mt_xs--230 { margin-top: 230px } .mt_xs--235 { margin-top: 235px } .mt_xs--240 { margin-top: 240px } .mt_xs--245 { margin-top: 245px } .mt_xs--250 { margin-top: 250px } } .mb--0 { margin-bottom: 0 } .mb--5 { margin-bottom: 5px } .mb--10 { margin-bottom: 10px } .mb--15 { margin-bottom: 15px } .mb--20 { margin-bottom: 20px } .mb--25 { margin-bottom: 25px } .mb--30 { margin-bottom: 30px } .mb--35 { margin-bottom: 35px } .mb--40 { margin-bottom: 40px } .mb--45 { margin-bottom: 45px } .mb--50 { margin-bottom: 50px } .mb--55 { margin-bottom: 55px } .mb--60 { margin-bottom: 60px } .mb--65 { margin-bottom: 65px } .mb--70 { margin-bottom: 70px } .mb--75 { margin-bottom: 75px } .mb--80 { margin-bottom: 80px } .mb--85 { margin-bottom: 85px } .mb--90 { margin-bottom: 90px } .mb--95 { margin-bottom: 95px } .mb--100 { margin-bottom: 100px } .mb--105 { margin-bottom: 105px } .mb--110 { margin-bottom: 110px } .mb--115 { margin-bottom: 115px } .mb--120 { margin-bottom: 120px } .mb--125 { margin-bottom: 125px } .mb--130 { margin-bottom: 130px } .mb--135 { margin-bottom: 135px } .mb--140 { margin-bottom: 140px } .mb--145 { margin-bottom: 145px } .mb--150 { margin-bottom: 150px } .mb--155 { margin-bottom: 155px } .mb--160 { margin-bottom: 160px } .mb--165 { margin-bottom: 165px } .mb--170 { margin-bottom: 170px } .mb--175 { margin-bottom: 175px } .mb--180 { margin-bottom: 180px } .mb--185 { margin-bottom: 185px } .mb--190 { margin-bottom: 190px } .mb--195 { margin-bottom: 195px } .mb--200 { margin-bottom: 200px } .mb--205 { margin-bottom: 205px } .mb--210 { margin-bottom: 210px } .mb--215 { margin-bottom: 215px } .mb--220 { margin-bottom: 220px } .mb--225 { margin-bottom: 225px } .mb--230 { margin-bottom: 230px } .mb--235 { margin-bottom: 235px } .mb--240 { margin-bottom: 240px } .mb--245 { margin-bottom: 245px } .mb--250 { margin-bottom: 250px } @media screen and (min-width: 1200px) { .mb_lg--5 { margin-left:5px } .mb_lg--10 { margin-left: 10px } .mb_lg--15 { margin-left: 15px } .mb_lg--20 { margin-left: 20px } .mb_lg--25 { margin-left: 25px } .mb_lg--30 { margin-left: 30px } .mb_lg--35 { margin-left: 35px } .mb_lg--40 { margin-left: 40px } .mb_lg--45 { margin-left: 45px } .mb_lg--50 { margin-left: 50px } .mb_lg--55 { margin-left: 55px } .mb_lg--60 { margin-left: 60px } .mb_lg--65 { margin-left: 65px } .mb_lg--70 { margin-left: 70px } .mb_lg--75 { margin-left: 75px } .mb_lg--80 { margin-left: 80px } .mb_lg--85 { margin-left: 85px } .mb_lg--90 { margin-left: 90px } .mb_lg--95 { margin-left: 95px } .mb_lg--100 { margin-left: 100px } .mb_lg--105 { margin-left: 105px } .mb_lg--110 { margin-left: 110px } .mb_lg--115 { margin-left: 115px } .mb_lg--120 { margin-left: 120px } .mb_lg--125 { margin-left: 125px } .mb_lg--130 { margin-left: 130px } .mb_lg--135 { margin-left: 135px } .mb_lg--140 { margin-left: 140px } .mb_lg--145 { margin-left: 145px } .mb_lg--150 { margin-left: 150px } .mb_lg--155 { margin-left: 155px } .mb_lg--160 { margin-left: 160px } .mb_lg--165 { margin-left: 165px } .mb_lg--170 { margin-left: 170px } .mb_lg--175 { margin-left: 175px } .mb_lg--180 { margin-left: 180px } .mb_lg--185 { margin-left: 185px } .mb_lg--190 { margin-left: 190px } .mb_lg--195 { margin-left: 195px } .mb_lg--200 { margin-left: 200px } .mb_lg--205 { margin-left: 205px } .mb_lg--210 { margin-left: 210px } .mb_lg--215 { margin-left: 215px } .mb_lg--220 { margin-left: 220px } .mb_lg--225 { margin-left: 225px } .mb_lg--230 { margin-left: 230px } .mb_lg--235 { margin-left: 235px } .mb_lg--240 { margin-left: 240px } .mb_lg--245 { margin-left: 245px } .mb_lg--250 { margin-left: 250px } } @media screen and (max-width: 992px) { .mb_md--5 { margin-left:5px } .mb_md--10 { margin-left: 10px } .mb_md--15 { margin-left: 15px } .mb_md--20 { margin-left: 20px } .mb_md--25 { margin-left: 25px } .mb_md--30 { margin-left: 30px } .mb_md--35 { margin-left: 35px } .mb_md--40 { margin-left: 40px } .mb_md--45 { margin-left: 45px } .mb_md--50 { margin-left: 50px } .mb_md--55 { margin-left: 55px } .mb_md--60 { margin-left: 60px } .mb_md--65 { margin-left: 65px } .mb_md--70 { margin-left: 70px } .mb_md--75 { margin-left: 75px } .mb_md--80 { margin-left: 80px } .mb_md--85 { margin-left: 85px } .mb_md--90 { margin-left: 90px } .mb_md--95 { margin-left: 95px } .mb_md--100 { margin-left: 100px } .mb_md--105 { margin-left: 105px } .mb_md--110 { margin-left: 110px } .mb_md--115 { margin-left: 115px } .mb_md--120 { margin-left: 120px } .mb_md--125 { margin-left: 125px } .mb_md--130 { margin-left: 130px } .mb_md--135 { margin-left: 135px } .mb_md--140 { margin-left: 140px } .mb_md--145 { margin-left: 145px } .mb_md--150 { margin-left: 150px } .mb_md--155 { margin-left: 155px } .mb_md--160 { margin-left: 160px } .mb_md--165 { margin-left: 165px } .mb_md--170 { margin-left: 170px } .mb_md--175 { margin-left: 175px } .mb_md--180 { margin-left: 180px } .mb_md--185 { margin-left: 185px } .mb_md--190 { margin-left: 190px } .mb_md--195 { margin-left: 195px } .mb_md--200 { margin-left: 200px } .mb_md--205 { margin-left: 205px } .mb_md--210 { margin-left: 210px } .mb_md--215 { margin-left: 215px } .mb_md--220 { margin-left: 220px } .mb_md--225 { margin-left: 225px } .mb_md--230 { margin-left: 230px } .mb_md--235 { margin-left: 235px } .mb_md--240 { margin-left: 240px } .mb_md--245 { margin-left: 245px } .mb_md--250 { margin-left: 250px } } @media only screen and (max-width: 768px) { .mb_sm--5 { margin-left:5px } .mb_sm--10 { margin-left: 10px } .mb_sm--15 { margin-left: 15px } .mb_sm--20 { margin-left: 20px } .mb_sm--25 { margin-left: 25px } .mb_sm--30 { margin-left: 30px } .mb_sm--35 { margin-left: 35px } .mb_sm--40 { margin-left: 40px } .mb_sm--45 { margin-left: 45px } .mb_sm--50 { margin-left: 50px } .mb_sm--55 { margin-left: 55px } .mb_sm--60 { margin-left: 60px } .mb_sm--65 { margin-left: 65px } .mb_sm--70 { margin-left: 70px } .mb_sm--75 { margin-left: 75px } .mb_sm--80 { margin-left: 80px } .mb_sm--85 { margin-left: 85px } .mb_sm--90 { margin-left: 90px } .mb_sm--95 { margin-left: 95px } .mb_sm--100 { margin-left: 100px } .mb_sm--105 { margin-left: 105px } .mb_sm--110 { margin-left: 110px } .mb_sm--115 { margin-left: 115px } .mb_sm--120 { margin-left: 120px } .mb_sm--125 { margin-left: 125px } .mb_sm--130 { margin-left: 130px } .mb_sm--135 { margin-left: 135px } .mb_sm--140 { margin-left: 140px } .mb_sm--145 { margin-left: 145px } .mb_sm--150 { margin-left: 150px } .mb_sm--155 { margin-left: 155px } .mb_sm--160 { margin-left: 160px } .mb_sm--165 { margin-left: 165px } .mb_sm--170 { margin-left: 170px } .mb_sm--175 { margin-left: 175px } .mb_sm--180 { margin-left: 180px } .mb_sm--185 { margin-left: 185px } .mb_sm--190 { margin-left: 190px } .mb_sm--195 { margin-left: 195px } .mb_sm--200 { margin-left: 200px } .mb_sm--205 { margin-left: 205px } .mb_sm--210 { margin-left: 210px } .mb_sm--215 { margin-left: 215px } .mb_sm--220 { margin-left: 220px } .mb_sm--225 { margin-left: 225px } .mb_sm--230 { margin-left: 230px } .mb_sm--235 { margin-left: 235px } .mb_sm--240 { margin-left: 240px } .mb_sm--245 { margin-left: 245px } .mb_sm--250 { margin-left: 250px } } @media screen and (max-width: 480px) { .ml_xs--5 { margin-left:5px } .ml_xs--10 { margin-left: 10px } .ml_xs--15 { margin-left: 15px } .ml_xs--20 { margin-left: 20px } .ml_xs--25 { margin-left: 25px } .ml_xs--30 { margin-left: 30px } .ml_xs--35 { margin-left: 35px } .ml_xs--40 { margin-left: 40px } .ml_xs--45 { margin-left: 45px } .ml_xs--50 { margin-left: 50px } } .ml--5 { margin-left: 5px } .ml--10 { margin-left: 10px } .ml--15 { margin-left: 15px } .ml--20 { margin-left: 20px } .ml--25 { margin-left: 25px } .ml--30 { margin-left: 30px } .ml--35 { margin-left: 35px } .ml--40 { margin-left: 40px } .ml--45 { margin-left: 45px } .ml--50 { margin-left: 50px } .ml--55 { margin-left: 55px } .ml--60 { margin-left: 60px } .ml--65 { margin-left: 65px } .ml--70 { margin-left: 70px } .ml--75 { margin-left: 75px } .ml--80 { margin-left: 80px } .ml--85 { margin-left: 85px } .ml--90 { margin-left: 90px } .ml--95 { margin-left: 95px } .ml--100 { margin-left: 100px } .ml--105 { margin-left: 105px } .ml--110 { margin-left: 110px } .ml--115 { margin-left: 115px } .ml--120 { margin-left: 120px } .ml--125 { margin-left: 125px } .ml--130 { margin-left: 130px } .ml--135 { margin-left: 135px } .ml--140 { margin-left: 140px } .ml--145 { margin-left: 145px } .ml--150 { margin-left: 150px } .ml--155 { margin-left: 155px } .ml--160 { margin-left: 160px } .ml--165 { margin-left: 165px } .ml--170 { margin-left: 170px } .ml--175 { margin-left: 175px } .ml--180 { margin-left: 180px } .ml--185 { margin-left: 185px } .ml--190 { margin-left: 190px } .ml--195 { margin-left: 195px } .ml--200 { margin-left: 200px } .ml--205 { margin-left: 205px } .ml--210 { margin-left: 210px } .ml--215 { margin-left: 215px } .ml--220 { margin-left: 220px } .ml--225 { margin-left: 225px } .ml--230 { margin-left: 230px } .ml--235 { margin-left: 235px } .ml--240 { margin-left: 240px } .ml--245 { margin-left: 245px } .ml--250 { margin-left: 250px } @media screen and (min-width: 1200px) { .ml_lg--5 { margin-left:5px } .ml_lg--10 { margin-left: 10px } .ml_lg--15 { margin-left: 15px } .ml_lg--20 { margin-left: 20px } .ml_lg--25 { margin-left: 25px } .ml_lg--30 { margin-left: 30px } .ml_lg--35 { margin-left: 35px } .ml_lg--40 { margin-left: 40px } .ml_lg--45 { margin-left: 45px } .ml_lg--50 { margin-left: 50px } .ml_lg--55 { margin-left: 55px } .ml_lg--60 { margin-left: 60px } .ml_lg--65 { margin-left: 65px } .ml_lg--70 { margin-left: 70px } .ml_lg--75 { margin-left: 75px } .ml_lg--80 { margin-left: 80px } .ml_lg--85 { margin-left: 85px } .ml_lg--90 { margin-left: 90px } .ml_lg--95 { margin-left: 95px } .ml_lg--100 { margin-left: 100px } .ml_lg--105 { margin-left: 105px } .ml_lg--110 { margin-left: 110px } .ml_lg--115 { margin-left: 115px } .ml_lg--120 { margin-left: 120px } .ml_lg--125 { margin-left: 125px } .ml_lg--130 { margin-left: 130px } .ml_lg--135 { margin-left: 135px } .ml_lg--140 { margin-left: 140px } .ml_lg--145 { margin-left: 145px } .ml_lg--150 { margin-left: 150px } .ml_lg--155 { margin-left: 155px } .ml_lg--160 { margin-left: 160px } .ml_lg--165 { margin-left: 165px } .ml_lg--170 { margin-left: 170px } .ml_lg--175 { margin-left: 175px } .ml_lg--180 { margin-left: 180px } .ml_lg--185 { margin-left: 185px } .ml_lg--190 { margin-left: 190px } .ml_lg--195 { margin-left: 195px } .ml_lg--200 { margin-left: 200px } .ml_lg--205 { margin-left: 205px } .ml_lg--210 { margin-left: 210px } .ml_lg--215 { margin-left: 215px } .ml_lg--220 { margin-left: 220px } .ml_lg--225 { margin-left: 225px } .ml_lg--230 { margin-left: 230px } .ml_lg--235 { margin-left: 235px } .ml_lg--240 { margin-left: 240px } .ml_lg--245 { margin-left: 245px } .ml_lg--250 { margin-left: 250px } } @media screen and (max-width: 992px) { .ml_md--5 { margin-left:5px } .ml_md--10 { margin-left: 10px } .ml_md--15 { margin-left: 15px } .ml_md--20 { margin-left: 20px } .ml_md--25 { margin-left: 25px } .ml_md--30 { margin-left: 30px } .ml_md--35 { margin-left: 35px } .ml_md--40 { margin-left: 40px } .ml_md--45 { margin-left: 45px } .ml_md--50 { margin-left: 50px } .ml_md--55 { margin-left: 55px } .ml_md--60 { margin-left: 60px } .ml_md--65 { margin-left: 65px } .ml_md--70 { margin-left: 70px } .ml_md--75 { margin-left: 75px } .ml_md--80 { margin-left: 80px } .ml_md--85 { margin-left: 85px } .ml_md--90 { margin-left: 90px } .ml_md--95 { margin-left: 95px } .ml_md--100 { margin-left: 100px } .ml_md--105 { margin-left: 105px } .ml_md--110 { margin-left: 110px } .ml_md--115 { margin-left: 115px } .ml_md--120 { margin-left: 120px } .ml_md--125 { margin-left: 125px } .ml_md--130 { margin-left: 130px } .ml_md--135 { margin-left: 135px } .ml_md--140 { margin-left: 140px } .ml_md--145 { margin-left: 145px } .ml_md--150 { margin-left: 150px } .ml_md--155 { margin-left: 155px } .ml_md--160 { margin-left: 160px } .ml_md--165 { margin-left: 165px } .ml_md--170 { margin-left: 170px } .ml_md--175 { margin-left: 175px } .ml_md--180 { margin-left: 180px } .ml_md--185 { margin-left: 185px } .ml_md--190 { margin-left: 190px } .ml_md--195 { margin-left: 195px } .ml_md--200 { margin-left: 200px } .ml_md--205 { margin-left: 205px } .ml_md--210 { margin-left: 210px } .ml_md--215 { margin-left: 215px } .ml_md--220 { margin-left: 220px } .ml_md--225 { margin-left: 225px } .ml_md--230 { margin-left: 230px } .ml_md--235 { margin-left: 235px } .ml_md--240 { margin-left: 240px } .ml_md--245 { margin-left: 245px } .ml_md--250 { margin-left: 250px } } @media only screen and (max-width: 768px) { .ml_sm--5 { margin-left:5px } .ml_sm--10 { margin-left: 10px } .ml_sm--15 { margin-left: 15px } .ml_sm--20 { margin-left: 20px } .ml_sm--25 { margin-left: 25px } .ml_sm--30 { margin-left: 30px } .ml_sm--35 { margin-left: 35px } .ml_sm--40 { margin-left: 40px } .ml_sm--45 { margin-left: 45px } .ml_sm--50 { margin-left: 50px } .ml_sm--55 { margin-left: 55px } .ml_sm--60 { margin-left: 60px } .ml_sm--65 { margin-left: 65px } .ml_sm--70 { margin-left: 70px } .ml_sm--75 { margin-left: 75px } .ml_sm--80 { margin-left: 80px } .ml_sm--85 { margin-left: 85px } .ml_sm--90 { margin-left: 90px } .ml_sm--95 { margin-left: 95px } .ml_sm--100 { margin-left: 100px } .ml_sm--105 { margin-left: 105px } .ml_sm--110 { margin-left: 110px } .ml_sm--115 { margin-left: 115px } .ml_sm--120 { margin-left: 120px } .ml_sm--125 { margin-left: 125px } .ml_sm--130 { margin-left: 130px } .ml_sm--135 { margin-left: 135px } .ml_sm--140 { margin-left: 140px } .ml_sm--145 { margin-left: 145px } .ml_sm--150 { margin-left: 150px } .ml_sm--155 { margin-left: 155px } .ml_sm--160 { margin-left: 160px } .ml_sm--165 { margin-left: 165px } .ml_sm--170 { margin-left: 170px } .ml_sm--175 { margin-left: 175px } .ml_sm--180 { margin-left: 180px } .ml_sm--185 { margin-left: 185px } .ml_sm--190 { margin-left: 190px } .ml_sm--195 { margin-left: 195px } .ml_sm--200 { margin-left: 200px } .ml_sm--205 { margin-left: 205px } .ml_sm--210 { margin-left: 210px } .ml_sm--215 { margin-left: 215px } .ml_sm--220 { margin-left: 220px } .ml_sm--225 { margin-left: 225px } .ml_sm--230 { margin-left: 230px } .ml_sm--235 { margin-left: 235px } .ml_sm--240 { margin-left: 240px } .ml_sm--245 { margin-left: 245px } .ml_sm--250 { margin-left: 250px } } @media screen and (max-width: 480px) { .ml_xs--5 { margin-left:5px } .ml_xs--10 { margin-left: 10px } .ml_xs--15 { margin-left: 15px } .ml_xs--20 { margin-left: 20px } .ml_xs--25 { margin-left: 25px } .ml_xs--30 { margin-left: 30px } .ml_xs--35 { margin-left: 35px } .ml_xs--40 { margin-left: 40px } .ml_xs--45 { margin-left: 45px } .ml_xs--50 { margin-left: 50px } .ml_xs--55 { margin-left: 55px } .ml_xs--60 { margin-left: 60px } .ml_xs--65 { margin-left: 65px } .ml_xs--70 { margin-left: 70px } .ml_xs--75 { margin-left: 75px } .ml_xs--80 { margin-left: 80px } .ml_xs--85 { margin-left: 85px } .ml_xs--90 { margin-left: 90px } .ml_xs--95 { margin-left: 95px } .ml_xs--100 { margin-left: 100px } .ml_xs--105 { margin-left: 105px } .ml_xs--110 { margin-left: 110px } .ml_xs--115 { margin-left: 115px } .ml_xs--120 { margin-left: 120px } .ml_xs--125 { margin-left: 125px } .ml_xs--130 { margin-left: 130px } .ml_xs--135 { margin-left: 135px } .ml_xs--140 { margin-left: 140px } .ml_xs--145 { margin-left: 145px } .ml_xs--150 { margin-left: 150px } .ml_xs--155 { margin-left: 155px } .ml_xs--160 { margin-left: 160px } .ml_xs--165 { margin-left: 165px } .ml_xs--170 { margin-left: 170px } .ml_xs--175 { margin-left: 175px } .ml_xs--180 { margin-left: 180px } .ml_xs--185 { margin-left: 185px } .ml_xs--190 { margin-left: 190px } .ml_xs--195 { margin-left: 195px } .ml_xs--200 { margin-left: 200px } .ml_xs--205 { margin-left: 205px } .ml_xs--210 { margin-left: 210px } .ml_xs--215 { margin-left: 215px } .ml_xs--220 { margin-left: 220px } .ml_xs--225 { margin-left: 225px } .ml_xs--230 { margin-left: 230px } .ml_xs--235 { margin-left: 235px } .ml_xs--240 { margin-left: 240px } .ml_xs--245 { margin-left: 245px } .ml_xs--250 { margin-left: 250px } } .mr--5 { margin-right: 5px } .mr--10 { margin-right: 10px } .mr--15 { margin-right: 15px } .mr--20 { margin-right: 20px } .mr--25 { margin-right: 25px } .mr--30 { margin-right: 30px } .mr--35 { margin-right: 35px } .mr--40 { margin-right: 40px } .mr--45 { margin-right: 45px } .mr--50 { margin-right: 50px } .mr--55 { margin-right: 55px } .mr--60 { margin-right: 60px } .mr--65 { margin-right: 65px } .mr--70 { margin-right: 70px } .mr--75 { margin-right: 75px } .mr--80 { margin-right: 80px } .mr--85 { margin-right: 85px } .mr--90 { margin-right: 90px } .mr--95 { margin-right: 95px } .mr--100 { margin-right: 100px } .mr--105 { margin-right: 105px } .mr--110 { margin-right: 110px } .mr--115 { margin-right: 115px } .mr--120 { margin-right: 120px } .mr--125 { margin-right: 125px } .mr--130 { margin-right: 130px } .mr--135 { margin-right: 135px } .mr--140 { margin-right: 140px } .mr--145 { margin-right: 145px } .mr--150 { margin-right: 150px } .mr--155 { margin-right: 155px } .mr--160 { margin-right: 160px } .mr--165 { margin-right: 165px } .mr--170 { margin-right: 170px } .mr--175 { margin-right: 175px } .mr--180 { margin-right: 180px } .mr--185 { margin-right: 185px } .mr--190 { margin-right: 190px } .mr--195 { margin-right: 195px } .mr--200 { margin-right: 200px } .mr--205 { margin-right: 205px } .mr--210 { margin-right: 210px } .mr--215 { margin-right: 215px } .mr--220 { margin-right: 220px } .mr--225 { margin-right: 225px } .mr--230 { margin-right: 230px } .mr--235 { margin-right: 235px } .mr--240 { margin-right: 240px } .mr--245 { margin-right: 245px } .mr--250 { margin-right: 250px } @media screen and (min-width: 1200px) { .mr_lg--5 { margin-right:5px } .mr_lg--10 { margin-right: 10px } .mr_lg--15 { margin-right: 15px } .mr_lg--20 { margin-right: 20px } .mr_lg--25 { margin-right: 25px } .mr_lg--30 { margin-right: 30px } .mr_lg--35 { margin-right: 35px } .mr_lg--40 { margin-right: 40px } .mr_lg--45 { margin-right: 45px } .mr_lg--50 { margin-right: 50px } .mr_lg--55 { margin-right: 55px } .mr_lg--60 { margin-right: 60px } .mr_lg--65 { margin-right: 65px } .mr_lg--70 { margin-right: 70px } .mr_lg--75 { margin-right: 75px } .mr_lg--80 { margin-right: 80px } .mr_lg--85 { margin-right: 85px } .mr_lg--90 { margin-right: 90px } .mr_lg--95 { margin-right: 95px } .mr_lg--100 { margin-right: 100px } .mr_lg--105 { margin-right: 105px } .mr_lg--110 { margin-right: 110px } .mr_lg--115 { margin-right: 115px } .mr_lg--120 { margin-right: 120px } .mr_lg--125 { margin-right: 125px } .mr_lg--130 { margin-right: 130px } .mr_lg--135 { margin-right: 135px } .mr_lg--140 { margin-right: 140px } .mr_lg--145 { margin-right: 145px } .mr_lg--150 { margin-right: 150px } .mr_lg--155 { margin-right: 155px } .mr_lg--160 { margin-right: 160px } .mr_lg--165 { margin-right: 165px } .mr_lg--170 { margin-right: 170px } .mr_lg--175 { margin-right: 175px } .mr_lg--180 { margin-right: 180px } .mr_lg--185 { margin-right: 185px } .mr_lg--190 { margin-right: 190px } .mr_lg--195 { margin-right: 195px } .mr_lg--200 { margin-right: 200px } .mr_lg--205 { margin-right: 205px } .mr_lg--210 { margin-right: 210px } .mr_lg--215 { margin-right: 215px } .mr_lg--220 { margin-right: 220px } .mr_lg--225 { margin-right: 225px } .mr_lg--230 { margin-right: 230px } .mr_lg--235 { margin-right: 235px } .mr_lg--240 { margin-right: 240px } .mr_lg--245 { margin-right: 245px } .mr_lg--250 { margin-right: 250px } } @media screen and (max-width: 992px) { .mr_lg--5 { margin-right:5px } .mr_lg--10 { margin-right: 10px } .mr_lg--15 { margin-right: 15px } .mr_lg--20 { margin-right: 20px } .mr_lg--25 { margin-right: 25px } .mr_lg--30 { margin-right: 30px } .mr_lg--35 { margin-right: 35px } .mr_lg--40 { margin-right: 40px } .mr_lg--45 { margin-right: 45px } .mr_lg--50 { margin-right: 50px } .mr_lg--55 { margin-right: 55px } .mr_lg--60 { margin-right: 60px } .mr_lg--65 { margin-right: 65px } .mr_lg--70 { margin-right: 70px } .mr_lg--75 { margin-right: 75px } .mr_lg--80 { margin-right: 80px } .mr_lg--85 { margin-right: 85px } .mr_lg--90 { margin-right: 90px } .mr_lg--95 { margin-right: 95px } .mr_lg--100 { margin-right: 100px } .mr_lg--105 { margin-right: 105px } .mr_lg--110 { margin-right: 110px } .mr_lg--115 { margin-right: 115px } .mr_lg--120 { margin-right: 120px } .mr_lg--125 { margin-right: 125px } .mr_lg--130 { margin-right: 130px } .mr_lg--135 { margin-right: 135px } .mr_lg--140 { margin-right: 140px } .mr_lg--145 { margin-right: 145px } .mr_lg--150 { margin-right: 150px } .mr_lg--155 { margin-right: 155px } .mr_lg--160 { margin-right: 160px } .mr_lg--165 { margin-right: 165px } .mr_lg--170 { margin-right: 170px } .mr_lg--175 { margin-right: 175px } .mr_lg--180 { margin-right: 180px } .mr_lg--185 { margin-right: 185px } .mr_lg--190 { margin-right: 190px } .mr_lg--195 { margin-right: 195px } .mr_lg--200 { margin-right: 200px } .mr_lg--205 { margin-right: 205px } .mr_lg--210 { margin-right: 210px } .mr_lg--215 { margin-right: 215px } .mr_lg--220 { margin-right: 220px } .mr_lg--225 { margin-right: 225px } .mr_lg--230 { margin-right: 230px } .mr_lg--235 { margin-right: 235px } .mr_lg--240 { margin-right: 240px } .mr_lg--245 { margin-right: 245px } .mr_lg--250 { margin-right: 250px } } @media only screen and (max-width: 768px) { .mr_lg--5 { margin-right:5px } .mr_lg--10 { margin-right: 10px } .mr_lg--15 { margin-right: 15px } .mr_lg--20 { margin-right: 20px } .mr_lg--25 { margin-right: 25px } .mr_lg--30 { margin-right: 30px } .mr_lg--35 { margin-right: 35px } .mr_lg--40 { margin-right: 40px } .mr_lg--45 { margin-right: 45px } .mr_lg--50 { margin-right: 50px } .mr_lg--55 { margin-right: 55px } .mr_lg--60 { margin-right: 60px } .mr_lg--65 { margin-right: 65px } .mr_lg--70 { margin-right: 70px } .mr_lg--75 { margin-right: 75px } .mr_lg--80 { margin-right: 80px } .mr_lg--85 { margin-right: 85px } .mr_lg--90 { margin-right: 90px } .mr_lg--95 { margin-right: 95px } .mr_lg--100 { margin-right: 100px } .mr_lg--105 { margin-right: 105px } .mr_lg--110 { margin-right: 110px } .mr_lg--115 { margin-right: 115px } .mr_lg--120 { margin-right: 120px } .mr_lg--125 { margin-right: 125px } .mr_lg--130 { margin-right: 130px } .mr_lg--135 { margin-right: 135px } .mr_lg--140 { margin-right: 140px } .mr_lg--145 { margin-right: 145px } .mr_lg--150 { margin-right: 150px } .mr_lg--155 { margin-right: 155px } .mr_lg--160 { margin-right: 160px } .mr_lg--165 { margin-right: 165px } .mr_lg--170 { margin-right: 170px } .mr_lg--175 { margin-right: 175px } .mr_lg--180 { margin-right: 180px } .mr_lg--185 { margin-right: 185px } .mr_lg--190 { margin-right: 190px } .mr_lg--195 { margin-right: 195px } .mr_lg--200 { margin-right: 200px } .mr_lg--205 { margin-right: 205px } .mr_lg--210 { margin-right: 210px } .mr_lg--215 { margin-right: 215px } .mr_lg--220 { margin-right: 220px } .mr_lg--225 { margin-right: 225px } .mr_lg--230 { margin-right: 230px } .mr_lg--235 { margin-right: 235px } .mr_lg--240 { margin-right: 240px } .mr_lg--245 { margin-right: 245px } .mr_lg--250 { margin-right: 250px } } @media screen and (max-width: 480px) { .mr_lg--5 { margin-right:5px } .mr_lg--10 { margin-right: 10px } .mr_lg--15 { margin-right: 15px } .mr_lg--20 { margin-right: 20px } .mr_lg--25 { margin-right: 25px } .mr_lg--30 { margin-right: 30px } .mr_lg--35 { margin-right: 35px } .mr_lg--40 { margin-right: 40px } .mr_lg--45 { margin-right: 45px } .mr_lg--50 { margin-right: 50px } .mr_lg--55 { margin-right: 55px } .mr_lg--60 { margin-right: 60px } .mr_lg--65 { margin-right: 65px } .mr_lg--70 { margin-right: 70px } .mr_lg--75 { margin-right: 75px } .mr_lg--80 { margin-right: 80px } .mr_lg--85 { margin-right: 85px } .mr_lg--90 { margin-right: 90px } .mr_lg--95 { margin-right: 95px } .mr_lg--100 { margin-right: 100px } .mr_lg--105 { margin-right: 105px } .mr_lg--110 { margin-right: 110px } .mr_lg--115 { margin-right: 115px } .mr_lg--120 { margin-right: 120px } .mr_lg--125 { margin-right: 125px } .mr_lg--130 { margin-right: 130px } .mr_lg--135 { margin-right: 135px } .mr_lg--140 { margin-right: 140px } .mr_lg--145 { margin-right: 145px } .mr_lg--150 { margin-right: 150px } .mr_lg--155 { margin-right: 155px } .mr_lg--160 { margin-right: 160px } .mr_lg--165 { margin-right: 165px } .mr_lg--170 { margin-right: 170px } .mr_lg--175 { margin-right: 175px } .mr_lg--180 { margin-right: 180px } .mr_lg--185 { margin-right: 185px } .mr_lg--190 { margin-right: 190px } .mr_lg--195 { margin-right: 195px } .mr_lg--200 { margin-right: 200px } .mr_lg--205 { margin-right: 205px } .mr_lg--210 { margin-right: 210px } .mr_lg--215 { margin-right: 215px } .mr_lg--220 { margin-right: 220px } .mr_lg--225 { margin-right: 225px } .mr_lg--230 { margin-right: 230px } .mr_lg--235 { margin-right: 235px } .mr_lg--240 { margin-right: 240px } .mr_lg--245 { margin-right: 245px } .mr_lg--250 { margin-right: 250px } } .mlr--5 { margin: 0 5px } .mlr--10 { margin: 0 10px } .mlr--15 { margin: 0 15px } .mlr--20 { margin: 0 20px } .mlr--25 { margin: 0 25px } .mlr--30 { margin: 0 30px } .mlr--35 { margin: 0 35px } .mlr--40 { margin: 0 40px } .mlr--45 { margin: 0 45px } .mlr--50 { margin: 0 50px } .mlr--55 { margin: 0 55px } .mlr--60 { margin: 0 60px } .mlr--65 { margin: 0 65px } .mlr--70 { margin: 0 70px } .mlr--75 { margin: 0 75px } .mlr--80 { margin: 0 80px } .mlr--85 { margin: 0 85px } .mlr--90 { margin: 0 90px } .mlr--95 { margin: 0 95px } .mlr--100 { margin: 0 100px } .mlr--105 { margin: 0 105px } .mlr--110 { margin: 0 110px } .mlr--115 { margin: 0 115px } .mlr--120 { margin: 0 120px } .mlr--125 { margin: 0 125px } .mlr--130 { margin: 0 130px } .mlr--135 { margin: 0 135px } .mlr--140 { margin: 0 140px } .mlr--145 { margin: 0 145px } .mlr--150 { margin: 0 150px } .mlr--155 { margin: 0 155px } .mlr--160 { margin: 0 160px } .mlr--165 { margin: 0 165px } .mlr--170 { margin: 0 170px } .mlr--175 { margin: 0 175px } .mlr--180 { margin: 0 180px } .mlr--185 { margin: 0 185px } .mlr--190 { margin: 0 190px } .mlr--195 { margin: 0 195px } .mlr--200 { margin: 0 200px } .mlr--205 { margin: 0 205px } .mlr--210 { margin: 0 210px } .mlr--215 { margin: 0 215px } .mlr--220 { margin: 0 220px } .mlr--225 { margin: 0 225px } .mlr--230 { margin: 0 230px } .mlr--235 { margin: 0 235px } .mlr--240 { margin: 0 240px } .mlr--245 { margin: 0 245px } .mlr--250 { margin: 0 250px } @media screen and (min-width: 1200px) { .mlr_lg--5 { margin:0 5px } .mlr_lg--10 { margin: 0 10px } .mlr_lg--15 { margin: 0 15px } .mlr_lg--20 { margin: 0 20px } .mlr_lg--25 { margin: 0 25px } .mlr_lg--30 { margin: 0 30px } .mlr_lg--35 { margin: 0 35px } .mlr_lg--40 { margin: 0 40px } .mlr_lg--45 { margin: 0 45px } .mlr_lg--50 { margin: 0 50px } .mlr_lg--55 { margin: 0 55px } .mlr_lg--60 { margin: 0 60px } .mlr_lg--65 { margin: 0 65px } .mlr_lg--70 { margin: 0 70px } .mlr_lg--75 { margin: 0 75px } .mlr_lg--80 { margin: 0 80px } .mlr_lg--85 { margin: 0 85px } .mlr_lg--90 { margin: 0 90px } .mlr_lg--95 { margin: 0 95px } .mlr_lg--100 { margin: 0 100px } .mlr_lg--105 { margin: 0 105px } .mlr_lg--110 { margin: 0 110px } .mlr_lg--115 { margin: 0 115px } .mlr_lg--120 { margin: 0 120px } .mlr_lg--125 { margin: 0 125px } .mlr_lg--130 { margin: 0 130px } .mlr_lg--135 { margin: 0 135px } .mlr_lg--140 { margin: 0 140px } .mlr_lg--145 { margin: 0 145px } .mlr_lg--150 { margin: 0 150px } .mlr_lg--155 { margin: 0 155px } .mlr_lg--160 { margin: 0 160px } .mlr_lg--165 { margin: 0 165px } .mlr_lg--170 { margin: 0 170px } .mlr_lg--175 { margin: 0 175px } .mlr_lg--180 { margin: 0 180px } .mlr_lg--185 { margin: 0 185px } .mlr_lg--190 { margin: 0 190px } .mlr_lg--195 { margin: 0 195px } .mlr_lg--200 { margin: 0 200px } .mlr_lg--205 { margin: 0 205px } .mlr_lg--210 { margin: 0 210px } .mlr_lg--215 { margin: 0 215px } .mlr_lg--220 { margin: 0 220px } .mlr_lg--225 { margin: 0 225px } .mlr_lg--230 { margin: 0 230px } .mlr_lg--235 { margin: 0 235px } .mlr_lg--240 { margin: 0 240px } .mlr_lg--245 { margin: 0 245px } .mlr_lg--250 { margin: 0 250px } } @media screen and (max-width: 992px) { .mlr_md--5 { margin:0 5px } .mlr_md--10 { margin: 0 10px } .mlr_md--15 { margin: 0 15px } .mlr_md--20 { margin: 0 20px } .mlr_md--25 { margin: 0 25px } .mlr_md--30 { margin: 0 30px } .mlr_md--35 { margin: 0 35px } .mlr_md--40 { margin: 0 40px } .mlr_md--45 { margin: 0 45px } .mlr_md--50 { margin: 0 50px } .mlr_md--55 { margin: 0 55px } .mlr_md--60 { margin: 0 60px } .mlr_md--65 { margin: 0 65px } .mlr_md--70 { margin: 0 70px } .mlr_md--75 { margin: 0 75px } .mlr_md--80 { margin: 0 80px } .mlr_md--85 { margin: 0 85px } .mlr_md--90 { margin: 0 90px } .mlr_md--95 { margin: 0 95px } .mlr_md--100 { margin: 0 100px } .mlr_md--105 { margin: 0 105px } .mlr_md--110 { margin: 0 110px } .mlr_md--115 { margin: 0 115px } .mlr_md--120 { margin: 0 120px } .mlr_md--125 { margin: 0 125px } .mlr_md--130 { margin: 0 130px } .mlr_md--135 { margin: 0 135px } .mlr_md--140 { margin: 0 140px } .mlr_md--145 { margin: 0 145px } .mlr_md--150 { margin: 0 150px } .mlr_md--155 { margin: 0 155px } .mlr_md--160 { margin: 0 160px } .mlr_md--165 { margin: 0 165px } .mlr_md--170 { margin: 0 170px } .mlr_md--175 { margin: 0 175px } .mlr_md--180 { margin: 0 180px } .mlr_md--185 { margin: 0 185px } .mlr_md--190 { margin: 0 190px } .mlr_md--195 { margin: 0 195px } .mlr_md--200 { margin: 0 200px } .mlr_md--205 { margin: 0 205px } .mlr_md--210 { margin: 0 210px } .mlr_md--215 { margin: 0 215px } .mlr_md--220 { margin: 0 220px } .mlr_md--225 { margin: 0 225px } .mlr_md--230 { margin: 0 230px } .mlr_md--235 { margin: 0 235px } .mlr_md--240 { margin: 0 240px } .mlr_md--245 { margin: 0 245px } .mlr_md--250 { margin: 0 250px } } @media only screen and (max-width: 768px) { .mlr_sm--5 { margin:0 5px } .mlr_sm--10 { margin: 0 10px } .mlr_sm--15 { margin: 0 15px } .mlr_sm--20 { margin: 0 20px } .mlr_sm--25 { margin: 0 25px } .mlr_sm--30 { margin: 0 30px } .mlr_sm--35 { margin: 0 35px } .mlr_sm--40 { margin: 0 40px } .mlr_sm--45 { margin: 0 45px } .mlr_sm--50 { margin: 0 50px } .mlr_sm--55 { margin: 0 55px } .mlr_sm--60 { margin: 0 60px } .mlr_sm--65 { margin: 0 65px } .mlr_sm--70 { margin: 0 70px } .mlr_sm--75 { margin: 0 75px } .mlr_sm--80 { margin: 0 80px } .mlr_sm--85 { margin: 0 85px } .mlr_sm--90 { margin: 0 90px } .mlr_sm--95 { margin: 0 95px } .mlr_sm--100 { margin: 0 100px } .mlr_sm--105 { margin: 0 105px } .mlr_sm--110 { margin: 0 110px } .mlr_sm--115 { margin: 0 115px } .mlr_sm--120 { margin: 0 120px } .mlr_sm--125 { margin: 0 125px } .mlr_sm--130 { margin: 0 130px } .mlr_sm--135 { margin: 0 135px } .mlr_sm--140 { margin: 0 140px } .mlr_sm--145 { margin: 0 145px } .mlr_sm--150 { margin: 0 150px } .mlr_sm--155 { margin: 0 155px } .mlr_sm--160 { margin: 0 160px } .mlr_sm--165 { margin: 0 165px } .mlr_sm--170 { margin: 0 170px } .mlr_sm--175 { margin: 0 175px } .mlr_sm--180 { margin: 0 180px } .mlr_sm--185 { margin: 0 185px } .mlr_sm--190 { margin: 0 190px } .mlr_sm--195 { margin: 0 195px } .mlr_sm--200 { margin: 0 200px } .mlr_sm--205 { margin: 0 205px } .mlr_sm--210 { margin: 0 210px } .mlr_sm--215 { margin: 0 215px } .mlr_sm--220 { margin: 0 220px } .mlr_sm--225 { margin: 0 225px } .mlr_sm--230 { margin: 0 230px } .mlr_sm--235 { margin: 0 235px } .mlr_sm--240 { margin: 0 240px } .mlr_sm--245 { margin: 0 245px } .mlr_sm--250 { margin: 0 250px } } @media screen and (max-width: 480px) { .mlr_xs--5 { margin:0 5px } .mlr_xs--10 { margin: 0 10px } .mlr_xs--15 { margin: 0 15px } .mlr_xs--20 { margin: 0 20px } .mlr_xs--25 { margin: 0 25px } .mlr_xs--30 { margin: 0 30px } .mlr_xs--35 { margin: 0 35px } .mlr_xs--40 { margin: 0 40px } .mlr_xs--45 { margin: 0 45px } .mlr_xs--50 { margin: 0 50px } .mlr_xs--55 { margin: 0 55px } .mlr_xs--60 { margin: 0 60px } .mlr_xs--65 { margin: 0 65px } .mlr_xs--70 { margin: 0 70px } .mlr_xs--75 { margin: 0 75px } .mlr_xs--80 { margin: 0 80px } .mlr_xs--85 { margin: 0 85px } .mlr_xs--90 { margin: 0 90px } .mlr_xs--95 { margin: 0 95px } .mlr_xs--100 { margin: 0 100px } .mlr_xs--105 { margin: 0 105px } .mlr_xs--110 { margin: 0 110px } .mlr_xs--115 { margin: 0 115px } .mlr_xs--120 { margin: 0 120px } .mlr_xs--125 { margin: 0 125px } .mlr_xs--130 { margin: 0 130px } .mlr_xs--135 { margin: 0 135px } .mlr_xs--140 { margin: 0 140px } .mlr_xs--145 { margin: 0 145px } .mlr_xs--150 { margin: 0 150px } .mlr_xs--155 { margin: 0 155px } .mlr_xs--160 { margin: 0 160px } .mlr_xs--165 { margin: 0 165px } .mlr_xs--170 { margin: 0 170px } .mlr_xs--175 { margin: 0 175px } .mlr_xs--180 { margin: 0 180px } .mlr_xs--185 { margin: 0 185px } .mlr_xs--190 { margin: 0 190px } .mlr_xs--195 { margin: 0 195px } .mlr_xs--200 { margin: 0 200px } .mlr_xs--205 { margin: 0 205px } .mlr_xs--210 { margin: 0 210px } .mlr_xs--215 { margin: 0 215px } .mlr_xs--220 { margin: 0 220px } .mlr_xs--225 { margin: 0 225px } .mlr_xs--230 { margin: 0 230px } .mlr_xs--235 { margin: 0 235px } .mlr_xs--240 { margin: 0 240px } .mlr_xs--245 { margin: 0 245px } .mlr_xs--250 { margin: 0 250px } } .ml--0 { margin-left: 0!important } .mr--0 { margin-right: 0!important } .has-shadow { box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } img.circle { border-radius: 50%!important } @media screen and (min-width: 481px) { .mobile-break { display:none } } .bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover } .bg--white { background: #fff } ul.no-padding { padding: 0 } ul.list-style--none li { list-style: none } .text-wrap { white-space: normal!important } .text-nowrap { white-space: nowrap!important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } @media (min-width: 576px) { .text-sm-left { text-align:left!important } .text-sm-right { text-align: right!important } .text-sm-center { text-align: center!important } } @media (min-width: 768px) { .text-md-left { text-align:left!important } .text-md-right { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width: 992px) { .text-lg-left { text-align:left!important } .text-lg-right { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width: 1200px) { .text-xl-left { text-align:left!important } .text-xl-right { text-align: right!important } .text-xl-center { text-align: center!important } } .text-spacing--0 { letter-spacing: 0 } .text-initial { text-transform: initial!important } .text-lowercase { text-transform: lowercase!important } .text-uppercase { text-transform: uppercase!important } .text-capitalize { text-transform: capitalize!important } .font-weight-light { font-weight: 300!important } .font-weight-lighter { font-weight: lighter!important } .font-weight-normal { font-weight: 400!important } .font-weight-bold { font-weight: 700!important } .font-weight-bolder { font-weight: bolder!important } .fw-900 { font-weight: 900!important } .fw-800 { font-weight: 800!important } .fw-700 { font-weight: 700!important } .fw-600 { font-weight: 600!important } .fw-500 { font-weight: 500!important } .fw-400 { font-weight: 400!important } .fw-300 { font-weight: 300!important } .fw-200 { font-weight: 200!important } .font-italic { font-style: italic!important } .text-white { color: #fff!important } .text-black { color: #272727!important } .text-success { color: #52c41a!important } .text-error { color: #ff4d4f!important } .text-info { color: #1890ff!important } .text-danger { color: #faad14!important } .cursor-pointer { cursor: pointer } @media screen and (min-width: 1090px) { .hidden-lg-menu { display:none!important } } @media screen and (max-width: 1089px) { .hidden-xs-menu { display:none!important } } @media screen and (max-width: 480px) { .hidden-xs { display:none!important } } @media screen and (min-width: 769px) { .display-sm-only { display:none!important } } @media screen and (max-width: 992px) { .hidden-md { display:none!important } } @media screen and (max-width: 768px) { .hidden-sm { display:none!important } } .show-inlineb-on-tablet { display: none } @media screen and (max-width: 992px) { .show-inlineb-on-tablet { display:inline-block!important } } .show-flex-on-tablet { display: none!important } @media screen and (max-width: 992px) { .show-flex-on-tablet { display:flex!important } } @media screen and (min-width: 481px) { .hidden-lg { display:none!important } } @media screen and (min-width: 768px) { .pull-right-sm { float:right } } .d-flex { display: flex } .d-flex.flex-center { align-items: center } .d-flex.flex-justify-center { justify-content: center } .d-flex.flex-middle { justify-content: center } .d-flex.flex-wrap { flex-wrap: wrap } .d-flex.space-between { justify-content: space-between } @media screen and (max-width: 992px) { .d-flex.flex-wrap--md { flex-wrap:wrap } } @media screen and (max-width: 768px) { .d-flex.flex-wrap--sm { flex-wrap:wrap } .d-flex.row-reverse--sm { flex-direction: row-reverse } } .d-flex.flex-grow { flex-grow: 1 } .d-flex.flex-column { flex-direction: column } .d-flex.gap--8 { gap: 8px } .d-flex.gap--12 { gap: 12px } .d-flex.gap--20 { gap: 20px } .d-flex.gap--32 { gap: 32px } .list-group { padding: 0; margin: 0 } .list-group li { list-style: none } .list-group li:before { content: "- " } body.logged-in .hidden-if-logged { display: none!important } .display-logged-only { display: none!important } body.logged-in .display-logged-only { display: initial!important } h1.font-size--10,h2.font-size--10,h3.font-size--10,h4.font-size--10,h5.font-size--10,h6.font-size--10 { font-size: .625em } h1.font-size--12,h2.font-size--12,h3.font-size--12,h4.font-size--12,h5.font-size--12,h6.font-size--12 { font-size: .75em } h1.font-size--14,h2.font-size--14,h3.font-size--14,h4.font-size--14,h5.font-size--14,h6.font-size--14 { font-size: .875em } h1.font-size--16,h2.font-size--16,h3.font-size--16,h4.font-size--16,h5.font-size--16,h6.font-size--16 { font-size: 1em } h1.font-size--18,h2.font-size--18,h3.font-size--18,h4.font-size--18,h5.font-size--18,h6.font-size--18 { font-size: 1.125em } h1.font-size--20,h2.font-size--20,h3.font-size--20,h4.font-size--20,h5.font-size--20,h6.font-size--20 { font-size: 1.25em } h1.font-size--22,h2.font-size--22,h3.font-size--22,h4.font-size--22,h5.font-size--22,h6.font-size--22 { font-size: 1.375em } h1.font-size--24,h2.font-size--24,h3.font-size--24,h4.font-size--24,h5.font-size--24,h6.font-size--24 { font-size: 1.5em } h1.font-size--26,h2.font-size--26,h3.font-size--26,h4.font-size--26,h5.font-size--26,h6.font-size--26 { font-size: 1.625em } h1.font-size--28,h2.font-size--28,h3.font-size--28,h4.font-size--28,h5.font-size--28,h6.font-size--28 { font-size: 1.75em } h1.font-size--30,h2.font-size--30,h3.font-size--30,h4.font-size--30,h5.font-size--30,h6.font-size--30 { font-size: 1.875em } h1.font-size--32,h2.font-size--32,h3.font-size--32,h4.font-size--32,h5.font-size--32,h6.font-size--32 { font-size: 2em } h1.font-size--34,h2.font-size--34,h3.font-size--34,h4.font-size--34,h5.font-size--34,h6.font-size--34 { font-size: 2.125em } h1.font-size--36,h2.font-size--36,h3.font-size--36,h4.font-size--36,h5.font-size--36,h6.font-size--36 { font-size: 2.25em } h1.font-size--38,h2.font-size--38,h3.font-size--38,h4.font-size--38,h5.font-size--38,h6.font-size--38 { font-size: 2.375em } h1.font-size--40,h2.font-size--40,h3.font-size--40,h4.font-size--40,h5.font-size--40,h6.font-size--40 { font-size: 2.5em } .font-size--52 { font-size: 52px!important } @media screen and (max-width: 992px) { .font-size--52 { font-size:42px!important } } @media screen and (max-width: 480px) { .font-size--52 { font-size:28px!important } } .line-height--1-2 { line-height: 1.2 } .font-normal { font-family: "Montserrat",sans-serif } .font-playfair { font-family: 'Playfair Display' } .font--tahu { font-family: 'Tahu!' } .text--red { color: red!important } .text--blue { color: #428efe!important } .text--green { color: #28a745!important } .width-100 { width: 100% } .width-90 { width: 90% } .width-80 { width: 80% } .width-70 { width: 70% } .width-60 { width: 60% } .width-50 { width: 50% } .width-10px { width: 10px } .width-20px { width: 20px } .width-30px { width: 30px } .width-40px { width: 40px } .width-50px { width: 50px } .width-60px { width: 60px } .width-70px { width: 70px } .width-80px { width: 80px } .width-90px { width: 90px } .width-100px { width: 100px } .width-110px { width: 110px } .width-120px { width: 120px } .width-130px { width: 130px } .width-140px { width: 140px } .width-150px { width: 150px } .width-160px { width: 160px } .width-170px { width: 170px } .width-180px { width: 180px } .width-190px { width: 190px } .width-200px { width: 200px } .hidden { display: none } html.app .hidden-app { display: none!important } html.app-topbible .hidden-app { display: none!important } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .pos--relative { position: relative } .pos--absolute { position: absolute } .dis--inlineb { display: inline-block } .dis--block { display: block } .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .invisible { visibility: hidden } .d-none { display: none!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: -ms-flexbox!important; display: flex!important } .d-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } .flex-vertical-align--center { display: flex; align-content: center; align-items: center } @media screen and (max-width: 480px) { .d-xs-none { display:none!important } .d-xs-inline { display: inline!important } .d-xs-inline-block { display: inline-block!important } .d-xs-block { display: block!important } .d-xs-table { display: table!important } .d-xs-table-row { display: table-row!important } .d-xs-table-cell { display: table-cell!important } .d-xs-flex { display: -ms-flexbox!important; display: flex!important } .d-xs-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media only screen and (max-width: 768px) { .d-sm-none { display:none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: -ms-flexbox!important; display: flex!important } .d-sm-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media screen and (max-width: 992px) { .d-md-none { display:none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: -ms-flexbox!important; display: flex!important } .d-md-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media screen and (min-width: 1200px) { .d-lg-none { display:none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: -ms-flexbox!important; display: flex!important } .d-lg-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } @media screen and (min-width: 1600px) { .d-xl-none { display:none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: -ms-flexbox!important; display: flex!important } .d-xl-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } } .modalDialog { z-index: 9000 } a.has-tooltip { position: relative; z-index: 2; cursor: pointer } a.has-tooltip:before,a.has-tooltip:after { visibility: hidden; opacity: 0; pointer-events: none } a.has-tooltip:before { position: absolute; top: 130%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 5px; width: 160px; border-radius: 3px; background-color: #000; background-color: rgba(51,51,51,.7); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 12px; line-height: 1.2 } a.has-tooltip:after { position: absolute; top: 115%; left: 50%; margin-left: -5px; width: 0; border-top: transparent; border-bottom: 5px solid rgba(51,51,51,.7); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0 } a.has-tooltip.tooltip-right:before { right: 0; margin-left: auto } html.no-touch a.has-tooltip:hover:before,html.no-touch a.has-tooltip:hover:after { visibility: visible; opacity: 1 } .display-restricted { display: none } html:not(.cc-FR):not(.cc-BE):not(.cc-CH):not(.cc-CA):not(.cc-LU):not(.cc-MQ):not(.cc-GP):not(.cc-GF):not(.cc-NC):not(.cc-RE):not(.cc-WF):not(.cc-YT):not(.cc-MC) .display-restricted__topmusic { display: none!important } button.no-appearance { border: none; background: none; box-shadow: none } .social-friends ul { margin: 0; padding: 0; list-style-type: none; border: solid 1px #ccc; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; width: 100%; overflow-y: auto; max-height: 400px; display: inline-block } .social-friends ul label { cursor: pointer; display: inline-block; width: 100% } .social-friends ul li { margin: 0!important; float: none!important } html.no-touch .social-friends ul li:hover { background-color: #ffa } .social-friends ul li img { vertical-align: middle; width: 50px; height: 50px } .social-friends ul li input { margin: 0 .5em } .social-nav-footer { display: flex; align-items: center; gap: 20px; flex-wrap: nowrap } .social-nav-footer a { display: flex; align-items: center; justify-content: center } .social-nav-footer a.social-nav__item { display: flex; align-items: center; text-align: center; border-radius: 50%; color: #fff; box-shadow: 0 5px 11px rgba(0,0,0,.16); width: 40px; height: 40px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: translateY(0); -webkit-transform: translateY(0) } html.no-touch .social-nav-footer a.social-nav__item:hover { box-shadow: 0 8px 16px rgba(0,0,0,.2); transform: translateY(-3px); -webkit-transform: translateY(-3px) } .social-nav-footer a.social-nav__item svg { width: 24px; color: #272727 } .social-nav-footer a.social-nav__item.social-nav__item--facebook svg { color: #1877f2 } .social-nav-footer a.social-nav__item.social-nav__item--instagram svg { color: #d82e86 } .social-nav-footer a.social-nav__item.social-nav__item--youtube svg { color: #c4302b } .social-nav-footer a.social-nav__item.social-nav__item--tiktok svg { width: 20px } #l-footer i { /* -box-shadow: 0 5px 11px rgba(0,0,0,.16); */ width: 40px; height: 40px; line-height: 36px; background: #fff; color: #212121; display: inline-block; text-align: center; border-radius: 50%; font-size: 16px; vertical-align: middle } #l-footer i:hover { color: #accc05f0; } #l-footer i.icon-facebook { color: #1877f2 } #l-footer i.icon-youtube { color: #c4302b } #l-footer i.icon-instagram { color: #d82e86 } #pl_relative_zone .social-nav-footer { text-align: center; padding: 0; margin-bottom: 20px; background: #fff; padding-bottom: 10px } #pl_relative_zone .social-nav-footer a { margin: 5px 10px } #pl_relative_zone .social-nav-footer a span { display: none } #pl_relative_zone .social-nav-footer a i { margin-right: 0 } .l-category-song #song-switch { overflow-x: auto; padding-top: 5px } .l-category-song #song-switch .lyrics-only { display: none } .l-category-song #song-switch .lyrics-chords { max-width: 100%; background-color: #fff; font-size: 1.1em } .l-category-song #song-switch .lyrics-chords .key-select { margin-bottom: .8em } .l-category-song #song-switch .lyrics-chords .btn-download-chords { display: none } .l-category-song #song-switch .lyrics-chords .comment { font-size: .8em; color: purple } .l-category-song #song-switch.display-accords .lyrics-chords { display: none } .l-category-song #song-switch.display-accords .lyrics-only { display: block; max-width: 100% } .l-category-song .chorus { color: #8b0000 } .l-category-song .chorus:first-child { border-left: solid 3px #8b0000; padding-left: .5em } .l-category-song .chords { color: navy; font-weight: bold; line-height: .6em; padding-bottom: .1em } .l-category-song .song-line .lyrics { padding-bottom: .5em } .post.post-category--song .post-thumbnail--container .post-thumbnail--image { background-image: url(static/img/thumb/song.c0616528be39.jpg)!important } .checkbox_wrapper { background-color: #e8e8e8; color: #fff; box-shadow: 0 1px 15px rgba(0,0,0,.1) inset , 0 1px 4px rgba(0,0,0,.1) inset , 1px -1px 2px rgba(0,0,0,.1); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; height: 28px; position: relative; width: 80px; padding: 0; border-radius: 16px; display: inline-block; margin-right: 6px; overflow: hidden } label.chord-checkbox { display: block; width: 100%; margin-top: 2em; margin-bottom: 2em } span.chord-label { line-height: 28px; vertical-align: top } .checkbox_wrapper input[type="checkbox"]:checked+.custom,.checkbox_wrapper input[type="checkbox"]:not(:checked)+.custom { background: #e74c3c; left: 2px; position: absolute; top: 2px; bottom: 2px; -webkit-transition: all .3s ease; transition: all .3s ease; width: 24px; z-index: 10; border-radius: 50%; background: transparent; background-image: none; box-shadow: 0 2px 5px 1px rgba(0,0,0,.2) , 0 0 1px #fff inset; background-image: linear-gradient(#fff 0%,#e7e7e7 100%) } .checkbox_wrapper input[type="checkbox"]:checked+.custom:after,.checkbox_wrapper input[type="checkbox"]:not(:checked)+.custom:after { content: " "; width: 16px; height: 16px; position: absolute; left: 4px; top: 4px; border-radius: 100%; background-image: linear-gradient(#398235 0%,#8ab66b 100%); box-shadow: 0 0 4px rgba(255,255,255,.8) } .checkbox_wrapper input[type="checkbox"]:checked,.checkbox_wrapper input[type="checkbox"]:not(:checked) { opacity: 0 } .checkbox_wrapper input[type="checkbox"]:checked+.custom { left: 54px } .checkbox_wrapper input[type="checkbox"]:checked+.custom:after { content: " "; width: 16px; height: 16px; position: absolute; left: 4px; top: 4px; border-radius: 100%; background-image: linear-gradient(#a30001 0%,#f00001 100%); box-shadow: 0 0 4px rgba(255,255,255,.8) } .true_icon { left: 28px; top: 0; position: relative; font-weight: bold; color: #444 } .false_icon { position: relative; top: -25px; left: -40px; font-weight: bold; color: #444 } .partition-action-block { padding: 1em 1em .3em 1em; background: #f5f5f5 } .partition-action-block .btn-base { margin-right: 10px } .partition-action-block small { font-size: 70%; line-height: 36px; vertical-align: top } .article-main .content .partition-copyright-block p { font-size: 12px; font-style: italic; line-height: 18px } .song-copyright { text-align: right; font-size: .8em } .song-related-explain { display: none; text-align: right; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; font-size: 12px } .l-category-album .song-related-explain { display: block } @media screen and (max-width: 480px) { .partition-action-block { padding-bottom:1em } .partition-action-block small { display: block; line-height: 10px } } @media screen and (max-width: 768px) { .l-category-song .lyrics { max-width:100%; overflow-x: auto; overflow-y: hidden } .l-category-song .song { max-width: 100%; overflow-x: auto; overflow-y: hidden } } .header-user-backfrom-kids { display: none!important } html.app #header-user-kids { display: none } @media screen and (min-width: 481px) { #header-kids { height:auto!important } } .responsive-user-profil-block .header-user-goto-kids { background: #9dcb45; color: #fff; margin-top: 4px } .btn-base.header-user-goto-kids { margin-bottom: 0; border-radius: 50px; font-size: 13px; padding: 6px 20px; text-transform: uppercase; background: #fff; border: 2px solid #fff; color: #9dcb45 } .btn-base.header-user-goto-kids svg { vertical-align: middle; fill: #9dcb45; transform: scale(1.4); transition: all .3s ease-in-out } @media screen and (max-width: 1092px) { .btn-base.header-user-goto-kids svg { transform:scale(1) } } html.no-touch .btn-base.header-user-goto-kids:hover { background: #9dcb45; border-color: #9dcb45 } html.no-touch .btn-base.header-user-goto-kids:hover svg { fill: #fff; transform: scale(1.1) } @media screen and (max-width: 480px) { li#header-kids { display:none } } .display-only-topkids { display: none } .l-section-topkids { margin-top: 57px; background: #fff } .l-section-topkids .hidden-on-topkids { display: none!important } .l-section-topkids .display-only-topkids { display: block!important } .l-section-topkids .l-banner-container { height: 320px } .l-section-topkids #banner-campaign { display: none } .l-section-topkids .logo-head-banner { display: none } .l-section-topkids .l-head-banner-mask,.l-section-topkids .l-article-banner-mask { display: none } .l-section-topkids .trail span { width: auto; height: auto; margin-right: 0; display: inline-block; background: none; border: none; border-radius: 0; float: none; margin: 0 } .l-section-topkids #topkids-admin-options { position: fixed; right: 0; top: 57px; z-index: 999; background: #9dcb45; padding: 5px 12px; -webkit-box-shadow: 0 1px 5px 0 rgba(10,10,10,.2); box-shadow: 0 1px 5px 0 rgba(10,10,10,.2); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .l-section-topkids #topkids-admin-options a { color: #fff } .l-section-topkids #topkids-admin-options a i { font-size: 12px; padding-right: 5px } .l-section-topkids #topkids-admin-options a span { font-size: 10px } .header-hidden .l-section-topkids #topkids-admin-options { top: 0 } .l-section-topkids #header { background: #fff; -webkit-box-shadow: 0 1px 5px 0 rgba(10,10,10,.2); box-shadow: 0 1px 5px 0 rgba(10,10,10,.2) } .l-section-topkids #header-user-opener { display: none } .l-section-topkids #header-handle { display: none } .l-section-topkids #header-logo a { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/topkids.net.7d8454ff093a.svg); width: 170px; background-size: contain; background-position: center } .l-section-topkids .btn-base.header-user-backfrom-kids { display: inline-block!important; position: relative; top: 4px } @media screen and (max-width: 480px) { .l-section-topkids .btn-base.header-user-backfrom-kids { top:6px; font-size: 8px; padding: 6px 10px } } .l-section-topkids #header-bar #header-user { display: inline-block!important } .l-section-topkids #header-bar #header-user .header-user-avatar { background-image: url(https://fructifietestalents.org/maj/img/uri/topkids-avatar.dd122c5f8e3a.jpg)!important; background-color: #9dcb45 } @media screen and (max-width: 768px) { .l-section-topkids #header-bar #header-user { display:none!important } } .l-section-topkids #header-bar #header-logo { padding-left: 0 } .l-section-topkids #responsive-search-toggle a { color: #222 } @media screen and (min-width: 768px) { .l-section-topkids #responsive-menu-toggle { display:none } } .l-section-topkids #responsive-menu-toggle-btn .hamburger-menu-icon .line { background-color: #222 } @media screen and (max-width: 480px) { .l-section-topkids li#header-kids { float:right } } .l-section-topkids #webpush,.l-section-topkids #header-user-actions,.l-section-topkids #header-user-logout,.l-section-topkids .header-user-goto-kids,.l-section-topkids .same-theme,.l-section-topkids #comments,.l-section-topkids .article-actions,.l-section-topkids #l-footer,.l-section-topkids #header-menu,.l-section-topkids #music-player-site,.l-section-topkids #header-donor { display: none!important } @media (max-width: 37em) { .l-section-topkids #header-menu { display:block!important } .l-section-topkids #header-menu .btn-group,.l-section-topkids #header-menu .top-level-link { display: none!important } } .l-category-kidgame .article-img { display: none!important } .topkids-hero { margin-bottom: 20px } .topkids-hero img { width: 200px; height: auto } .topkids-hero .hero-banner { position: absolute; bottom: 40px; width: 230px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%) } .topkids-hero .hero-banner .hero-banner-name { margin: 0 0 10px; width: 100%; height: 50px; box-shadow: 10px 10px 10px rgba(0,0,0,.05); text-align: center; text-transform: uppercase; font-size: 3em; line-height: 50px; transform: skew(0,-4deg) } .topkids-hero .hero-banner .hero-banner-name:after,.topkids-hero .hero-banner .hero-banner-name:first-child:before { position: absolute; top: 44px; left: 0; z-index: -2; display: block; width: 230px; height: 50px; border-radius: 4px; background: rgba(157,203,69,.6); content: ''; transform: skew(0,15deg) } .topkids-hero .hero-banner .hero-banner-name:first-child:before { top: -10px; right: 0; left: auto } .topkids-hero .hero-banner .hero-banner-name:first-child:before,.topkids-hero .hero-banner .hero-banner-name:last-child:after { width: 0; height: 0; border-width: 18px; border-style: solid; border-color: rgba(157,203,69,.6) rgba(157,203,69,.6) transparent transparent; background: transparent; z-index: -1 } .topkids-hero .hero-banner .hero-banner-name:last-child:after { top: 22px; border-color: transparent transparent rgba(157,203,69,.6) rgba(157,203,69,.6) } .topkids-hero .hero-banner span { display: block; width: 100%; height: 100%; font-size: 20px; font-weight: bold; letter-spacing: 1px; background: #9dcb45; background: -webkit-linear-gradient(-45deg,#9dcb45 0%,#73992b 100%); background: linear-gradient(135deg,#9dcb45 0%,#73992b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$topkids-green', endColorstr='darken($topkids-green, 15%)',GradientType=1 ); color: #fff; position: relative; z-index: 10 } .topkids-menu--section nav { display: flex; text-align: center; justify-content: center } @media screen and (max-width: 992px) { .topkids-menu--section nav { flex-wrap:wrap } } .topkids-menu--section nav a { margin: 24px } .topkids-menu--section nav a:nth-child(1) svg { fill: #009ece } .topkids-menu--section nav a:nth-child(1) span { color: #009ece } .topkids-menu--section nav a:nth-child(2) svg { fill: #ff9e00 } .topkids-menu--section nav a:nth-child(2) span { color: #ff9e00 } .topkids-menu--section nav a:nth-child(3) svg { fill: #f7d708 } .topkids-menu--section nav a:nth-child(3) span { color: #f7d708 } .topkids-menu--section nav a:nth-child(4) svg { fill: #ce0000 } .topkids-menu--section nav a:nth-child(4) span { color: #ce0000 } .topkids-menu--section nav a:nth-child(5) svg { fill: #9dcb45 } .topkids-menu--section nav a:nth-child(5) span { color: #9dcb45 } .topkids-menu--section nav svg { fill: #ff4b64; width: 140px; display: block; margin: 24px auto 0 auto } .topkids-menu--section nav span { display: block; color: #ff4b64; font-family: "Montserrat",sans-serif; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; font-style: italic } .l-section-topmessages .text-interests { color: #fff } .l-section-topmessages .col-lg-9,.l-section-topmessages .col-md-8 { padding: 0 } .l-section-topmessages .module-5-minutes,.l-section-topmessages .module-boost-your-day,.l-section-topmessages .module-whatsup-pastor { margin: 30px 0 30px; padding: 0 15px; position: relative } .l-section-topmessages .module-5-minutes h2,.l-section-topmessages .module-boost-your-day h2,.l-section-topmessages .module-whatsup-pastor h2 { display: none } .l-section-topmessages .module-5-minutes article,.l-section-topmessages .module-boost-your-day article,.l-section-topmessages .module-whatsup-pastor article { width: 100%!important; padding: 0; margin: 0; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px } .l-section-topmessages .module-5-minutes article .post-thumbnail--container,.l-section-topmessages .module-boost-your-day article .post-thumbnail--container,.l-section-topmessages .module-whatsup-pastor article .post-thumbnail--container { border-radius: 10px } .l-section-topmessages .module-5-minutes article .post-content--body,.l-section-topmessages .module-boost-your-day article .post-content--body,.l-section-topmessages .module-whatsup-pastor article .post-content--body { display: none } .l-section-topmessages .module-5-minutes .btn-outline,.l-section-topmessages .module-boost-your-day .btn-outline,.l-section-topmessages .module-whatsup-pastor .btn-outline { margin-top: 10px; font-size: 12px; padding: 6px 16px } .l-section-topmessages .module-boost-your-day .post-img-overlay { background-color: #fdb95f } .l-section-topmessages .module-boost-your-day:before { content: 'Booste ta journée'; font-family: "Montserrat",sans-serif; position: absolute; background: #fdb95f; color: #fff; padding: 4px 12px; font-size: .8125em; left: 50%; top: -12px; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 9; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); white-space: nowrap } .l-section-topmessages .module-whatsup-pastor .post-img-overlay { background-color: red } .l-section-topmessages .module-whatsup-pastor:before { content: 'Quoi d\'neuf Pasteur'; font-family: "Montserrat",sans-serif; position: absolute; background: red; color: #fff; padding: 4px 12px; font-size: .8125em; left: 50%; top: -12px; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 9; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); white-space: nowrap } .l-section-topmessages .module-5-minutes .post-img-overlay { background-color: #2d80bd } .l-section-topmessages .module-5-minutes:before { content: '5 minutes essentielles'; font-family: "Montserrat",sans-serif; position: absolute; background: #2d80bd; color: #fff; padding: 4px 12px; font-size: .8125em; left: 50%; top: -12px; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 9; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); white-space: nowrap } .l-section-topmessages .module-question-of-the-day h2 { font-size: 16px; letter-spacing: 1px; position: absolute; top: 0; left: 15px; z-index: 10; background: #3a80c6; color: #fff; padding: 4px 14px; font-weight: normal } .l-section-topmessages .module-question-of-the-day h2 .viewpoint { margin: 10px 0 15px; padding: 10px; text-align: center } .l-section-topmessages .module-question-of-the-day h2 .viewpoint a { background: #ffa500; color: #fff; padding: 5px 12px; display: inline-block; border-radius: 4px; font-weight: bold } .l-section-topmessages .question-of-the-day .question-of-the-day-title { height: 64px; top: 0 } @media screen and (max-width: 992px) { .l-section-topmessages .question-of-the-day { margin-top:50px } } @media screen and (max-width: 768px) { .l-section-topmessages .question-of-the-day { margin-top:0 } } .l-section-topmessages .module-featured-topmessages { padding: 0 15px } .l-section-topmessages .module-featured-topmessages h2 { font-size: 16px; letter-spacing: 1px; position: absolute; top: 0; left: 0; border-bottom-right-radius: 10px; z-index: 10; background: #3a80c6; color: #fff; padding: 4px 14px; font-weight: normal; margin: 0 } .l-section-topmessages .module-featured-topmessages h2:after { display: none } .l-section-topmessages .module-featured-topmessages article { width: 100%!important; margin: 0; overflow: hidden } .l-section-topmessages .module-featured-topmessages article .post-thumbnail-container { box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px } .l-section-topmessages .module-featured-topmessages article .post-thumbnail--informations { display: none } .l-section-topmessages .module-featured-topmessages article .post-content--body { background: transparent; background-image: -webkit-gradient(left top,left bottom,color-stop(30%,transparent),color-stop(100%,#000)); background-image: -webkit-linear-gradient(top,transparent 30%,#000 100%); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 30%,#000 100%); box-shadow: none; position: absolute; z-index: 15; bottom: 0; left: 0; right: 0; width: 100%; margin: 0 auto; min-height: unset; text-align: left; padding: 10px } .l-section-topmessages .module-featured-topmessages article .post-content--body .post-content--title { font-size: 1.75em; text-transform: inherit; color: #fff; display: block; position: relative; z-index: 4 } @media screen and (max-width: 480px) { .l-section-topmessages .module-featured-topmessages article .post-content--body .post-content--title { font-size:1.375em!important } } .l-section-topmessages .module-featured-topmessages article .post-content--body .post-content--excerpt p { color: #fff } .l-section-topmessages .module-featured-topmessages article .post-content--body .post-informations { margin: 0 } .l-section-topmessages .module-featured-topmessages article .post-content--body .post-content--author-and-date { position: relative; bottom: auto; margin: 5px 0; text-align: left; position: relative; z-index: 4; color: #fff; font-size: 15px } .l-section-topmessages .module-featured-topmessages article .post-content--body .post-content--author-and-date img { display: none } @media screen and (max-width: 768px) { .l-section-topmessages .module-featured-topmessages { margin-top:30px } .l-section-topmessages .module-featured-topmessages article .post-img { width: 100%!important; height: auto!important; margin: 0!important } } .l-section-topmessages .module-last-messages { margin-bottom: 30px } .l-section-topmessages .module-last-messages article { overflow: visible; float: none; clear: both; vertical-align: top } .l-section-topmessages .module-last-messages article .post-header { display: none } .l-section-topmessages .module-last-messages article .post-author { position: relative; bottom: 0 } .l-section-topmessages .module-last-messages article .post-date { display: none } .l-section-topmessages .module-last-messages article .post-body { min-height: 165px } @media screen and (max-width: 480px) { .l-section-topmessages .module-last-messages .slider-without-slide .post { width:100%!important; margin: 0 auto 15px; float: none } } @media screen and (min-width: 768px) { .l-section-topmessages .module-last-messages .slider-without-slide .post { width:49%!important } } @media screen and (min-width: 992px) { .l-section-topmessages .module-last-messages .slider-without-slide .post { width:49%!important } } @media screen and (min-width: 1200px) { .l-section-topmessages .module-last-messages .slider-without-slide .post { width:33%!important } .l-section-topmessages .module-last-messages .slider-without-slide .post .post-body { min-height: 185px } } @media screen and (max-width: 480px) { .l-section-topmessages .col-lg-3 .question-of-the-day { display:none!important } .l-section-topmessages .question-of-the-day { display: block!important; margin-top: 40px } } .l-section-topmessages .col-lg-3 .question-of-the-day { display: block } .l-section-topmessages .question-of-the-day { display: none } .module-question-of-the-day .question-card .social-cta { display: none } .colonne-droite-topmessages .module-question-of-the-day { display: block } @media screen and (max-width: 480px) { .module-question-of-the-day { display:block; margin-top: 40px } .colonne-droite-topmessages .module-question-of-the-day { display: none } } .musical-types { padding: 30px 5px } .musical-types h2 { font-size: 2.375em; font-weight: bold; margin: 4px } .musical-types p { margin: 4px 0 25px 0; font-size: 18px } .musical-types .musical-tag { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 20px 25px; font-size: 1se .6px; text-transform: uppercase; font-weight: bold; color: #fff; display: inline-block; margin: 8px 10px; border-radius: 4px; cursor: pointer } .musical-types .musical-tag.tag-french-worship { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/french-worship.e9ecef7d3c89.jpg) } .musical-types .musical-tag.tag-us-worship { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/us-worship.ea6adbca8fd6.jpg) } .musical-types .musical-tag.tag-gospel { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/gospel.8c3b332045ac.jpg) } .musical-types .musical-tag.tag-classique { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/classique.bb50c00ec1d9.jpg) } .musical-types .musical-tag.tag-rap { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/rap.ca3e328cf4c3.jpg) } .musical-types .musical-tag.tag-jazz { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/jazz.ff3aeb0aa6ed.jpg) } .musical-types .musical-tag.tag-soul { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/soul.43b52315d1b8.jpg) } .musical-types .musical-tag.tag-children { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/children.1cbe1946386a.jpg) } .musical-types .musical-tag.tag-afrique-antilles { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/african-caraibe.8ba9b3678813.jpg) } .musical-types .musical-tag.tag-christmas { background-image: url(https://fructifietestalents.org/maj/img/thumb/music-tags/christmas.5edb9b2f1008.jpg) } @media screen and (max-width: 480px) { .musical-types .musical-tag { margin:8px 2px; font-size: 14px; padding: 12px } } .slider-playlist .swiper-container .swiper-slide .post { background: none; box-shadow: none!important; width: 210px!important } .slider-playlist .swiper-container .swiper-slide .post .post-img { height: 210px } .slider-playlist .swiper-container .swiper-slide .post .post-body .post-title { font-weight: bold } .slider-topmusic.slider-album .swiper-container { padding-bottom: 0 } .slider-topmusic.slider-album .swiper-container .swiper-slide .post { background: none; box-shadow: none!important } .public-playlists { padding: 30px 5px } .public-playlists h2 { font-size: 2.375em; font-weight: bold; margin: 4px } .public-playlists p { margin: 4px 0 25px 0; font-size: 18px } .public-playlists .public-playlist-item { background-size: cover; background-repeat: no-repeat; background-position: center; width: 210px; height: 0; padding-bottom: 210px; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff; display: inline-block; margin: 8px 10px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden } .public-playlists .public-playlist-item.playlist-hits { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/hits.7768f2ef8190.jpg) } .public-playlists .public-playlist-item.playlist-dans-sa-presence { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/dans-sa-presence.1dffd8e689ee.jpg) } .public-playlists .public-playlist-item.playlist-c-est-noel { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/c-est-noel.1a592c15754c.jpg) } .public-playlists .public-playlist-item.playlist-celebrez-son-nom { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/celebrez-son-nom.72fe033574cc.jpg) } .public-playlists .public-playlist-item.playlist-du-peps-des-le-matin-fr { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/du-peps-des-le-matin-fr.c06f8c03bbb9.jpg) } .public-playlists .public-playlist-item.playlist-connaitre-dieu { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/connaitre-dieu.105c66406a41.jpg) } .public-playlists .public-playlist-item.playlist-du-peps-des-le-matin-en { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/du-peps-des-le-matin-en.e9eb2f44f544.jpg) } .public-playlists .public-playlist-item.playlist-gospel-francophone { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/gospel-francophone.9f3beccf8b10.jpg) } .public-playlists .public-playlist-item.playlist-besoin-encouragement { background-image: url(https://fructifietestalents.org/maj/img/thumb/public-playlists/besoin-encouragement.dedea4bd0403.jpg) } .public-playlists .public-playlist-item:after { content: ""; background-color: rgba(255,255,255,.1); position: absolute; width: 100%; height: 0; bottom: -1px; left: 0; right: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .public-playlists .public-playlist-item:hover:after { height: 100%; top: 0; bottom: 0 } @media screen and (max-width: 480px) { .public-playlists .public-playlist-item { width:120px; padding-bottom: 120px } } .l-category-album .article-title { margin: 0; clear: none; text-align: left } .l-category-album .article-author-name { text-align: left; width: auto; margin: 8px auto 0 auto } .l-category-album .article-content-album { margin-bottom: 60px } .author--block { text-align: right } .author--block a { font-size: .8em; color: gray } .author--block a.author--singer { font-size: 1em; color: #000; font-weight: bold } .topmusic-container--app { padding: 0 20px } .topmusic-app--page-title { color: #272727; text-align: left; font-weight: 800; line-height: 1.2; font-size: 28px; margin-bottom: 8px } .topmusic-app--subtitle { color: #191c1c; font-size: 18px; line-height: 1.2 } @media (max-width: 320px),(max-height:700px) { .topmusic-app--subtitle { font-size:16px; line-height: 19px } } .topmusic-app--text { color: #3d3d3d; font-size: 16px; margin-top: 8px } .btn-base.btn-gradient--topmusic { background: linear-gradient(110deg,#ff870e 0%,#d236d2 100%); box-shadow: 0 2px 14px rgba(0,0,0,.16); color: #fff; font-family: "Sen",sans-serif; border: none; text-transform: uppercase; line-height: 1.5; margin-top: 32px; font-size: 14px; letter-spacing: .04em; border-radius: 30px; background-position: center bottom; background-size: 100% } html.no-touch .btn-base.btn-gradient--topmusic:hover { background-size: 220% } .btn-ghost.btn-topmusic--orange { color: #f27046 } .btn-ghost.btn-topmusic--red { color: #e85d73 } .btn-ghost.btn-topmusic--red.btn-topmusic--explain { font-size: 16px; line-height: 24px; font-family: "Sen",sans-serif!important } html.no-touch .btn-ghost.btn-topmusic--red.btn-topmusic--explain:hover { color: rgba(232,93,115,.85) } html.topchretien-login .topmusic__back-on-app--arrow { display: block!important; display: inline-block!important; position: fixed; top: 14px; left: 15px; transform: scaleX(-1); z-index: 99999 } html.topchretien-login .topmusic__back-on-app--arrow a { color: #272727 } ul.list-topmusic--green { margin: 10px 0; position: relative; z-index: 2 } ul.list-topmusic--green li { list-style: none; font-size: 1em; font-weight: 400; margin-bottom: 14px } ul.list-topmusic--green li:before { content: "\e141"; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1.2; margin-right: 11px; font-size: 21px; display: inline-block; vertical-align: middle; background: linear-gradient(#009dc5 0%,#21e590 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .accordion { overflow: hidden; margin-bottom: 32px } .accordion.is-disabled { opacity: .5; pointer-events: none } .accordion .accordion__header { cursor: pointer; transition: all .3s ease-in-out } .accordion .accordion__header::after { content: ""; width: 12px; height: 12px; border-top: 2px solid #191c1c; border-left: 2px solid #191c1c; transform: rotate(45deg); margin-top: 6px; flex-shrink: 0; margin-left: auto; margin-bottom: 0; transition: all .3s ease-in-out } @media (max-height: 812px) { .accordion .accordion__header::after { margin-top:.8vh; margin-bottom: 0 } } @media (max-height: 700px),(max-width:320px) { .accordion .accordion__header::after { width:10px; height: 10px } } .accordion.closed .accordion__body { height: 0!important; margin-top: 0!important; opacity: 0!important; padding-bottom: 0!important } .accordion.closed .accordion__header::after { transform: rotate(-135deg); margin-top: 0; margin-bottom: 5px; transition: all .3s ease-in-out } .accordion.closed .account__form-header { margin-bottom: 0!important } .cancel-popup { padding: 30px 0 10px; overflow: scroll; z-index: 100001; background: rgba(255,255,255,.5) } .cancel-popup__wrapper { position: relative; background-color: #fff; width: 100%; max-width: 350px; margin: auto; box-shadow: 0 8px 16px rgba(0,0,0,.12); border-radius: 20px; padding: 30px 20px; top: 50%; left: 50%; transform: translate(-50%,-50%) } .cancel-popup__wrapper:before { content: ""; position: absolute; top: auto; left: 0; right: 0; bottom: 0; width: 100%; height: 90px; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/popup-bg-orange.fd7087cc2eb0.jpg); background-size: 122% 113%; background-repeat: no-repeat; border-radius: 20px 20px 0 0; transform: scaleX(-1) scaleY(-1) } .cancel-popup__wrapper h3 { font-weight: 700; font-size: 18px; line-height: 22px; color: #191c1c; margin-bottom: 32px } .cancel-popup__wrapper label { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden } .cancel-popup__wrapper textarea { background: #ececec; padding: 12px; border-radius: 10px; width: 100%; height: 192px; margin: 32px 0; border: 1px solid transparent; position: relative; color: #191c1c; resize: none; font-family: "Sen",sans-serif } .cancel-popup__wrapper .btn-base.btn-gradient--topmusic.cancel-popup__btn { width: 100%; max-width: 100% } .cancel-popup__text { max-width: none; line-height: 20px; font-size: 16px; color: #191c1c } .card-invalid { background: transparent linear-gradient(289deg,#c50000 0%,red 100%); color: #fff; margin-bottom: 33px; box-shadow: 0 3px 14px rgba(0,0,28,.12); border-radius: 5px } @media (max-height: 812px) { .card-invalid { margin-bottom:4vh } } .card-invalid .card-invalid__wrapper { display: flex; align-items: center; padding: 8px 15px 8px 13px } @media (max-height: 812px) { .card-invalid .card-invalid__wrapper { padding:1.3vh 3vw 1.3vh 3vw } } .card-invalid .card-invalid__wrapper p { max-width: none } .card-invalid .card-invalid__wrapper::before { content: "\E142"; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1.2; font-size: 45px; margin-right: 7%; display: inline-block; vertical-align: middle } @media (max-height: 600px),(max-width:320px) { .card-invalid .card-invalid__wrapper::before { font-size:40px } } @media (max-width: 319px) { .card-invalid .card-invalid__wrapper::before { font-size:30px } } .card-invalid .card-invalid__wrapper p,.card-invalid .card-invalid__wrapper b { font-size: 14px; line-height: 17px; margin: 0; display: block } @media (max-height: 700px) { .card-invalid .card-invalid__wrapper p,.card-invalid .card-invalid__wrapper b { font-size:13px; line-height: 15px } } @media (max-height: 600px),(max-width:320px) { .card-invalid .card-invalid__wrapper p,.card-invalid .card-invalid__wrapper b { font-size:12px } } .card-invalid .btn-base.account__card-update { font-family: "Sen",sans-serif; font-size: 12px; line-height: 14px; font-weight: 700; color: #fff; margin-bottom: 5px; margin-top: 5px } @media (max-height: 812px) { .card-invalid .btn-base.account__card-update { margin-bottom:.5vh; margin-top: .5vh; padding: 1.2vh 5px } } @media (max-height: 700px),(max-width:320px) { .card-invalid .btn-base.account__card-update { font-size:11px; line-height: 13px } } @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .topmusic__lasts-albums { padding: 100px 0 200px 0; text-align: left; position: relative; background: #fff } @media only screen and (max-width: 768px) { .topmusic__lasts-albums { text-align:center; padding: 20px 0 40px 0 } } .topmusic__lasts-albums .container { position: relative; z-index: 2 } .topmusic__lasts-albums:before { content: ""; background: url(https://fructifietestalents.org/maj/img/uri/topmusic/home/albums.6cfac46661b7.png); width: 50%; height: 100%; background-size: cover; background-position: 60% center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; left: auto; z-index: -1 } @media screen and (max-width: 992px) { .topmusic__lasts-albums:before { display:none } } .topmusic__lasts-albums:after { content: ""; background-repeat: no-repeat; width: 100vw; height: 240px; position: absolute; z-index: 0; top: auto; right: 0; bottom: -10px; left: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/home/topmusic__wave-separator.d3880659a482.png); background-position: center bottom; background-size: 100% } @media screen and (max-width: 992px) { .topmusic__lasts-albums:after { display:none } } .topmusic__lasts-albums h2 { color: #fff; font-weight: 700; font-size: 1.875em; margin-top: 24px; line-height: 1.2 } .topmusic__lasts-albums p { color: #fff; margin: 24px auto 34px auto; font-size: 1em; line-height: 1.2 } .topmusic__lasts-albums .support-favorite-artist--box { background-color: #fff; text-align: left; box-shadow: 0 0 50px rgba(0,0,0,.1); background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/home/TopMusic-PopUp-BG-orange-01.c149d2ae4f67.png); border-radius: 24px; background-size: 60%; background-repeat: no-repeat; background-position: bottom right; padding: 32px 24px } @media only screen and (max-width: 768px) { .topmusic__lasts-albums .support-favorite-artist--box { text-align:center; margin-top: 32px } } .topmusic__lasts-albums .support-favorite-artist--box h3 { color: #212121; font-size: 1.5em; font-weight: 700; line-height: 1.2 } @media screen and (max-width: 768px) { .topmusic__lasts-albums .support-favorite-artist--box h3 { font-size:1.75em } } .topmusic__lasts-albums .support-favorite-artist--box p { color: #212121; margin-bottom: 14px; margin-top: 14px } @media screen and (max-width: 768px) { .topmusic__lasts-albums .support-favorite-artist--box p { font-size:1.125em } } .topmusic__lasts-albums .support-favorite-artist--box .btn-base { text-transform: initial } .topmusic__lasts-albums .support-favorite-artist__container { padding-left: 80px } .topmusic__lasts-albums .support-favorite-artist__container .support-favorite-artist--box h3,.topmusic__lasts-albums .support-favorite-artist__container .support-favorite-artist--box p { margin-bottom: 32px } .topmusic__lasts-albums h2 { color: #212121; margin-bottom: 52px; font-size: 2.375em } .topmusic__lasts-albums img { width: 100%; border-radius: 14px; box-shadow: 0 3px 26px rgba(0,0,0,.1); transition: all .5s cubic-bezier(.34,1.56,.64,1); transform: scale(1) } html.no-touch .topmusic__lasts-albums img:hover { transform: scale(1.05) } .topmusic__lasts-albums .row.no-gutters>div { padding-left: 10px; padding-right: 10px; line-height: 1; margin-bottom: 10px } .topmusic__lasts-albums .row-flex { display: flex; align-items: center; justify-content: center } .topmusic__lasts-albums .row-flex .col-6 { width: 50% } @media screen and (max-width: 992px) { .topmusic__lasts-albums:before,.topmusic__lasts-albums:after { display:block } .topmusic__lasts-albums:before { background-position: center!important } } @media screen and (max-width: 768px) { .topmusic__lasts-albums { padding:22px 14px 82px 14px!important } .topmusic__lasts-albums h2 { font-size: 1.875em } .topmusic__lasts-albums:before { display: none } .topmusic__lasts-albums:after { display: block } .topmusic__lasts-albums img { border-radius: 10px } .topmusic__lasts-albums .row-flex { flex-wrap: wrap } .topmusic__lasts-albums .row-flex .col-12-xs { width: 100% } .support-favorite-artist__container { padding-left: 0!important } } .popular-playlists__container { display: flex; align-items: flex-end; justify-content: center; margin: 124px auto 52px auto; transform: scale(1.2) } @media screen and (max-width: 992px) { .topmusic__popular-playlists { padding-bottom:0 } .topmusic__popular-playlists .swiper-title-container h2::after { content: "écoutez Le meilleur \A de la musique chrétienne !"!important; white-space: pre } .popular-playlists__container { margin: 52px auto; flex-wrap: wrap; transform: scale(.9) } .popular-playlists--element { width: 33%; margin-bottom: 82px; z-index: 2!important } .popular-playlists__container .popular-playlists--element { transform: scale(1.2)!important } .popular-playlists__container .popular-playlists--element img { border-radius: 10px!important } .popular-playlists__container .popular-playlists--element:nth-child(2) { transform: scale(1.2) translateY(30px)!important; z-index: 3!important } .popular-playlists__container .popular-playlists--element:nth-child(4) { transform: scale(1.2) translateY(60px)!important; z-index: 2!important } .popular-playlists__container .popular-playlists--element:nth-child(8) { transform: scale(1.2) translateY(30px)!important; z-index: 3!important } .popular-playlists__container .popular-playlists--element:nth-child(9) { transform: scale(1.2) translateY(60px)!important; z-index: 2!important } .popular-playlists__container .popular-playlists--element:nth-child(3),.popular-playlists__container .popular-playlists--element:nth-child(6),.popular-playlists__container .popular-playlists--element:nth-child(7) { display: none } } .popular-playlists__container .popular-playlists--element { transform-origin: center center; position: relative; transition: all .5s cubic-bezier(.34,1.56,.64,1) } .popular-playlists__container .popular-playlists--element img { width: 100%; height: auto; border-radius: 14px; box-shadow: 0 12px 24px rgba(0,0,0,.16) } .popular-playlists__container .popular-playlists--element:nth-child(1) { transform: scale(.7) translateX(150px) } .popular-playlists__container .popular-playlists--element:nth-child(1):hover { transform: scale(.9) translateX(120px); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(9) { transform: scale(.7) translateX(-150px) } .popular-playlists__container .popular-playlists--element:nth-child(9):hover { transform: scale(.9) translateX(-120px); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(2) { transform: scale(.9) translateX(40px) } .popular-playlists__container .popular-playlists--element:nth-child(2):hover { transform: scale(1.1) translateX(40px); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(3):hover { transform: scale(1.3); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(4):hover { transform: scale(1.5); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(5):hover { transform: scale(1.9); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(6):hover { transform: scale(1.5); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(7):hover { transform: scale(1.3); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(8) { transform: scale(.9) translateX(-40px) } .popular-playlists__container .popular-playlists--element:nth-child(8):hover { transform: scale(1.1) translateX(-40px); z-index: 9 } .popular-playlists__container .popular-playlists--element:nth-child(1),.popular-playlists__container .popular-playlists--element:nth-child(9) { z-index: 1 } .popular-playlists__container .popular-playlists--element:nth-child(2),.popular-playlists__container .popular-playlists--element:nth-child(8) { z-index: 2 } .popular-playlists__container .popular-playlists--element:nth-child(3),.popular-playlists__container .popular-playlists--element:nth-child(7) { transform: scale(1.1); z-index: 3 } .popular-playlists__container .popular-playlists--element:nth-child(4),.popular-playlists__container .popular-playlists--element:nth-child(6) { transform: scale(1.3); z-index: 4 } .popular-playlists__container .popular-playlists--element:nth-child(5) { transform: scale(1.7); z-index: 5 } .topmusic__popular-playlists { padding-top: 80px; padding-bottom: 100px } @media only screen and (max-width: 768px) { .topmusic__popular-playlists { padding-top:60px; padding-bottom: 60px } } .topmusic__popular-playlists .swiper-title-container { flex-basis: 100% } .topmusic__popular-playlists .swiper-title-container h2 { font-size: 2.375em; font-weight: 700; line-height: 1.2; margin-bottom: 14px } @media only screen and (max-width: 768px) { .topmusic__popular-playlists .swiper-title-container h2 { font-size:1.875em } } .topmusic__popular-playlists .swiper-title-container h2:after { content: "écoutez Le meilleur de la musique chrétienne !"; display: block; text-transform: uppercase; color: #f5763a; font-size: 16px; text-align: center; font-weight: 700; margin-top: 14px; margin-bottom: 14px } @media only screen and (max-width: 768px) { .topmusic__popular-playlists .swiper-title-container h2:after { font-size:14px } } .topmusic__popular-playlists .slider-article { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } @media only screen and (max-width: 768px) { .topmusic__popular-playlists .slider-article { padding:0 20px } } .topmusic__popular-playlists .slider-article article { margin: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; padding: 5px } @media screen and (max-width: 992px) { .topmusic__popular-playlists .slider-article article { -webkit-box-flex:0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .topmusic__popular-playlists .slider-article article:nth-child(n+8) { display: none } } @media only screen and (max-width: 768px) { .topmusic__popular-playlists .slider-article article { -webkit-box-flex:0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } .topmusic__popular-playlists .slider-article article a { margin: 0; padding: 0; border: 0; font-family: sans-serif; font-size: 1em; font-weight: normal; font-style: normal; text-decoration: none } .topmusic__popular-playlists .slider-article article .post-thumbnail--container { box-shadow: none; border-radius: 0 } .topmusic__popular-playlists .slider-article article .post-thumbnail--container:before { display: none } .topmusic__popular-playlists .slider-article article .post-thumbnail--container .post-thumbnail--image { padding-bottom: 100% } .topmusic__popular-playlists .slider-article article .post-thumbnail--container .post-thumbnail--informations { display: none } .topmusic__popular-playlists .slider-article article .post-content--container { display: none } .account .swiper-container { position: relative; margin-right: -10px; margin-left: -10px } .topmusic__artists-testimony { background-color: #fff; padding-top: 100px; padding-bottom: 60px; position: relative } @media only screen and (max-width: 768px) { .topmusic__artists-testimony { display:none } } .topmusic__artists-testimony img.wave-effect { position: absolute; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } .topmusic__artists-testimony .row { display: flex; align-items: center } .topmusic__artists-testimony h2 { font-size: 2.375em; font-weight: 700; margin-bottom: 180px; line-height: 1.2 } @media only screen and (max-width: 768px) { .topmusic__artists-testimony h2 { font-size:1.875em } } .topmusic__artists-testimony h2:after { content: attr(data-subtitle); display: block; text-transform: uppercase; color: #f5763a; font-size: 16px; text-align: center; font-weight: 700; margin-top: 14px; margin-bottom: 14px } @media only screen and (max-width: 768px) { .topmusic__artists-testimony h2:after { font-size:.875em } } .topmusic__artists-testimony .artists-testimony--body { border-radius: 10px; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1); text-align: center; padding: 24px 40px 60px 40px } .topmusic__artists-testimony .artists-testimony--body img { border-radius: 50%; width: 160px; margin-top: -100px; margin-bottom: 24px } .topmusic__artists-testimony .artists-testimony--body p { margin-bottom: 24px } .topmusic__artists-testimony .artists-testimony--body .artists-testimony--name { color: #f5763a; text-transform: uppercase; font-weight: 700; margin-top: 24px } .topmusic__artists-testimony .artists-testimony--body .artists-testimony--name small { display: block } .topmusic__artists-testimony .swiper-container.swiper-container-horizontal { margin-top: 60px!important; position: relative; padding-bottom: 0 } .topmusic__artists-testimony .swiper-container.swiper-container-horizontal .swiper-slide { padding-left: 60px; padding-right: 60px; margin: 0 } .topmusic__artists-testimony .swiper-container.swiper-container-horizontal .swiper-slide p { color: #fff } .topmusic__artists-testimony .swiper-container.swiper-container-horizontal .swiper-slide span { color: #fff; text-transform: uppercase } .topmusic__artists-testimony .swiper-container.swiper-container-horizontal .swiper-slide span small { display: block; text-transform: initial } .topmusic__artists-testimony .swiper-container.swiper-container-horizontal .next { transform: translateY(-50%) scale(-1); color: #fff; position: absolute; left: auto; right: 0; top: 50%; font-size: 1.5em; z-index: 10; cursor: pointer } .topmusic__artists-testimony .swiper-container.swiper-container-horizontal .back { color: #fff; position: absolute; left: 0; right: auto; top: 50%; transform: translateY(-50%); font-size: 1.5em; z-index: 10; cursor: pointer } .topmusic__support-who-you-want { padding-top: 100px; text-align: center; position: relative; background: #fff; color: #212121 } @media only screen and (max-width: 768px) { .topmusic__support-who-you-want { padding:60px 20px; background: linear-gradient(135deg,#eaaf42 0%,#eaaf42 10%,#de3f29 100%) } } @media screen and (max-width: 768px) { .topmusic__support-who-you-want h2,.topmusic__support-who-you-want h3,.topmusic__support-who-you-want p { color:#fff!important } .topmusic__support-who-you-want img.wave-effect { display: none } } .topmusic__support-who-you-want .container { position: relative; z-index: 2 } .topmusic__support-who-you-want h2 { color: #212121; font-size: 2.375em; font-weight: 700; line-height: 1.2 } @media only screen and (max-width: 768px) { .topmusic__support-who-you-want h2 { font-size:1.875em } } .topmusic__support-who-you-want h3 { color: #212121; font-size: 1.875em } .topmusic__support-who-you-want p { color: #212121; margin-bottom: 24px } .topmusic__support-who-you-want img.wave-effect { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; object-fit: cover; background: none; width: 100%; height: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } .topmusic__support-who-you-want .swiper-container { margin-top: 32px; position: relative; z-index: 2 } @media only screen and (max-width: 768px) { .topmusic__support-who-you-want .swiper-container { display:none } } .topmusic__support-who-you-want .swiper-container .swiper-slide { text-align: left; padding: 0 60px; margin: 0; margin-bottom: -1px } .topmusic__support-who-you-want .swiper-container .swiper-slide img { margin: 0 auto; display: block; text-align: center; margin-bottom: -12px; width: 100% } .topmusic__support-who-you-want .swiper-container .swiper-slide h3 { margin-top: 120px } .topmusic__support-who-you-want .swiper-container .next { transform: translateY(-50%) scale(-1); color: #212121; position: absolute; left: auto; right: 0; top: 50%; font-size: 1.5em; z-index: 10; cursor: pointer } .topmusic__support-who-you-want .swiper-container .back { color: #212121; position: absolute; left: 0; right: auto; top: 50%; transform: translateY(-50%); font-size: 1.5em; z-index: 10; cursor: pointer } .topmusic__actu-slider { padding-top: 80px } @media only screen and (max-width: 768px) { .topmusic__actu-slider { display:none } } .topmusic__actu-slider .slider-article { display: flex; flex-wrap: wrap; text-align: center } @media screen and (max-width: 992px) { .topmusic__actu-slider .slider-article { justify-content:center } } .topmusic__actu-slider .slider-article .swiper-title-container { flex-basis: 100%; margin-bottom: 24px } .topmusic__actu-slider .slider-article .swiper-title-container h2 { font-size: 2.375em; font-weight: 700; margin-bottom: 10px; line-height: 1.2 } @media only screen and (max-width: 768px) { .topmusic__actu-slider .slider-article .swiper-title-container h2 { font-size:1.875em } } .topmusic__actu-slider .slider-article .swiper-title-container h2:after { content: "Restez informés des dernières nouvelles"; display: block; text-transform: uppercase; color: #f5763a; font-size: 16px; text-align: center; font-weight: 700; margin-top: 14px; margin-bottom: 14px } @media only screen and (max-width: 768px) { .topmusic__actu-slider .slider-article .swiper-title-container h2:after { font-size:14px } } .topmusic__actu-slider .slider-article .post--btn-more { color: #212121; font-size: 1em; border: 2px solid #212121; padding: .741em 1.5em; font-size: .88889rem; margin: 42px auto 24px auto; border-radius: 30px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topmusic__actu-slider .slider-article .post--btn-more:before { content: ""; flex-basis: 100% } html.no-touch .topmusic__actu-slider .slider-article .post--btn-more:hover { background: #212121; color: #fff } .topmusic__actu-slider .slider-article article { flex: 1 0 21%; margin: 14px 10px; border-radius: 10px; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1) } @media screen and (max-width: 992px) { .topmusic__actu-slider .slider-article article { -webkit-box-flex:0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% } } .topmusic__actu-slider .slider-article article .post-content--body { background: none; box-shadow: none; padding: 14px 24px; text-align: left; display: flex; flex-direction: column } .topmusic__actu-slider .slider-article article .post-content--body .post-content--title { font-weight: 700; font-size: 1.25em } .topmusic__actu-slider .slider-article article .post-content--body .post-content--excerpt { max-height: unset; order: 1 } .topmusic__actu-slider .slider-article article .post-content--body .post-content--author { display: none } .topmusic__actu-slider .slider-article article .post-content--body .post-content--date { color: #212121; font-size: 12px; font-weight: 400; margin-bottom: 14px } .topmusic__actu-slider .slider-article article .post-content--body .post-content--date i { display: none } .topmusic__subscribe { position: relative; overflow: hidden; padding-bottom: 100px; padding-top: 82px } .topmusic__subscribe img.wave-effect { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; object-fit: cover; background: none; width: 100%; height: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } @media screen and (max-width: 1200px) { .topmusic__subscribe { background-size:contain; background-repeat: no-repeat } } @media screen and (max-width: 992px) { .topmusic__subscribe { background-image:none; padding-top: 60px; padding-bottom: 60px } } @media only screen and (max-width: 768px) { .topmusic__subscribe { display:block; background: none; padding: 80px 5px } .topmusic__subscribe img.wave-effect { display: none } .topmusic__subscribe .container h2 { color: #212121 } .topmusic__subscribe .topmusic__subscribe--column-body .btn-outline { display: none } .topmusic__subscribe .btn-base.btn-topmusic { font-size: 16px; line-height: 1 } } .topmusic__subscribe h2 { color: #fff; text-align: center; margin-bottom: 32px; font-size: 2.375em; line-height: 1.2 } @media only screen and (max-width: 768px) { .topmusic__subscribe h2 { color:#212121; font-size: 1.875em } } .topmusic__subscribe h5 { color: #e65a7c } .topmusic__subscribe .topmusic__subscribe--column { position: relative; z-index: 5 } .topmusic__subscribe .topmusic__subscribe--column:nth-child(2) h3 { color: #ed763a; background: linear-gradient(90deg,#a54f98 0%,#ed763a 100%); background: -webkit-linear-gradient(90deg,#a54f98 0%,#ed763a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .topmusic__subscribe .topmusic__subscribe--column:nth-child(2) a { text-transform: initial; white-space: nowrap } @media screen and (max-width: 992px) { .topmusic__subscribe .topmusic__subscribe--column:nth-child(2) a { white-space:normal } } .topmusic__subscribe .topmusic__subscribe--column-body { background: #fff; border-radius: 14px; box-shadow: 0 0 50px rgba(0,0,0,.1); padding: 40px 40px 40px 40px; height: 100% } @media only screen and (max-width: 768px) { .topmusic__subscribe .topmusic__subscribe--column-body { box-shadow:none; padding: 0 60px } .topmusic__subscribe .topmusic__subscribe--column-body a { margin-bottom: 10px } } .topmusic__subscribe .topmusic__subscribe--column-body h3 { margin-bottom: 14px; font-size: 1.625em } @media only screen and (max-width: 768px) { .topmusic__subscribe .topmusic__subscribe--column-body h3 { display:none } } .topmusic__subscribe .topmusic__subscribe--column-body:nth-child(2) h3 { background: -webkit-linear-gradient(90deg,#a54f98 0%,#ed763a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .topmusic__subscribe .topmusic__subscribe--column-body:nth-child(2) a { white-space: inherit } .topmusic__subscribe .topmusic__subscribe--column-body .topmusic__subscribe--list { text-align: left; list-style: none; padding: 0; margin-bottom: 40px } @media only screen and (max-width: 768px) { .topmusic__subscribe .topmusic__subscribe--column-body .topmusic__subscribe--list { display:none } } .topmusic__subscribe .topmusic__subscribe--column-body .topmusic__subscribe--list li { list-style: none; margin-bottom: 10px } .topmusic__subscribe .topmusic__subscribe--column-body .topmusic__subscribe--list li:before { margin-right: 8px; display: inline-block; vertical-align: middle; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1 } .topmusic__subscribe .topmusic__subscribe--column-body .topmusic__subscribe--list li.subscribe-list--green:before { content: "\E141"; color: #60ba94; font-size: 20px } .topmusic__subscribe .topmusic__subscribe--column-body .topmusic__subscribe--list li.subscribe-list--red:before { content: "\E142"; color: #de3f29; font-size: 20px } .topmusic__share-your-music { background: none; color: #212121; padding: 72px 14px; position: relative } @media only screen and (max-width: 768px) { .topmusic__share-your-music { display:none } } .topmusic__share-your-music .btn-topmusic.btn-t4a { border: 2px solid #a26bff; color: #a26bff; border-radius: 150px; cursor: disabled; pointer-events: none; opacity: .5 } .topmusic__share-your-music html.no-touch .btn-t4a:hover { color: #fff; background: #a26bff } .topmusic__share-your-music h2 { color: #212121; font-weight: 700; margin-bottom: 20px; font-size: 2.375em } .topmusic__share-your-music p { color: #212121 } .topmusic__share-your-music .btn-outline { padding-left: 2.5em; padding-right: 2.5em; font-size: 1em } .l-section-musique.l-section-user .footer--big-menu,.l-section-topmusic.l-section-user .footer--big-menu { margin-top: 2rem; padding: 0 14px 30px 14px } .l-section-musique.l-section-user .footer--big-menu .btn-dwld-app,.l-section-topmusic.l-section-user .footer--big-menu .btn-dwld-app { margin: 0 0 5px 0 } .l-section-musique.l-section-user .footer--big-menu ul,.l-section-topmusic.l-section-user .footer--big-menu ul { list-style: none; padding: 0; text-align: left } .l-section-musique.l-section-user .footer--big-menu .footer-topmusic-container,.l-section-topmusic.l-section-user .footer--big-menu .footer-topmusic-container { display: flex; padding: 32px 20px; justify-content: center; align-items: flex-start } .topmusic-footer-row { display: flex; align-items: flex-start; flex-grow: 1 } .topmusic-footer-row>div { flex-grow: 1; text-align: left; padding: 0 14px } .topmusic-footer-row>div:last-child { padding-right: 0 } @media screen and (max-width: 992px) { .footer--big-menu .footer-topmusic-container { flex-wrap:wrap; justify-content: flex-start } .topmusic-footer-logo { flex-basis: 100%; margin-bottom: 24px } } @media screen and (max-width: 768px) { .footer--big-menu .footer-topmusic-container { flex-wrap:wrap; justify-content: flex-start; padding: 32px 0 } .footer--big-menu .topmusic-footer-row { flex-wrap: wrap } .topmusic-footer-row>div { margin-bottom: 20px; padding: 0 } .topmusic-footer-logo { margin-bottom: 20px } .topmusic-footer-row .footer-icons-container { text-align: center } } @media screen and (max-width: 480px) { .topmusic-footer-row>div { width:100% } } .topmusic-footer-logo { max-width: 240px; padding-right: 32px; margin-right: 180px } .footer-header { font-family: Sen; font-weight: normal; font-size: 12px; text-align: left; color: #a5a5a5; margin-bottom: 10px } .footer-list { list-style: none; text-align: left; padding: 0 } .footer-list li { margin-bottom: 10px } .footer-list li a { font-family: Sen; font-weight: bold; font-size: 16px; text-align: left; color: #212121 } .footer-list li a:hover { color: #f5763a } .topmusic-footer-copyright { text-align: center; margin-bottom: 2rem } .footer-copyright--text { font-family: Sen; font-weight: normal; font-size: 12px; text-align: left; color: #a5a5a5; text-align: center } .footer-icons-appdownload { display: flex; flex-wrap: nowrap; gap: 14px; flex: 1 } @media screen and (max-width: 768px) { .footer-icons-appdownload { flex:auto; align-items: center } } @media screen and (max-width: 480px) { .application-icons { flex-basis:100% } } @media screen and (max-width: 1200px) { .footer-icons-appdownload { flex-wrap:wrap } } .footer-icons-container { width: auto } .footer-icons-container .footer-icons { display: flex; gap: 10px; padding-top: 28px } .footer-icons-container a { color: #212121 } .footer-icons-container .footer-icons svg { transition: all .3s ease-in-out; fill: #212121 } .footer-icons-container .footer-icons { display: grid; grid-template-columns: repeat(3,1fr) } .footer-icons-container .footer-icons i { color: #fff; background: #000; border-radius: 100%; padding: 6px; font-size: 1.5rem; width: 2.2rem; height: 2.2rem; display: flex; justify-content: center; align-items: center } .footer-icons-container .footer-icons .instagram:hover svg { fill: var(--instagram) } .footer-icons-container .footer-icons .facebook:hover svg { fill: var(--facebook) } .footer-icons-container .footer-icons .discord:hover svg { fill: var(--discord) } .footer-icons-container a:last-child { margin-right: 0 } .footer-icons-container svg { width: 42px; height: auto; fill: #212121 } body { --instagram: #c13584; --facebook: #1877f2; --discord: #5865f2 } .pl_home_module .topmusic__header--block.construction:before { content: "TopMusic fait peau neuve... On revient bientôt ! 🎨"; font-family: "Sen",sans-serif; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; font-size: 1.6em; font-weight: bold; background-color: #fff; color: #212121; display: flex; align-items: center; justify-content: center; z-index: -1 } .topmusic__header--block { background: #fff; position: relative; z-index: 999 } @media screen and (max-width: 768px) { .topmusic__header--block { padding:20px; background: rgba(255,255,255,0); box-shadow: 0 0 50px transparent } } .topmusic__header--block.is-open { background: #fff; box-shadow: 0 0 50px rgba(0,0,0,.1) } .topmusic__header--block.is-open .topmusic__header--navigation nav { max-height: 500px; overflow-y: hidden; transition: all .5s cubic-bezier(.5,2,.5,1); -webkit-transition: all .5s cubic-bezier(.5,2,.5,1) } .topmusic__header--block .topmusic__header--navigation { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center } .topmusic__header--block .topmusic__header--navigation .logo { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; align-content: center } .topmusic__header--block .topmusic__header--navigation img { width: 200px; display: inline-block; vertical-align: middle; position: relative; top: -2px } @media screen and (max-width: 768px) { .topmusic__header--block .topmusic__header--navigation img { width:150px } } .topmusic__header--block .topmusic__header--navigation p { background: linear-gradient(#f5763a 0%,#d43ac9 100%); background: -webkit-linear-gradient(#f5763a 0%,#d43ac9 100%); color: #f5763a; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin-left: 14px; font-weight: bold } @media screen and (max-width: 1200px) { .topmusic__header--block .topmusic__header--navigation p { display:none } } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle { padding: 0; display: block; position: absolute; right: 24px; top: 18px; display: none } @media screen and (max-width: 768px) { .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle { display:block } } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle .hamburger-menu-icon { position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle .hamburger-menu-icon:before { content: ""; position: absolute; width: 34px; height: 34px; border: 1px solid transparent; top: calc(50% - 17px); left: calc(50% - 17px); border-radius: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle .hamburger-menu-icon .line { width: 30px; height: 3px; background-color: #272727; display: block; margin: 6px 0 6px auto; border-radius: 6px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open { right: 28px; top: 18px } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open:after { display: none } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open .hamburger-menu-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open .hamburger-menu-icon:before { border: 3px solid #272727 } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open .hamburger-menu-icon .line { width: 22px; height: 3px } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open .hamburger-menu-icon .line:nth-child(2) { opacity: 0 } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open .hamburger-menu-icon .line:nth-child(1) { -webkit-transform: translateY(9px); transform: translateY(9px) } .topmusic__header--block .topmusic__header--navigation #responsive-topmusic-menu-toggle.is-open .hamburger-menu-icon .line:nth-child(3) { -webkit-transform: translateY(-9px) rotate(90deg); transform: translateY(-9px) rotate(90deg) } .topmusic__header--block .topmusic__header--navigation nav { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; padding-right: .625rem; padding-left: .625rem; text-align: right; transition: all .5s cubic-bezier(.5,2,.5,1); -webkit-transition: all .5s cubic-bezier(.5,2,.5,1) } @media screen and (max-width: 768px) { .topmusic__header--block .topmusic__header--navigation nav { -webkit-box-flex:0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; text-align: center; max-height: 0; overflow-y: hidden } } .topmusic__header--block .topmusic__header--navigation nav ul { padding: 0 } @media screen and (max-width: 768px) { .topmusic__header--block .topmusic__header--navigation nav ul { padding-top:34px; padding-bottom: 24px } } .topmusic__header--block .topmusic__header--navigation nav ul li { display: inline-block; margin-right: 20px; list-style: none } @media screen and (max-width: 768px) { .topmusic__header--block .topmusic__header--navigation nav ul li { display:block; width: 100%; margin-bottom: 10px; margin-right: 0 } } .topmusic__header--block .topmusic__header--navigation nav ul li:last-of-type { margin-right: 0 } .topmusic__header--block .topmusic__header--navigation nav ul li a { font-weight: bold; color: #212121; font-size: 1em } @media screen and (max-width: 768px) { .topmusic__header--block .topmusic__header--navigation nav ul li a { border:none; background: none; margin: 0; padding: 0 } html.no-touch .topmusic__header--block .topmusic__header--navigation nav ul li a:hover { background: none; color: #f5763a } } .topmusic__header--block .topmusic__header--navigation nav ul li a.btn-base { box-shadow: none; color: #fff; text-transform: initial } @media screen and (max-width: 768px) { .topmusic__header--block .topmusic__header--navigation nav ul li a.btn-base { color:#212121 } } body:has(>.import-playlist-container) { margin-top: 0 } .import-playlist-container { min-height: 100vh; padding: 40px 0 112px 0; display: flex; flex-direction: column; align-items: center; justify-content: center } .import-playlist-container .import-playlist-wrapper { display: flex; width: 100%; max-width: 300px; margin: 0 auto } .import-playlist-container .import-playlist-list { padding-left: 20px; padding-right: 20px; overflow: hidden } .import-playlist-container .import-playlist-list .import-playlist-description { margin-top: 18px; font-size: 16px; line-height: 20px; font-family: "Sen",sans-serif; letter-spacing: 0; color: #191c1c; text-align: center } .import-playlist-container .import-playlist-list .import-playlist-sub_title { font-size: 18px; line-height: 22px; font-weight: bold; letter-spacing: 0; color: #191c1c; text-align: center; margin: 32px auto } .import-playlist-container .import-playlist-list a { display: inline-block } .import-playlist-container .import-playlist-title { width: 100%; font-family: "Sen",sans-serif; margin-bottom: 32px; display: block; font-size: 32px; line-height: 40px; font-weight: 800; text-align: center; background: linear-gradient(135deg,#ff870e 0%,#d236d2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent } .import-playlist-container a { width: 50%; margin: auto } .import-playlist-container a .import-playlist-btn { width: 90%; height: 36px; display: inline-block } .import-playlist-container a .import-playlist-btn.spotify { background: url(https://fructifietestalents.org/maj/img/uri/smartlinks/logos/spotify.80c5ae329f35.png); background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 10% } .import-playlist-container a .import-playlist-btn.deezer { background: url(https://fructifietestalents.org/maj/img/uri/smartlinks/logos/deezer.9348710605a3.png); background-size: contain; background-position: center; background-repeat: no-repeat; margin-left: 10% } .import-playlist-container .import-playlist-sub_description { text-align: center; font-size: 14px; line-height: 18px; font-family: "Sen",sans-serif; letter-spacing: 0; color: #8b8c8c; margin-top: 32px } .import-playlist-container a.import-playlist-btn_next { display: block; margin: 32px auto 0; display: block; height: auto; width: 100%; border: 2px solid #f27046; border-radius: 100px; font-size: 18px; line-height: 26px; color: #f27046; padding: 12px 18px; text-align: center; white-space: nowrap; text-transform: uppercase; font-family: "Sen",sans-serif; font-weight: bold; transition: all .3s ease-in-out } html.no-touch .import-playlist-container a.import-playlist-btn_next:hover,.import-playlist-container a.import-playlist-btn_next:focus { background: #f27046; color: #fff } .import-playlist-container .success_icon { display: flex; justify-content: center } .import-playlist-container .success_icon:before { content: "\e141"; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1.2; font-size: 82px; display: inline-block; vertical-align: middle; background: linear-gradient(#009dc5 0%,#21e590 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: auto } .import-playlist-container .reject_icon { display: flex; justify-content: center } .import-playlist-container .reject_icon::before { content: "\E142"; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1.2; font-size: 82px; display: inline-block; vertical-align: middle; background: linear-gradient(#ff870e 0%,#d236d2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .import-playlist-container .success_message { text-align: center; font: bold 18px/22px Sen; letter-spacing: 0; margin-top: 10px; color: #191c1c } .import-playlist-container--reject .btn-base.btn-topmusic,.import-playlist-container--some-success .btn-base.btn-topmusic { display: block; font-size: 15px; letter-spacing: .6px; width: 309px; min-height: 46px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 12px 20px } .import-playlist-container--some-success .top_image,.import-playlist-container--success .top_image { background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/popup-bg-blue.b7227c38c272.jpg); background-size: contain } .import-playlist-container--some-success .bottom_image,.import-playlist-container--success .bottom_image { background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/popup-bg-purple.25b5fde747ec.jpg); background-size: contain; transform: scaleX(1) scaleY(1); background-position: bottom right } .import-playlist-container--reject .top_image { background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/popup-bg-purple.25b5fde747ec.jpg); transform: scaleX(-1) scaleY(-1); background-position: bottom right; background-size: contain } .import-playlist-container--reject .bottom_image { background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/popup-bg-orange.fd7087cc2eb0.jpg); background-size: contain } .playlist-import__title { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 32px } .playlist-import__title h1 { font-size: 18px; line-height: 22px; font-weight: 700; margin: 0; padding: 0 } .playlist-import__title img { width: 120px; height: auto } .playlist-import__title img.is-deezer { margin-top: -4px } .playlist-import__form { display: flex; flex-wrap: wrap } .playlist-import__form .import-playlist-playlist-block { text-align: left; display: flex; align-items: center; flex-direction: row; flex: 100% 0 1; margin-bottom: 12px } .playlist-import__form .import-playlist-playlist-block label { display: flex; align-items: center; gap: 12px } .playlist-import__form .import-playlist-playlist-block label p { font-size: 16px; line-height: 20px } .playlist-import__form .import-playlist-playlist-block img { width: 100%; box-shadow: 0 2px 4px rgba(0,0,0,.12); border-radius: 6px; opacity: .7; transition: all .3s ease-in-out } .playlist-import__form .import-playlist-playlist-block p { opacity: .7; transition: all .3s ease-in-out } .playlist-import__form .import-playlist-playlist-block div { position: relative; width: 90px; min-width: 90px; height: 90px } .playlist-import__form .import-playlist-playlist-block div input[type="checkbox"] { position: absolute; bottom: 0; right: 0; z-index: 9 } .playlist-import__form input { position: absolute; left: -100vw; height: 1px; width: 1px; font-size: 18px; background: #eee } .playlist-import__form input:checked+label { position: relative; opacity: 1 } .playlist-import__form input:checked+label img { opacity: 1 } .playlist-import__form input:checked+label div::after { transform: scale(1) } .playlist-import__form input:checked+label p { opacity: 1 } .playlist-import__form label { position: relative } .playlist-import__form label div::after { content: ""; position: absolute; bottom: 4px; right: 4px; width: 24px; height: 24px; border-radius: 100px; background-color: #fff; transform: scale(0); background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/check_icon.ea94d70a04f5.svg); transition: all .3s ease-in-out } @media screen and (max-width: 480px) { .playlist-import__form .import__action-btn { padding:52px 20px 32px 20px; position: fixed; bottom: 0; left: 0; right: 0; top: auto; z-index: 99999; background: linear-gradient(360deg,#fff 76.35%,rgba(255,255,255,0) 100%) } } .search-artist-not-found { font-size: 18px; line-height: 22px; color: #191c1c; font-weight: 700; text-align: center; margin: 43px auto } @media (max-width: 320px),(max-height:600px) { .search-artist-not-found { font-size:16px; line-height: 20px; margin-top: 25px } } .pay-result { padding-left: 31px; padding-right: 31px } .pay-result b { font-family: "Sen",sans-serif; font-size: 18px; line-height: 22px; font-weight: 700; color: #191c1c; width: 263px; max-width: 100% } .pay-result b.pay-result__error { margin-bottom: 5px } .pay-result p { margin: 0; font-family: "Sen",sans-serif; font-size: 16px; line-height: 19px; color: #191c1c; font-weight: 400; margin-top: 18px } .pay-result p a { font-size: inherit; color: #f27046; text-decoration: underline } .pay-result .pay-result__wrapper { display: flex; flex-direction: column; justify-content: center; height: 100%; align-items: center } .pay-result .btn-topmusic { margin-top: 32px } .pay-result .btn-base.btn-gradient--topmusic { margin-top: 8vh; padding-top: 12px; padding-bottom: 13px } .pay-result .btn-base.btn-gradient--topmusic:hover { color: #fff } .pay-result .success_icon { display: flex; justify-content: center; margin-bottom: 32px } .pay-result .success_icon:before { content: "\e141"; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1.2; font-size: 82px; display: inline-block; vertical-align: middle; background: linear-gradient(#009dc5 0%,#21e590 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: auto } .pay-result .reject_icon { display: flex; justify-content: center; margin-bottom: 32px } .pay-result .reject_icon::before { content: "\E142"; font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1.2; font-size: 82px; display: inline-block; vertical-align: middle; background: linear-gradient(#ff870e 0%,#d236d2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .rememberme-field { padding: 0 } .l-section-toptv #l-banners { clip-path: polygon(0 0,100% 0,100% 100%,0 85%) } .l-section-toptv .l-banner-image { background-color: #fff; background-size: contain; background-position: top left } .l-section-toptv .l-banner-image .l-article-banner-mask { display: none } .l-section-toptv .l-banner-image .logo-head-banner p { color: #272727; font-weight: bold; font-size: 1.2em; margin-top: -20px } .toptvnow { margin-top: -440px } .toptvnow .toptvnow--headline { color: #272727; font-size: 1.8em; font-weight: 700; position: relative; display: block; text-align: left; margin-bottom: 32px } @media screen and (max-width: 768px) { .toptvnow .toptvnow--headline { font-size:1.4em } } .toptvnow .toptvnow--headline span:before { content: ''; width: 10px; height: 10px; display: inline-block; margin-right: 6px; background: #be0004; border-radius: 50%; vertical-align: middle } .toptvnow .toptvnow--headline:before { content: attr(data-title); font-weight: 900; color: #272727; opacity: .1; z-index: 0; font-size: 2.4em; white-space: nowrap; position: absolute; top: -40px; left: 0; letter-spacing: 0 } .toptvnow .toptvnow--image { position: relative; text-align: left } .toptvnow .toptvnow--image img { max-width: 90%; border-radius: 30px; z-index: 1; position: relative; box-shadow: 0 4px 18px rgba(11,67,100,.1) } @media screen and (max-width: 768px) { .toptvnow .toptvnow--image img { max-width:100% } } .toptvnow .toptvnow--image.track { text-align: center } @media screen and (max-width: 768px) { .toptvnow .toptvnow--image.track { text-align:left } } .toptvnow .toptvnow--image.track img { display: inline-block; max-width: 300px } .toptvnow .toptvnow--body .toptvnow--title { color: #272727; max-width: 550px } .toptvnow .toptvnow--body .toptvnow--excerpt { color: #878787; margin-bottom: 32px } .toptvnow .toptvnow--body .btn-group .btn-base { margin-bottom: 14px; font-size: 1em; padding: 1em 2.4em } .toptv__next-emissions { margin: 100px auto } @media screen and (max-width: 768px) { .toptv__next-emissions { margin:50px auto 80px auto } } .toptv__next-emissions a { color: inherit } .toptv__next-emissions .container { position: relative } .toptv__next-emissions .toptv__next-emissions--programs-link { position: absolute; right: 15px; top: 6px; z-index: 2; color: #858688; font-family: "Montserrat",sans-serif; font-size: .75em } @media screen and (max-width: 768px) { .toptv__next-emissions .toptv__next-emissions--programs-link { top:auto; bottom: -30px; left: 0; right: 0; width: 100%; text-align: center; color: #39a1d4; font-size: .875em } } .toptv__next-emissions .toptv__next-emissions--heading { margin: 0; display: block; margin: 0 auto 8px 0; position: relative; text-align: left; font-size: 1.2em; font-weight: 600 } .toptv__next-emissions .toptv__next-emissions--heading:before { content: attr(data-title); font-weight: 900; color: #e0e0e0; font-size: 3.2em; white-space: nowrap; position: absolute; top: -40px; left: 0; letter-spacing: 0; z-index: -1 } .toptv__next-emissions .toptv__next-emissions--body { background: #fff; border-radius: 30px; box-shadow: 0 4px 18px rgba(11,67,100,.1); padding: 14px 20px; transform: scale(1); transform-origin: center; transition: transform .3s cubic-bezier(.25,.46,.45,.94) } html.no-touch .toptv__next-emissions .toptv__next-emissions--body:hover { transform: scale(1.05); cursor: pointer } .toptv__next-emissions .toptv__next-emissions--body img { width: 120px; border-radius: 15px; float: left; margin-right: 20px } @media (max-width: 1600px) and (min-width:992px) { .toptv__next-emissions .toptv__next-emissions--body img { width:100%; flex-basis: 100%; margin-bottom: 8px } } .toptv__next-emissions .toptv__next-emissions--body .text-left { display: inline } .toptv__next-emissions .toptv__next-emissions--body .text-left div { min-height: 72px } .toptv__next-emissions .toptv__next-emissions--body .next-emissions-body--time { font-weight: bold; font-size: .9em } .toptv__next-emissions .toptv__next-emissions--body .next-emissions-body--time:before { content: ''; background: #39a1d4; width: 14px; height: 2px; display: inline-block; margin-right: 4px; vertical-align: middle } .toptv__next-emissions .toptv__next-emissions--body h5 { font-weight: normal; font-size: 1em } @media (max-width: 1600px) and (min-width:992px) { .toptv__next-emissions .toptv__next-emissions--body h5 { min-height:50px } } @media screen and (max-width: 768px) { .toptv__next-emissions .toptv__next-emissions--body h5 { font-size:.9em } } .l-section-toptv .toptv__categories { background: #fff; padding-top: 10px; padding-bottom: 10px } .l-section-toptv .toptv__categories .toptv__categories--heading { margin: 0; display: block; margin: 0 auto 8px auto; position: relative; text-align: center; font-size: 1.2em; font-weight: 600; z-index: 2 } .l-section-toptv .toptv__categories .toptv__categories--heading:before { content: attr(data-title); font-weight: 900; color: #e0e0e0; font-size: 3.2em; white-space: nowrap; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); letter-spacing: 0; z-index: -1 } .l-section-toptv .toptv__categories .toptv__categories--element { color: #fff; border-radius: 10px; background-color: gray; cursor: pointer; position: relative; display: inline-block; padding: 16px 32px; margin: 10px; color: #fff; font-family: "Montserrat",sans-serif; font-weight: bold; text-shadow: 0 2px 3px rgba(0,0,0,.16); box-shadow: 0 4px 18px rgba(11,67,100,.1); transform: scale(1); transition: transform .3s cubic-bezier(.25,.46,.45,.94) } html.no-touch .l-section-toptv .toptv__categories .toptv__categories--element:hover { transform: scale(1.05); cursor: pointer } .l-section-toptv .toptv__categories .toptv__categories--element:nth-child(1) { background: -webkit-linear-gradient(45deg,#f5317f,#ff7c6e); background: linear-gradient(45deg,#f5317f,#ff7c6e) } .l-section-toptv .toptv__categories .toptv__categories--element:nth-child(2) { background: -webkit-linear-gradient(45deg,#74ebd5,#acb6e5); background: linear-gradient(45deg,#74ebd5,#acb6e5) } .l-section-toptv .toptv__categories .toptv__categories--element:nth-child(3) { background: -webkit-linear-gradient(45deg,#3f79a2,#8e7ede); background: linear-gradient(45deg,#3f79a2,#8e7ede) } .l-section-toptv .toptv__categories .toptv__categories--element:nth-child(4) { background: -webkit-linear-gradient(45deg,#00f260,#0575e6); background: linear-gradient(45deg,#00f260,#0575e6) } .l-section-toptv .toptv__categories .toptv__categories--element:nth-child(5) { background: -webkit-linear-gradient(45deg,#fc4a1a,#f7b733); background: linear-gradient(45deg,#fc4a1a,#f7b733) } #banner-campaign { position: relative!important; top: 8px!important; z-index: 2!important; background: #62c6dd!important; background: linear-gradient(270deg,#62c6dd 0%,#3983d8 100%)!important } @media screen and (max-width: 1090px) { #banner-campaign { top:0!important } } html.app #banner-campaign,html.app-app #banner-campaign { display: none!important } #banner-campaign .btn-base { margin-right: 130px } @media screen and (max-width: 480px) { #banner-campaign #banner-campaign-close { color:#272727!important; background: #fff!important; border-radius: 50%!important; width: 30px!important; height: 30px!important; text-align: center!important; line-height: 30px!important; position: absolute!important; bottom: -10px!important; top: auto!important; right: 20px!important; box-shadow: 0 0 8px rgba(0,0,0,.15) } #banner-campaign #banner-campaign-close span { display: none } } #banner-campaign { box-shadow: 0 1px 5px 0 rgba(10,10,10,.2); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } #banner-campaign .gift-campaign--container { max-width: 1170px; width: 100%; margin: 0 auto; padding: 2px 15px } @media screen and (max-width: 768px) { #banner-campaign .gift-campaign--container { padding:0 } } #banner-campaign .toptv__alert-box { position: relative; align-items: center; cursor: pointer } html.no-touch #banner-campaign .toptv__alert-box:hover .toptv__alert-box--image i { opacity: 1 } #banner-campaign .toptv__alert-box .toptv__alert-box--image { position: relative; display: flex; align-items: flex-start } #banner-campaign .toptv__alert-box .toptv__alert-box--image i { color: #fff; position: absolute; top: 50%; left: 50%; z-index: 4; font-size: 32px; transform: translate(-50%,-50%); opacity: .5; transition: opacity .2s ease-in-out } #banner-campaign .toptv__alert-box .toptv__alert-box--image img { width: 110px; border-radius: 8px } #banner-campaign .toptv__alert-box .toptv__alert-box--body { padding: 8px; margin: 0 auto 0 10px; overflow: hidden } @media screen and (max-width: 480px) { #banner-campaign .toptv__alert-box .toptv__alert-box--body { margin:0 auto 0 0 } } #banner-campaign .toptv__alert-box .toptv__alert-box--body .toptv__alert-box--title { display: block; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; font-weight: bold; font-family: "Montserrat",sans-serif; font-size: 15px } #banner-campaign .toptv__alert-box .toptv__alert-box--body .toptv__alert-box--title:before { content: ''; background: #dd7962; width: 10px; height: 2px; display: inline-block; margin-right: 4px; vertical-align: middle } #banner-campaign .toptv__alert-box .toptv__alert-box--body .toptv__alert-box--name { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; display: block; font-size: 14px } @media screen and (max-width: 480px) { #banner-campaign .toptv__alert-box .toptv__alert-box--body .toptv__alert-box--name { max-width:80% } } .l-section-user .new-post-banner { display: none } .l-section-user #l-banners .l-banner-inner { max-height: 280px; height: auto } .l-section-user #l-banners .l-banner-image { padding-bottom: 0 } .l-section-user .l-banner-user { height: auto; background-color: #fff } .l-section-user .l-article { margin-top: 2em } .l-section-user .l-posts { padding-top: 0 } .l-section-user .tab-content { margin-top: -30px } .l-section-user .tab-content #search-section .search-block-titles { background: none; box-shadow: none; padding: 0 } @media screen and (max-width: 768px) { .l-section-user .tab-content { margin-top:0 } } #favorite-labels-form th { display: none } #favorite-labels-form input { width: auto; background: none; border-bottom: 1px solid #e1e1e1!important; border: 0; margin-right: 14px; padding-bottom: 14px } #favorite-labels-form .post-tag { width: 20px; height: 20px; border-radius: 50%; vertical-align: middle } .user-interests>ul { line-height: 5 } .user-interests>ul li { line-height: 1; display: inline-block; margin: 0 2em } .user-interests>ul li.is-selected .category-image:after { background: rgba(51,111,173,.7); color: #fff; font-weight: bold; font-size: 1.3em; content: "✓"; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; padding-top: 45% } .user-interests { text-align: center; max-width: 800px; margin: 0 auto } .user-interests input { position: absolute; left: -99999px } .user-interests .category-image { position: relative } .user-interests .category-text { color: #444; display: block; text-transform: none; padding-top: .5em } .user-interests label { cursor: pointer } .user-interest-title { margin-top: 1em; font-family: georgia; font-style: italic; color: #ec5a27; display: block; font-size: 1.2em } .user-interest-title:after { content: " "; display: block; width: 20px; margin: .5em auto 1em; border: solid 1px #336fad } #extra_interests .category-image { border-radius: 50%; background-color: #64d5f7 } #extra_interests .category-image:before { color: #fff; font-size: 3em; padding-top: 41px; position: absolute; width: 100%; left: 0 } @media (max-width: 520px) { #extra_interests .category-image:before { font-size:1.5em; padding-top: 30% } } .user-interest-610 .category-image:before { content: "\E042" } .user-interest-428 .category-image:before { content: "\E043" } .user-interest-290 .category-image:before { content: "\E034" } #edit-interests { text-align: center } #edit-interests ul { list-style-type: none; margin: 0; padding: 0 } #edit-interests #id_sex>li { display: inline-block; margin: 0 1em } #edit-interests #id_sex>li:first-child { position: absolute; left: -99999px } #edit-interests .user-sex-image { display: block; vertical-align: middle; margin: 0 auto .5em; cursor: pointer } #edit-interests .user-sex-f { background-image: url(https://fructifietestalents.org/maj/img/uri/woman.f46809c4b8de.png); width: 64px; height: 116px } #edit-interests .user-sex-m { background-image: url(https://fructifietestalents.org/maj/img/uri/man.3ab1b347532d.png); width: 44px; height: 115px } .user-subtype { color: #fff; background-color: #2e6eac; padding: 5px 1em; display: inline-block } .user-details-page .user-subtype { font-size: 1em } .user-subtype.comment { font-size: 80%; padding: 0 1em; margin-left: 1em } .user-subtype-volunteer { background-color: #23ae60 } .field.privacy { border: medium none; float: right; padding: 0 } .field.privacy .title,.field.privacy .helptext { display: none } .field.privacy ul { width: 5em } .field.privacy li { margin: 0; float: left } .field.privacy input { position: absolute; opacity: 0 } .field.privacy input+span:after { color: #fff; border-radius: 50%; padding: 5px; opacity: .3; cursor: pointer } .field.privacy input:checked+span:after { opacity: 1 } .privacy-explain { text-align: center; font-size: 70%; line-height: 2 } .privacy-explain div { display: inline-block; margin: 10px } .privacy-explain span:after { color: #fff; border-radius: 50%; padding: 5px; cursor: default; margin-left: .5em } .user-privacy-private:after { content: "\E066"; background-color: #e85030 } .user-privacy-friends:after { content: "\E065"; background-color: #f18c37 } .user-privacy-public:after { content: "\E067"; background-color: #2e6eac } #id_birth_date_day_month_privacy::after,#id_birth_date_year_privacy::after { display: block; text-align: center; height: auto; visibility: visible; font-size: .8em; padding-top: 3px; color: #777 } #id_birth_date_day_month_privacy::after { content: "Jour/Mois" } #id_birth_date_year_privacy::after { content: "Année" } .birth_date_day_month_privacy-field { margin-right: 1em } .user-details { width: 45%; margin: 0 2% 2em; display: inline-block; vertical-align: top } @media (max-width: 750px) { .user-details { width:95% } } .user-details h2 { background-color: #f3f3f3; color: #de4e28; padding: .5em 1em; font-weight: bold; font-size: 1em; margin: 0 } .user-details h2:after { float: right; content: "\e059"; position: relative; top: 5px } .user-details dl { margin: 0 } .user-details dd,.user-details dt { padding: .5em 0 } .user-details dt { color: #2e6eac; font-weight: normal; margin-right: .5em; float: left; clear: both; padding-left: 1em } .user-details dt:after { content: " :" } .user-details dd { border-bottom: solid 1px #eee; margin: 0 } @media (max-width: 450px) { .user-details dt { float:none; padding-bottom: 0 } .user-details dt:after { display: none } .user-details dd { padding-left: 1em; padding-top: 0 } } .user-details-page .article-main { width: 100%; position: relative } .user-details-page #l-banners { overflow: visible } .user-details-page .post-category-user .post-type { color: transparent } .user-details-page .post-category-user .post-type:before { content: "AMIS"; color: #fff; position: relative; left: 50%; margin-left: -58%; padding: 0 } .user-details-page .search-open-more { display: none } .user-details-page #search-advanced .form-checkbox-categories-User span { display: none } .user-details-page #search-advanced .form-checkbox-categories-User:after { content: "Amis" } .user-details-page .search-more { display: block } dt.user-short_description { float: none; padding-bottom: 0 } dd.user-short_description { padding-left: 1em; padding-top: 0 } #user-form-accordion h3 { cursor: pointer; background-color: #f3f3f3; color: #2e6eac; padding: .5em 1em; font-weight: bold; font-size: 1em; margin: 0 } #user-form-accordion h3:after { float: right; content: "\e060"; position: relative; top: 5px } #user-form-accordion h3.ui-state-active:after { content: "\e059" } .video-interests-container { width: 60%; height: auto; margin: 20px auto 40px } .video-interests { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; position: relative } .video-interests iframe,.video-interests object,.video-interests embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media screen and (max-width: 1024px) { .video-interests-container { width:80%!important } } @media screen and (max-width: 480px) { .video-interests-container { width:100%!important } } .user-form-page .user-form-content { width: 100%!important; padding: 5px } html.hide-social-login .social-btn-login { display: none!important } .login-user-block { background: #fff; max-width: 960px; width: 100%; padding: 30px; box-shadow: 0 8px 16px rgba(0,0,0,.16); border-radius: 20px; margin: 100px auto 20px auto; display: block; text-align: center } .login-user-block .rgpd-mentions-disclaimer { color: #5e6060; font-size: 12px; text-align: center; display: block; margin: 18px auto } .login-user-block .rgpd-mentions-disclaimer a { color: #5e6060; font-weight: bold; text-decoration: underline } html.no-touch .login-user-block .rgpd-mentions-disclaimer a:hover { color: #5e6060 } .login-user-block .btn-cancel-recovery { color: #969696; text-align: center; margin: 14px auto; display: block } @media screen and (max-width: 992px) { .login-user-block { box-shadow:none } } .login-user-block h2 { color: #272727; text-align: center; margin: 0; font-weight: bold } .login-user-block .basic-form-user { padding: 0 15px } .login-user-block .basic-form-user label[for="id_rememberme"] { float: left; color: #272727 } .login-user-block .basic-form-user label { display: block; color: #a3a3a3; text-align: left; font-size: 11px } .login-user-block .basic-form-user input[type="email"],.login-user-block .basic-form-user input[type="password"],.login-user-block .basic-form-user input[type="text"] { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100%; text-align: left; background: #fff; border-bottom: 1px solid #ededed!important; border: 0; border-radius: 0; height: auto; padding: 12px; font-weight: 400!important } .login-user-block .basic-form-user input[type="email"]:focus,.login-user-block .basic-form-user input[type="password"]:focus,.login-user-block .basic-form-user input[type="text"]:focus { border-bottom-color: #00adfa!important } .login-user-block .basic-form-user input[type="email"]::placeholder,.login-user-block .basic-form-user input[type="password"]::placeholder,.login-user-block .basic-form-user input[type="text"]::placeholder { font-weight: 400!important; opacity: .5; color: #212121 } .login-user-block .basic-form-user .password2-field .helptext { display: none } .login-user-block .basic-form-user input[id="id_rememberme"] { width: auto; display: inline-block } .login-user-block .basic-form-user input[id="id_newsletter"] { width: auto; display: inline-block } .login-user-block .basic-form-user #forgotten-password-page-form { color: #aaa } .login-user-block .basic-form-user .helptext { text-align: left } .login-user-block .social-btn-login { padding: 0 15px; margin-top: 30px } .login-user-block .social-btn-login .btn-login { padding: 12px 14px 12px 70px; color: #fff; font-weight: bold; overflow: hidden; margin-left: 4px; font-size: 1em; position: relative; display: block; border-radius: 2px; margin-bottom: 15px; box-shadow: 0 3px 5px 0 rgba(36,50,66,.2); -webkit-box-shadow: 0 3px 5px 0 rgba(36,50,66,.2); -webkit-position: relative; transition: box-shadow .15s ease-in-out , transform .2s ease-in; -webkit-transition: box-shadow .15s ease-in-out , transform .2s ease-in } .login-user-block .social-btn-login .btn-login span { position: relative; z-index: 1 } .login-user-block .social-btn-login .btn-login>i { position: absolute; left: 0; top: 0; color: #fff; height: 100%; width: 55px; font-size: 1.125em } .login-user-block .social-btn-login .btn-login>i:after { position: absolute; top: 50%; transform: translate(-50%,-50%) } .login-user-block .social-btn-login .btn-login>img { position: absolute; left: 20px; top: 0; color: #fff; height: 100%; padding-left: 16px; padding-right: 16px; left: 0; width: 55px; vertical-align: middle; font-size: 1.125em; padding-top: 13px; padding-bottom: 13px } .login-user-block .social-btn-login .btn-login>img:after { position: absolute; top: 50%; transform: translate(-50%,-50%) } .login-user-block .social-btn-login .btn-login:before { content: ''; display: block; position: absolute; width: 2px; height: 100%; left: 0; top: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } html.no-touch .login-user-block .social-btn-login .btn-login:hover { box-shadow: 0 11px 12px 0 rgba(36,50,66,.12); -webkit-box-shadow: 0 11px 12px 0 rgba(36,50,66,.12); transform: translateY(-5px); -webkit-transform: translateY(-5px) } html.no-touch .login-user-block .social-btn-login .btn-login:hover:before { width: 100% } .login-user-block .social-btn-login .btn-login.btn-login-facebook { background: #1877f2 } .login-user-block .social-btn-login .btn-login.btn-login-facebook i { background: #0d6ae4; font-size: 24px } .login-user-block .social-btn-login .btn-login.btn-login-facebook:before { background: #0d6ae4 } .login-user-block .social-btn-login .btn-login.btn-login-apple { background: #666; display: none } .login-user-block .social-btn-login .btn-login.btn-login-apple i { background: #595959; font-size: 24px } .login-user-block .social-btn-login .btn-login.btn-login-apple:before { background: #595959 } .login-user-block .social-btn-login .btn-login.btn-login-twitter { background: #00acee } .login-user-block .social-btn-login .btn-login.btn-login-twitter i { background: #009ad5 } .login-user-block .social-btn-login .btn-login.btn-login-twitter:before { background: #009ad5 } .login-user-block .social-btn-login .btn-login.btn-login-topchretien { background: #3a80c6 } .login-user-block .social-btn-login .btn-login.btn-login-topchretien i { background: #3473b3 } .login-user-block .social-btn-login .btn-login.btn-login-topchretien:before { background: #3473b3 } .login-user-block .social-btn-login .btn-login.btn-login-google { background: #fff; color: #212121 } .login-user-block .social-btn-login .btn-login.btn-login-google img { background: #f2f2f2 } .login-user-block .social-btn-login .btn-login.btn-login-google:before { background: #f2f2f2 } html.app .login-user-block .social-btn-login .btn-login.btn-login-google { display: none } .login-user-block .social-btn-login:before { content: 'ou'; background: #fff; color: #ddd; z-index: 2; display: block; position: absolute; left: -8px; top: 52%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center } .login-user-block .social-btn-login:after { content: ''; width: 1px; height: 85%; background: #ddd; z-index: 1; display: inline-block; position: absolute; left: 0; top: 52%; transform: translateY(-50%); -webkit-transform: translateY(-50%) } .login-alternative { display: none } html.app.ios .header-user-google,html.app.ios .btn-login-google { display: none } html.app.ios .login-alternative { display: block } @media screen and (max-width: 992px) { .login-user-block { padding:30px 0; margin: 60px auto } .login-user-block .social-btn-login { margin-top: 60px } .login-user-block .social-btn-login:before { content: 'ou'; background: #fff; color: #ddd; z-index: 2; display: block; position: absolute; left: 50%; top: 6px; padding: 4px 6px; transform: translateY(0%) translateX(-50%); -webkit-transform: translateY(0%) translateX(-50%); text-align: center } .login-user-block .social-btn-login:after { content: ''; width: 65%; height: 1px; background: #ddd; z-index: 1; display: inline-block; position: absolute; left: 50%; top: 24px; transform: translateY(0%) translateX(-50%); -webkit-transform: translateY(0%) translateX(-50%) } } @media screen and (max-width: 480px) { .login-user-block { padding:24px 0; margin: 0; box-shadow: none } .login-user-block .page-login-form { padding: 0 15px } .login-user-block .page-login-form label[for="id_rememberme"] { float: none } .login-user-block .page-login-form input[id="id_rememberme"] { width: auto; display: inline-block } .login-user-block .page-login-form #forgotten-password-page-form { float: none } .login-user-block .social-btn-login { padding: 10px; margin-top: 60px } .user-details-header-block .user-profile-header-content { text-align: center!important } } @media screen and (max-width: 992px) { .user-form-edit-content { margin-top:60px } } .user-details-header-block { max-height: 320px; min-height: 320px; margin-bottom: 30px; position: relative } .user-details-header-block .user-profile-picture { width: 200px; height: 200px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; margin: 30px auto; border-radius: 50%; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12) } .user-details-header-block .user-profile-header-content { text-align: left; padding: 15px; min-height: 260px } .user-details-header-block .user-profile-header-content h1 { color: #3a80c6; font-size: 2em; text-transform: capitalize; margin: 10px 0 0 0 } .user-details-header-block .user-profile-header-content h2 { color: #444; font-size: 1.375em; text-transform: capitalize; margin: 5px 0 } .user-details-header-block .user-profile-header-content h3 { color: #aaa; font-size: 1em; margin: 0 } .user-details-header-block .user-profile-header-content .user-social-nav { padding: 0 } .user-details-header-block .user-profile-header-content .user-social-nav li { list-style: none; display: inline-block; margin-right: 10px; font-size: 20px } .user-details-header-block .user-profile-header-content .user-details-interests { list-style: none; padding: 0; margin-top: 15px } .user-details-header-block .user-profile-header-content .user-details-interests h4 { font-size: 1.125em } .user-details-header-block .user-profile-header-content .user-details-interests a { font-size: .625em } .user-details-header-block .user-profile-header-content .user-details-interests ul { padding: 0 } .user-details-header-block .user-profile-header-content .user-details-interests .post-root-interest { display: inline-block; position: relative; list-style: none; font-size: .625em; color: #fff; padding: 3px 6px; margin: 5px 2px 5px 0 } .user-details-header-block .user-friendship { text-align: center; position: absolute; right: 20px; top: 40px; z-index: 4 } .user-details-header-block .user-friendship span { display: inline-block; line-height: 26px; vertical-align: top; margin-right: 5px } .user-details-header-block .dropdown-btn { position: absolute; top: 20px; right: 35px; z-index: 1 } .user-details-header-block .dropdown-btn-friend-contact { position: relative; top: 0; right: auto; z-index: 10; padding: 0; margin-top: 10px } .user-details-header-block .dropdown-btn-friend-contact .button-dropdown { background: #fdb94b } .user-details-header-block .dropdown-btn-friend-contact .button-dropdown .button { padding: 6px 10px } .user-details-header-block .dropdown-btn-friend-contact .button-dropdown .caret { padding: 6px 0; width: 34px } .user-details-header-block .dropdown-btn-friend-contact .dropdown-menu { top: 36px; left: -60px; max-width: 250px } .user-details-header-block .dropdown-btn-friend-contact .dropdown-menu li:last-child { border: 0!important } .user-detail-block { background: #fff; box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); -webkit-box-shadow: 0 9px 24px 0 rgba(151,160,204,.12); border-radius: 10px; margin-bottom: 30px; text-align: left } @media screen and (max-width: 768px) { .user-detail-block .row { margin-left:0; margin-right: 0 } } .user-detail-block h2 { color: #3a80c6; font-size: 1.28571em; font-weight: bold; display: inline-block; text-align: left; padding: .5em 0; margin-bottom: 0 } .user-detail-block h2:after { content: ''; width: 60%; height: 2px; display: block; margin-top: 2px; max-width: 60px; background: #3a80c6 } @media screen and (max-width: 768px) { .user-details-header-block .user-friendship { position:relative; top: 0; right: 0 } } @media screen and (max-width: 480px) { .user-details-header-block .user-friendship,.user-details-header-block .dropdown-btn { position:relative; right: auto; top: auto; padding-left: 0 } .user-details-header-block .dropdown-menu { left: -20px } .user-detail-block .col-xs-12 { margin: 0; padding: 0; border: none } } .tab-content,.lateral-tab-content { -webkit-animation: fadeIn .7s ease-in-out; -moz-animation: fadeIn .7s ease-in-out; animation: fadeIn .7s ease-in-out } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } ul.tabs { margin: 0; padding: 0; list-style: none; background: #fff } @media screen and (max-width: 768px) { ul.tabs { white-space:nowrap } } ul.tabs li { text-align: center; background: none; color: #ccc; display: inline-block; cursor: pointer; border: 1px solid #f3f3f3; max-width: 300px; width: 100%; height: 96px; margin: 0 -3px; line-height: 44px; padding: 16px; font-weight: 500; font-size: 1.125em } @media screen and (max-width: 768px) { ul.tabs li { width:50% } } ul.tabs li i { display: block; line-height: 0; font-size: 1.5em; margin-bottom: 10px } ul.tabs li.current { background: #fafafa; color: #3a80c6 } .tab-content,.lateral-tab-content { display: none } .tab-content.current,.lateral-tab-content.current { display: inherit } @media screen and (max-width: 480px) { ul.tabs { margin:0 -20px } ul.tabs li { margin: 0; font-size: 14px; width: 49% } .lateral-tabs-container { height: 70px; overflow: hidden } .lateral-tabs { width: auto!important; white-space: nowrap!important; overflow: auto!important; height: 90px; padding-bottom: 20px!important } .lateral-tabs li { display: inline-block!important; width: auto!important; font-size: 16px!important } .lateral-tabs li.current { border-left: 0!important; border-bottom: 3px solid #e85b4a } } .lateral-tabs { padding: 0; margin: 0 } .lateral-tabs li { width: 100%; display: block; text-align: center; background: none; color: #ccc; padding: 10px 15px; cursor: pointer; border: 1px solid #f3f3f3; margin: 0 -3px; line-height: 44px; font-weight: 500; font-size: 1.125em; list-style: none } .lateral-tabs li.current { border-left: 5px solid #00adfa; color: #00adfa; background: #fafafa; font-weight: bold } .lateral-tab-content ul { padding: 20px; margin: 0 } .lateral-tab-content ul li { margin-bottom: 15px; border-bottom: 1px solid #f3f3f3; padding-bottom: 20px; list-style: none } @media screen and (max-width: 480px) { ul.tabs { margin:0 -20px } ul.tabs li { margin: 0; font-size: 14px; width: 49% } } .user-edit-profile .basic-form-user li { text-align: left; margin: 15px auto } .user-edit-profile .basic-form-user li:first-child { margin-top: 30px } .user-edit-profile .basic-form-user li input[type="checkbox"],.user-edit-profile .basic-form-user li input[type="radio"] { display: inline-block; width: auto } .user-edit-profile #edit-profile { text-align: left; margin: 20px auto } .user-edit-profile #edit-profile .form-input { width: auto; display: inline-block } .user-edit-profile #edit-profile .helptext { width: auto; display: inline-block; float: none; text-align: left } .user-edit-profile .edit-form-user h2 { margin-top: 60px } .user-edit-profile .edit-form-user .form-label { float: none } .user-edit-profile .edit-form-user .form-input,.user-edit-profile .edit-form-user input { width: 100%!important } .user-edit-profile .edit-form-user .form-input input[type="checkbox"],.user-edit-profile .edit-form-user .form-input input[type="radio"],.user-edit-profile .edit-form-user input input[type="checkbox"],.user-edit-profile .edit-form-user input input[type="radio"] { display: inline-block; width: auto!important } .user-edit-profile .edit-form-user center button { margin-top: 20px } .user-close-account .confirm-field { display: none } .user-close-account #recover-password-form { margin-top: 30px } .user-friendship-review li { list-style: none; margin-bottom: 20px } .user-friendship-review span { line-height: 26px; vertical-align: top; display: inline-block; margin-right: 13px } .dropdown-menu-friend-request { white-space: nowrap } .dropdown-menu-friend-request .dropdown-menu { text-transform: capitalize } @media screen and (max-width: 480px) { .dropdown-menu-friend-request { white-space:normal } } #profile_preview { background-image: url(css/themes/default); background-size: cover; background-position: center; background-repeat: no-repeat; height: 150px; width: 150px; border-radius: 50%; margin: 0 auto; position: absolute; top: -75px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); border: 2px solid #3a80c6; background-color: #f3f3f3 } .color-profile-edit h2 { margin-bottom: 20px } .color-profile-edit #favorite-labels-form table { margin: 30px auto } .friendship-ask-await { background: #fff; -webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03); box-shadow: 10px 10px 50px 0 rgba(0,0,0,.03) } .badge { display: inline-block; position: relative; vertical-align: middle; font-weight: 400!important } .badge img { border-radius: 50%; margin: 0 5px; -moz-box-shadow: 0 0 4px 2px #ff0; -webkit-box-shadow: 0 0 4px 2px #ff0; -o-box-shadow: 0 0 4px 2px #ff0; box-shadow: 0 0 4px 2px #ff0 } .badge span { display: none; z-index: 1; position: absolute; bottom: -10px; left: 20px; border: solid 1px #000; padding: 0 4px; font-size: 10px; color: #000; background-color: #ffa; white-space: nowrap } html.no-touch .badge:hover span { display: block } .article_video_player { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden } .article_video_player iframe,.article_video_player object,.article_video_player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .vertical_video_c { background-color: #000; height: 520px } @media (max-width: 330px) { .vertical_video_c { height:468px } } .vertical_video_c #article_video_container { height: 520px; width: 300px; background-color: #000; margin-left: auto; margin-right: auto; padding-bottom: 0 } @media (max-width: 330px) { .vertical_video_c #article_video_container { height:468px; width: 270px } } .custom_duration-field input[type="number"] { width: 32% } .event-text { font-weight: bold; color: #fff; font-size: 14px; position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,.8); padding: .5em 1em; border-radius: 1em; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%) } .article-event .article-img { display: none } .sched-line { display: table } .sched-line>* { display: table-cell; vertical-align: top; float: none; width: auto } .sched-line-details .start { display: inline-block; width: 49% } .sched-line-details .button { width: 40%; display: inline-block } .biblab { font-weight: 600; font-size: 14px } .reqb:after { font-size: 16px; font-weight: bold; content: '*'; color: #700 } .event-form label.error { color: red; font-size: 16px; font-weight: 600 } .event-form label.error:before { padding-right: .5em; content: "\2022"; color: red } .bibref-vid-help { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid 1px #ddd; padding-bottom: 5px } .brefvidplus { cursor: pointer; font-weight: 600 } .vidlink { float: left; width: 60%; margin-right: 1%; box-sizing: border-box } .vidlink .substyle { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis } @media (max-width: 37em) { .vidlink { width:100%; float: inherit; text-align: center } } .greylinesep { border-top: solid 1px #eee; padding: .5em 0 } .img-addvideo { margin-top: 30px; background-size: cover; width: 100% } .video-js-container .vjs-playlist { display: none; position: absolute; top: 0; right: 0; bottom: 25px; width: 33%; overflow-y: auto } .video-js-container .vjs-playlist .vjs-selected .vjs-playlist-thumbnail-placeholder { background: #777 } .video-js-container .vjs-playlist .vjs-playlist-thumbnail-placeholder { height: 25px } .video-js-container .vjs-playlist .vjs-playlist-now-playing-text,.video-js-container .vjs-playlist .vjs-up-next-text { display: none!important } .video-js-container .vjs-playlist .vjs-playlist-title-container { padding: 0 1em } .video-js-container:hover .vjs-playlist { display: block } #event-chat-youtube { text-align: center } #event-chat-youtube a { display: inline-block } #event-chat-youtube iframe { display: none } .btn,.btn-color1,.btn-color2,.btn-color3,.btn-color4,.btn-color5,.btn-color-twitter,.btn-color-facebook,.btn-icon-only-color1,.btn-icon-only-color2,.btn-icon-only-color3,.btn-icon-only-color4,.btn-icon-only-color5,.btn-icon-only-color-twitter,.btn-icon-only-color-facebook,.btn-active,.btn-icon-text,.btn-icon-color1,.btn-icon-color2,.btn-icon-color3,.btn-icon-color4,.btn-icon-color5,.btn-icon-color-twitter,.btn-icon-color-facebook { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold } .btn-color1 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2676C0', endColorstr='#FF1E5C95'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2NzZjMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlNWM5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2676c0),color-stop(100%,#1e5c95)); background-image: -moz-linear-gradient(#2676c0,#1e5c95); background-image: -webkit-linear-gradient(#2676c0,#1e5c95); background-image: linear-gradient(#2676c0,#1e5c95); color: #fff; border-color: #1e5c95; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-color1:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2269AB', endColorstr='#FF194F80'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNjlhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5NGY4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2269ab),color-stop(100%,#194f80)); background-image: -moz-linear-gradient(#2269ab,#194f80); background-image: -webkit-linear-gradient(#2269ab,#194f80); background-image: linear-gradient(#2269ab,#194f80) } .btn-color2 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7E519', endColorstr='#FFD6C507'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZTUxOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2YzUwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f7e519),color-stop(100%,#d6c507)); background-image: -moz-linear-gradient(#f7e519,#d6c507); background-image: -webkit-linear-gradient(#f7e519,#d6c507); background-image: linear-gradient(#f7e519,#d6c507); color: #fff; border-color: #d6c507; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-color2:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEDC08', endColorstr='#FFBDAE07'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZGMwOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkYWUwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#eedc08),color-stop(100%,#bdae07)); background-image: -moz-linear-gradient(#eedc08,#bdae07); background-image: -webkit-linear-gradient(#eedc08,#bdae07); background-image: linear-gradient(#eedc08,#bdae07) } .btn-color3 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE75442', endColorstr='#FFDA311C'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NTQ0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhMzExYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e75442),color-stop(100%,#da311c)); background-image: -moz-linear-gradient(#e75442,#da311c); background-image: -webkit-linear-gradient(#e75442,#da311c); background-image: linear-gradient(#e75442,#da311c); color: #fff; border-color: #da311c; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-color3:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE4402B', endColorstr='#FFC42B19'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NDAyYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MmIxOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e4402b),color-stop(100%,#c42b19)); background-image: -moz-linear-gradient(#e4402b,#c42b19); background-image: -webkit-linear-gradient(#e4402b,#c42b19); background-image: linear-gradient(#e4402b,#c42b19) } .btn-color4 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4392CF', endColorstr='#FF2D78B2'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzOTJjZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkNzhiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#4392cf),color-stop(100%,#2d78b2)); background-image: -moz-linear-gradient(#4392cf,#2d78b2); background-image: -webkit-linear-gradient(#4392cf,#2d78b2); background-image: linear-gradient(#4392cf,#2d78b2); color: #fff; border-color: #2d78b2; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-color4:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3386C6', endColorstr='#FF286A9D'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzODZjNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NmE5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3386c6),color-stop(100%,#286a9d)); background-image: -moz-linear-gradient(#3386c6,#286a9d); background-image: -webkit-linear-gradient(#3386c6,#286a9d); background-image: linear-gradient(#3386c6,#286a9d) } .btn-color5 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3AA849', endColorstr='#FF2D8239'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhYTg0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkODIzOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3aa849),color-stop(100%,#2d8239)); background-image: -moz-linear-gradient(#3aa849,#2d8239); background-image: -webkit-linear-gradient(#3aa849,#2d8239); background-image: linear-gradient(#3aa849,#2d8239); color: #fff; border-color: #2d8239; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-color5:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF339541', endColorstr='#FF266F30'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTU0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2NmYzMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#339541),color-stop(100%,#266f30)); background-image: -moz-linear-gradient(#339541,#266f30); background-image: -webkit-linear-gradient(#339541,#266f30); background-image: linear-gradient(#339541,#266f30) } .btn-color-twitter { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3DB9D7', endColorstr='#FF269EBB'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkYjlkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2OWViYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3db9d7),color-stop(100%,#269ebb)); background-image: -moz-linear-gradient(#3db9d7,#269ebb); background-image: -webkit-linear-gradient(#3db9d7,#269ebb); background-image: linear-gradient(#3db9d7,#269ebb); color: #fff; border-color: #269ebb; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-color-twitter:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2BB0D0', endColorstr='#FF228CA5'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYjBkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyOGNhNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2bb0d0),color-stop(100%,#228ca5)); background-image: -moz-linear-gradient(#2bb0d0,#228ca5); background-image: -webkit-linear-gradient(#2bb0d0,#228ca5); background-image: linear-gradient(#2bb0d0,#228ca5) } .btn-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF506AA8', endColorstr='#FF405485'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNmFhOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNTQ4NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#506aa8),color-stop(100%,#405485)); background-image: -moz-linear-gradient(#506aa8,#405485); background-image: -webkit-linear-gradient(#506aa8,#405485); background-image: linear-gradient(#506aa8,#405485); color: #fff; border-color: #405485; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-color-facebook:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF485F97', endColorstr='#FF374974'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NWY5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3NDk3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#485f97),color-stop(100%,#374974)); background-image: -moz-linear-gradient(#485f97,#374974); background-image: -webkit-linear-gradient(#485f97,#374974); background-image: linear-gradient(#485f97,#374974) } .btn-icon-color1 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2676C0', endColorstr='#FF1E5C95'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2NzZjMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlNWM5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2676c0),color-stop(100%,#1e5c95)); background-image: -moz-linear-gradient(#2676c0,#1e5c95); background-image: -webkit-linear-gradient(#2676c0,#1e5c95); background-image: linear-gradient(#2676c0,#1e5c95); color: #fff; border-color: #1e5c95; text-shadow: 0 1px 1px rgba(0,0,0,.1) } .btn-icon-color2 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7E519', endColorstr='#FFD6C507'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZTUxOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2YzUwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f7e519),color-stop(100%,#d6c507)); background-image: -moz-linear-gradient(#f7e519,#d6c507); background-image: -webkit-linear-gradient(#f7e519,#d6c507); background-image: linear-gradient(#f7e519,#d6c507); color: #fff; border-color: #d6c507; text-shadow: 0 1px 1px rgba(0,0,0,.1) } .btn-icon-color3 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE75442', endColorstr='#FFDA311C'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NTQ0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhMzExYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e75442),color-stop(100%,#da311c)); background-image: -moz-linear-gradient(#e75442,#da311c); background-image: -webkit-linear-gradient(#e75442,#da311c); background-image: linear-gradient(#e75442,#da311c); color: #fff; border-color: #da311c; text-shadow: 0 1px 1px rgba(0,0,0,.1) } .btn-icon-color4 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4392CF', endColorstr='#FF2D78B2'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzOTJjZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkNzhiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#4392cf),color-stop(100%,#2d78b2)); background-image: -moz-linear-gradient(#4392cf,#2d78b2); background-image: -webkit-linear-gradient(#4392cf,#2d78b2); background-image: linear-gradient(#4392cf,#2d78b2); color: #fff; border-color: #2d78b2; text-shadow: 0 1px 1px rgba(0,0,0,.1) } .btn-icon-color5 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3AA849', endColorstr='#FF2D8239'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhYTg0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkODIzOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3aa849),color-stop(100%,#2d8239)); background-image: -moz-linear-gradient(#3aa849,#2d8239); background-image: -webkit-linear-gradient(#3aa849,#2d8239); background-image: linear-gradient(#3aa849,#2d8239); color: #fff; border-color: #2d8239; text-shadow: 0 1px 1px rgba(0,0,0,.1) } .btn-icon-color-twitter { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3DB9D7', endColorstr='#FF269EBB'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkYjlkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2OWViYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3db9d7),color-stop(100%,#269ebb)); background-image: -moz-linear-gradient(#3db9d7,#269ebb); background-image: -webkit-linear-gradient(#3db9d7,#269ebb); background-image: linear-gradient(#3db9d7,#269ebb); color: #fff; border-color: #269ebb; text-shadow: 0 1px 1px rgba(0,0,0,.1) } .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF506AA8', endColorstr='#FF405485'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNmFhOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNTQ4NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#506aa8),color-stop(100%,#405485)); background-image: -moz-linear-gradient(#506aa8,#405485); background-image: -webkit-linear-gradient(#506aa8,#405485); background-image: linear-gradient(#506aa8,#405485); color: #fff; border-color: #405485; text-shadow: 0 1px 1px rgba(0,0,0,.1); padding: .4em 1em 0 1em } .btn-icon-hover-color1 { border: none; background: none; padding: 0; display: inline-block; vertical-align: middle } html.no-touch .btn-icon-hover-color1:hover .btn-icon-color1,html.no-touch .btn-icon-hover-color1:hover .btn-icon-color2,html.no-touch .btn-icon-hover-color1:hover .btn-icon-color3,html.no-touch .btn-icon-hover-color1:hover .btn-icon-color4,html.no-touch .btn-icon-hover-color1:hover .btn-icon-color5,html.no-touch .btn-icon-hover-color1:hover .btn-icon-color-twitter,html.no-touch .btn-icon-hover-color1:hover .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2269AB', endColorstr='#FF194F80'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNjlhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5NGY4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2269ab),color-stop(100%,#194f80)); background-image: -moz-linear-gradient(#2269ab,#194f80); background-image: -webkit-linear-gradient(#2269ab,#194f80); background-image: linear-gradient(#2269ab,#194f80) } .btn-icon-hover-color2 { border: none; background: none; padding: 0; display: inline-block; vertical-align: middle } html.no-touch .btn-icon-hover-color2:hover .btn-icon-color1,html.no-touch .btn-icon-hover-color2:hover .btn-icon-color2,html.no-touch .btn-icon-hover-color2:hover .btn-icon-color3,html.no-touch .btn-icon-hover-color2:hover .btn-icon-color4,html.no-touch .btn-icon-hover-color2:hover .btn-icon-color5,html.no-touch .btn-icon-hover-color2:hover .btn-icon-color-twitter,html.no-touch .btn-icon-hover-color2:hover .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEDC08', endColorstr='#FFBDAE07'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZGMwOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkYWUwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#eedc08),color-stop(100%,#bdae07)); background-image: -moz-linear-gradient(#eedc08,#bdae07); background-image: -webkit-linear-gradient(#eedc08,#bdae07); background-image: linear-gradient(#eedc08,#bdae07) } .btn-icon-hover-color3 { border: none; background: none; padding: 0; display: inline-block; vertical-align: middle } html.no-touch .btn-icon-hover-color3:hover .btn-icon-color1,html.no-touch .btn-icon-hover-color3:hover .btn-icon-color2,html.no-touch .btn-icon-hover-color3:hover .btn-icon-color3,html.no-touch .btn-icon-hover-color3:hover .btn-icon-color4,html.no-touch .btn-icon-hover-color3:hover .btn-icon-color5,html.no-touch .btn-icon-hover-color3:hover .btn-icon-color-twitter,html.no-touch .btn-icon-hover-color3:hover .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE4402B', endColorstr='#FFC42B19'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NDAyYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MmIxOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e4402b),color-stop(100%,#c42b19)); background-image: -moz-linear-gradient(#e4402b,#c42b19); background-image: -webkit-linear-gradient(#e4402b,#c42b19); background-image: linear-gradient(#e4402b,#c42b19) } .btn-icon-hover-color4 { border: none; background: none; padding: 0; display: inline-block; vertical-align: middle } html.no-touch .btn-icon-hover-color4:hover .btn-icon-color1,html.no-touch .btn-icon-hover-color4:hover .btn-icon-color2,html.no-touch .btn-icon-hover-color4:hover .btn-icon-color3,html.no-touch .btn-icon-hover-color4:hover .btn-icon-color4,html.no-touch .btn-icon-hover-color4:hover .btn-icon-color5,html.no-touch .btn-icon-hover-color4:hover .btn-icon-color-twitter,html.no-touch .btn-icon-hover-color4:hover .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3386C6', endColorstr='#FF286A9D'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzODZjNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NmE5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3386c6),color-stop(100%,#286a9d)); background-image: -moz-linear-gradient(#3386c6,#286a9d); background-image: -webkit-linear-gradient(#3386c6,#286a9d); background-image: linear-gradient(#3386c6,#286a9d) } .btn-icon-hover-color5 { border: none; background: none; padding: 0; display: inline-block; vertical-align: middle } html.no-touch .btn-icon-hover-color5:hover .btn-icon-color1,html.no-touch .btn-icon-hover-color5:hover .btn-icon-color2,html.no-touch .btn-icon-hover-color5:hover .btn-icon-color3,html.no-touch .btn-icon-hover-color5:hover .btn-icon-color4,html.no-touch .btn-icon-hover-color5:hover .btn-icon-color5,html.no-touch .btn-icon-hover-color5:hover .btn-icon-color-twitter,html.no-touch .btn-icon-hover-color5:hover .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF339541', endColorstr='#FF266F30'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTU0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2NmYzMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#339541),color-stop(100%,#266f30)); background-image: -moz-linear-gradient(#339541,#266f30); background-image: -webkit-linear-gradient(#339541,#266f30); background-image: linear-gradient(#339541,#266f30) } .btn-icon-hover-color-twitter { border: none; background: none; padding: 0; display: inline-block; vertical-align: middle } html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-color1,html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-color2,html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-color3,html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-color4,html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-color5,html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-color-twitter,html.no-touch .btn-icon-hover-color-twitter:hover .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2BB0D0', endColorstr='#FF228CA5'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYjBkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyOGNhNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2bb0d0),color-stop(100%,#228ca5)); background-image: -moz-linear-gradient(#2bb0d0,#228ca5); background-image: -webkit-linear-gradient(#2bb0d0,#228ca5); background-image: linear-gradient(#2bb0d0,#228ca5) } .btn-icon-hover-color-twitter .btn-icon-text { color: #3db9d7 } .btn-icon-hover-color-facebook { border: none; background: none; padding: 0; display: inline-block; vertical-align: middle } html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-color1,html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-color2,html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-color3,html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-color4,html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-color5,html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-color-twitter,html.no-touch .btn-icon-hover-color-facebook:hover .btn-icon-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF485F97', endColorstr='#FF374974'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NWY5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3NDk3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#485f97),color-stop(100%,#374974)); background-image: -moz-linear-gradient(#485f97,#374974); background-image: -webkit-linear-gradient(#485f97,#374974); background-image: linear-gradient(#485f97,#374974) } .btn-icon-hover-color-facebook .btn-icon-text { color: #506aa8 } .btn-icon-only-color1 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2676C0', endColorstr='#FF1E5C95'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2NzZjMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlNWM5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2676c0),color-stop(100%,#1e5c95)); background-image: -moz-linear-gradient(#2676c0,#1e5c95); background-image: -webkit-linear-gradient(#2676c0,#1e5c95); background-image: linear-gradient(#2676c0,#1e5c95); color: #fff; border-color: #1e5c95; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-icon-only-color1:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2269AB', endColorstr='#FF194F80'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNjlhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5NGY4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2269ab),color-stop(100%,#194f80)); background-image: -moz-linear-gradient(#2269ab,#194f80); background-image: -webkit-linear-gradient(#2269ab,#194f80); background-image: linear-gradient(#2269ab,#194f80) } .btn-icon-only-color2 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7E519', endColorstr='#FFD6C507'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZTUxOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2YzUwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f7e519),color-stop(100%,#d6c507)); background-image: -moz-linear-gradient(#f7e519,#d6c507); background-image: -webkit-linear-gradient(#f7e519,#d6c507); background-image: linear-gradient(#f7e519,#d6c507); color: #fff; border-color: #d6c507; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-icon-only-color2:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEDC08', endColorstr='#FFBDAE07'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZGMwOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkYWUwNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#eedc08),color-stop(100%,#bdae07)); background-image: -moz-linear-gradient(#eedc08,#bdae07); background-image: -webkit-linear-gradient(#eedc08,#bdae07); background-image: linear-gradient(#eedc08,#bdae07) } .btn-icon-only-color3 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE75442', endColorstr='#FFDA311C'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NTQ0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhMzExYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e75442),color-stop(100%,#da311c)); background-image: -moz-linear-gradient(#e75442,#da311c); background-image: -webkit-linear-gradient(#e75442,#da311c); background-image: linear-gradient(#e75442,#da311c); color: #fff; border-color: #da311c; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-icon-only-color3:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE4402B', endColorstr='#FFC42B19'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NDAyYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MmIxOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#e4402b),color-stop(100%,#c42b19)); background-image: -moz-linear-gradient(#e4402b,#c42b19); background-image: -webkit-linear-gradient(#e4402b,#c42b19); background-image: linear-gradient(#e4402b,#c42b19) } .btn-icon-only-color4 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4392CF', endColorstr='#FF2D78B2'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzOTJjZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkNzhiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#4392cf),color-stop(100%,#2d78b2)); background-image: -moz-linear-gradient(#4392cf,#2d78b2); background-image: -webkit-linear-gradient(#4392cf,#2d78b2); background-image: linear-gradient(#4392cf,#2d78b2); color: #fff; border-color: #2d78b2; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-icon-only-color4:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3386C6', endColorstr='#FF286A9D'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzODZjNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NmE5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3386c6),color-stop(100%,#286a9d)); background-image: -moz-linear-gradient(#3386c6,#286a9d); background-image: -webkit-linear-gradient(#3386c6,#286a9d); background-image: linear-gradient(#3386c6,#286a9d) } .btn-icon-only-color5 { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3AA849', endColorstr='#FF2D8239'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhYTg0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkODIzOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3aa849),color-stop(100%,#2d8239)); background-image: -moz-linear-gradient(#3aa849,#2d8239); background-image: -webkit-linear-gradient(#3aa849,#2d8239); background-image: linear-gradient(#3aa849,#2d8239); color: #fff; border-color: #2d8239; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-icon-only-color5:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF339541', endColorstr='#FF266F30'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTU0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2NmYzMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#339541),color-stop(100%,#266f30)); background-image: -moz-linear-gradient(#339541,#266f30); background-image: -webkit-linear-gradient(#339541,#266f30); background-image: linear-gradient(#339541,#266f30) } .btn-icon-only-color-twitter { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3DB9D7', endColorstr='#FF269EBB'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkYjlkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2OWViYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#3db9d7),color-stop(100%,#269ebb)); background-image: -moz-linear-gradient(#3db9d7,#269ebb); background-image: -webkit-linear-gradient(#3db9d7,#269ebb); background-image: linear-gradient(#3db9d7,#269ebb); color: #fff; border-color: #269ebb; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-icon-only-color-twitter:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2BB0D0', endColorstr='#FF228CA5'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYjBkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyOGNhNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2bb0d0),color-stop(100%,#228ca5)); background-image: -moz-linear-gradient(#2bb0d0,#228ca5); background-image: -webkit-linear-gradient(#2bb0d0,#228ca5); background-image: linear-gradient(#2bb0d0,#228ca5) } .btn-icon-only-color-facebook { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF506AA8', endColorstr='#FF405485'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNmFhOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNTQ4NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#506aa8),color-stop(100%,#405485)); background-image: -moz-linear-gradient(#506aa8,#405485); background-image: -webkit-linear-gradient(#506aa8,#405485); background-image: linear-gradient(#506aa8,#405485); color: #fff; border-color: #405485; text-shadow: 0 1px 1px rgba(0,0,0,.1) } html.no-touch .btn-icon-only-color-facebook:hover { *zoom:1;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF485F97', endColorstr='#FF374974'); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NWY5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3NDk3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#485f97),color-stop(100%,#374974)); background-image: -moz-linear-gradient(#485f97,#374974); background-image: -webkit-linear-gradient(#485f97,#374974); background-image: linear-gradient(#485f97,#374974) } .post-comment-content p { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold } .search-open { border-bottom: solid 1px #ddd } .search-type { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold } .form-label { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400 } .ui-dialog-titlebar { background-color: #255e89; color: #fff } .playlist-tracks-head th { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold } html.no-touch .playlist-track:hover { background-color: rgba(38,118,192,.1) } .playlist-track.is-selected { background-color: rgba(38,118,192,.2) } .favorite-btn-toggle { vertical-align: bottom; transition: all ease 1s } .favorite-btn-toggle .icon-heart-filled::after { font-size: 16px } .biblenav-menu-link,.biblenav-chapters-title { font-family: "Proxima","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: light } .biblenav-chapters-categories { font-weight: light } .l-section-pdj .section__intro { position: relative } .l-section-pdj .section__intro:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 150%; z-index: -1; background-image: url(https://fructifietestalents.org/maj/img/uri/devotional/pdj-last--bg.37a093bf3185.png); background-size: cover } @media screen and (max-width: 992px) { .l-section-pdj .section__intro:before { background-position:center right } } .l-section-pdj .section__intro .container { position: relative; z-index: 5 } .l-section-pdj .l-body.l-article-page .l-head-banner-mask { display: none } .l-section-pdj .l-body.l-article-page .article-verse { font-family: "Playfair Display",serif } .l-section-pdj .l-body.l-article-page .article-verse a { color: #f2c894 } .l-section-pdj .l-body.l-article-page .article-title { font-family: "Playfair Display",serif; font-size: 2.2rem } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form { border-radius: 14px; background-image: url(https://fructifietestalents.org/maj/img/uri/devotional/pdj-newsletter--bg.ab83a2eb8711.jpg); background-color: #fff9eb; border: 1px solid #f5f5f5; box-shadow: 0 0 50px rgba(0,0,0,.12); background-size: cover; background-position: center } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form:before { display: none } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup { background: none; box-shadow: none } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup:before { display: none } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup .subscribe-form-header h2 { color: #212121; font-size: 1.3em; font-weight: 800 } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup .subscribe-form-header h2 span { display: block; font-family: "Playfair Display",serif; font-weight: 900; font-style: italic } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup .subcribe-form-header-text { color: #212121; font-size: 1em } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup input[type="text"],.l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup input[type="email"] { box-shadow: 0px 4px 24px 0px #0000001A; background: #fff; border: none; border-radius: 50px!important; padding: 14px; margin-bottom: 10px; height: auto } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup .subscribe-button { background: #e69837; color: #fff; font-weight: bold; border-radius: 50px; box-shadow: 0px 4px 24px 0px #0000001A; border: none; font-size: 18px; margin-top: 12px; border: 2px solid transparent; transition: all .3s ease-in-out } .invite-button{ background: #1877f2; color: #fff; font-weight: bold; border-radius: 50px; box-shadow: 0px 4px 24px 0px #0000001A; border: none; font-size: 18px; margin-top: 12px; border: 2px solid transparent; transition: all .3s ease-in-out } html.no-touch .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .subscribe-embed-signup .subscribe-button:hover { background: #fff; border: 2px solid #e69837; color: #e69837 } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .submitresult { max-width: 400px; margin: 0 auto; text-align: center; border-radius: 12px; font-weight: bold; padding: 16px; width: 100% } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .submitresult.success-message { background: #effcf6; color: #199473; border: 1px solid #199473 } .l-section-pdj .l-body.l-article-page .subscribe-newsletter-form .submitresult.error-message { background: #fee; color: #d8000c; border: 1px solid #d8000c } .l-section-pdj .l-body.l-article-page .article-content h2 { font-family: "Playfair Display",serif; position: relative; z-index: 2; line-height: .7; display: inline-block } .l-section-pdj .l-body.l-article-page .article-content h2:before { content: ''; background: #fff; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0 } .l-section-pdj .l-body.l-article-page .article-content h2 span { text-decoration: none!important } .l-section-pdj .l-body.l-article-page .article-content h2 span:before { color: #e8e8e8; font-family: "Playfair Display",serif!important; font-size: 3.8em; position: absolute; z-index: -2; left: 0; top: 5px; transform: translateY(-50%); -webkit-mask-image: linear-gradient(to bottom,#000,rgba(0,0,0,.15)); mask-image: linear-gradient(to bottom,#000,rgba(0,0,0,.15)) } .l-section-pdj .l-body.l-article-page .article-content h2:nth-of-type(1) span:before { content: 'S' } .l-section-pdj .l-body.l-article-page .article-content h2:nth-of-type(2) span:before { content: 'E' } .l-section-pdj .l-body.l-article-page .article-content h2:nth-of-type(3) span:before { content: 'L' } .l-section-pdj .l-body.l-article-page .article-content h2:nth-of-type(4) span:before { content: 'A' } .l-section-pdj .l-body.l-article-page .article-content h2:nth-of-type(5) span:before { content: 'H' } .l-section-pdj .l-body.l-article-page .article-content h2.selah-step-active { color: #452d10 } .l-section-pdj .l-body.l-article-page .article-content h2.selah-step-active:before { background: #f2c894 } .l-section-pdj .l-body.l-article-page .article-content h2.selah-step-active span:before { color: #faebd8 } .l-section-pdj .l-body.l-article-page #jp_container_main a { color: #e69837 } .devotional-home-page { background-size: cover; background-position: center center; background-repeat: no-repeat } .devotional-home-page .devotional-home-gradient { background: -moz-linear-gradient(top,transparent 56%,#000 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(56%,transparent),color-stop(100%,#000)); background: -webkit-linear-gradient(top,transparent 56%,#000 100%); background: -o-linear-gradient(top,transparent 56%,#000 100%); background: -ms-linear-gradient(top,transparent 56%,#000 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 56%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ) } .devotional-home-page .devotional-home-gradient article { padding-top: 350px } .devotional-home-page .devotional-home-title { color: #fff; margin: 0; font-size: 2em } .devotional-home-page .post-author { font-size: 1.25em; color: #a6a6a6 } @media (max-width: 43.75em) { .devotional-home-page .devotional-home-gradient article { padding-bottom:20px; padding-top: 50px } .devotional-home-page .devotional-home-title { font-size: 1.75em } .devotional-home-page .post-author { font-size: 1em } } .l-section-pdj #header-extra { text-align: center; background: #fff; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; box-shadow: 0 3px 26px rgba(0,0,0,.1); transform: translateY(300px); opacity: 0; transition: all .3s ease-in-out } .l-section-pdj #header-extra.is-playing { transform: translateY(0); opacity: 1 } .l-section-pdj #header-extra .jp_container_main { display: inline-block; margin-top: 0 } .l-section-pdj #header-extra .jp_container_main { max-width: unset; position: absolute; left: 0; top: 0; right: 0; width: 100%; width: auto; display: block; z-index: 6 } .l-section-pdj #header-extra .jp_container_main .jp-interface { position: absolute; width: 50%; left: 50%; margin-left: -25%; display: flex; align-items: center; flex-wrap: nowrap; justify-content: center; top: 0; height: auto; padding-top: 20px; pointer-events: none } @media screen and (max-width: 480px) { .l-section-pdj #header-extra .jp_container_main .jp-interface { padding-top:4px } } .l-section-pdj #header-extra .jp_container_main .jp-audio { max-width: unset; width: 100% } .l-section-pdj #header-extra .jp_container_main .jp-audio .jp-volume-controls { left: auto; top: auto; position: relative; height: 18px; position: relative; width: 100px; margin-right: 20px; pointer-events: initial } .l-section-pdj #header-extra .jp_container_main .jp-audio .jp-volume-controls .jp-volume-bar { background: #ccc } .l-section-pdj #header-extra .jp_container_main .jp-audio .jp-volume-controls .jp-volume-bar-value { background: #ecb167 } .l-section-pdj #header-extra .jp_container_main .jp-audio .jp-download { color: #272727; position: relative; right: auto; bottom: auto; top: auto; pointer-events: initial } .l-section-pdj #header-extra .jp_container_main .jp-progress { position: absolute; top: -6px; left: 0; width: 100%; background: #fae9d4; border-radius: 0; width: 200%; left: -50%; pointer-events: initial } .l-section-pdj #header-extra .jp_container_main .jp-progress .jp-play-bar { background: #f2c894 } .l-section-pdj #header-extra .jp_container_main .jp-controls { position: relative; width: auto; left: auto; top: auto; z-index: 6; padding: 0; overflow: inherit; margin-right: 20px; pointer-events: initial } .l-section-pdj #header-extra .jp_container_main .jp-controls button { color: #212121; width: 100%; height: 100%; margin-top: 0 } .l-section-pdj #header-extra .jp_container_main .jp-time-holder { left: -50%; width: 200%; padding: 0 20px; top: 6px } .l-section-pdj #header-extra .jp_container_main .jp-time-holder .jp-toggles { display: none } .l-section-pdj #header-extra .jp_container_main .close-audio-player { position: absolute; right: 0; top: -26px; background: #fae9d4; color: #e48e22; border-bottom: 1px solid #f2c894; padding: 2px 4px; border-top-left-radius: 10px } .l-section-pdj #auto-scroll-indicator { position: fixed; left: 40px; bottom: calc(100vh - 330px); height: 4.8em; background: #f2c894; display: none; pointer-events: none; opacity: 1; width: 10px; border-radius: 30px } @media screen and (max-width: 480px) { .l-section-pdj #auto-scroll-indicator { left:-6px!important; bottom: calc(100vh - 350px) } } @media screen and (max-width: 768px) { .l-section-pdj #auto-scroll-indicator { left:6px } } @media (min-width: 768px) { .l-section-pdj #auto-scroll-indicator { left:calc((100vw - 750px - 10px) / 2) } } @media (min-width: 992px) { .l-section-pdj #auto-scroll-indicator { left:calc((100vw - 970px + 14px) / 2) } } @media (min-width: 1200px) { .l-section-pdj #auto-scroll-indicator { left:calc((100vw - 1170px + 14px) / 2) } } @media (min-width: 1600px) { .l-section-pdj #auto-scroll-indicator { left:calc((100vw - 1450px + 14px) / 2) } } html.header-hidden .l-section-pdj #auto-scroll-indicator { bottom: calc(100vh - 330px) } .l-section-pdj #auto-scroll-switch { position: absolute; left: 10px; bottom: calc(100% + 20px); color: #e9a34b; background: #fae9d4; border-radius: 100px; text-align: left; padding: 1em; cursor: pointer; display: flex; align-items: center; font-weight: bold; padding: 8px 16px } @media screen and (max-width: 768px) { .l-section-pdj #auto-scroll-switch { bottom:calc(100% + 40px) } } .l-section-pdj .button__player-actions { position: absolute; left: 50%; transform: translate(-50%,300px); bottom: calc(100% + 20px); color: #e9a34b; background: #fae9d4; border-radius: 100px; text-align: left; padding: 1em; cursor: pointer; align-items: center; font-weight: bold; padding: 8px 16px; transition: all 1.2s cubic-bezier(.17,.67,.83,.67) } @media screen and (max-width: 768px) { .l-section-pdj .button__player-actions { right:10px; left: auto; bottom: calc(100% + 40px); transform: translate(0,300px) } } .l-section-pdj .button__player-actions.is-visible { display: flex; transform: translate(-50%,0); transition: all .5s cubic-bezier(.17,.67,.83,.67) } @media screen and (max-width: 768px) { .l-section-pdj .button__player-actions.is-visible { transform:translate(0,0) } } .l-section-pdj .overlay { background-color: #fff; overflow: hidden } .l-section-pdj .overlay .overlay-content { top: 0; left: 0; margin: 0; display: flex; flex-wrap: nowrap; justify-content: center; height: 100%; align-items: center } .l-section-pdj .overlay .overlay-content .loadspinner { height: 60px; margin-top: 0; width: 60px; border-width: 6px; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -28px!important; z-index: 5; border-top-color: #f2c894 } .l-section-pdj .overlay .overlay-content a { font-size: 16px; color: #212121; display: block; line-height: 1; position: relative; z-index: 9 } .l-section-pdj .overlay .overlay-content a .icon-video-play { font-size: 50px!important } .l-section-pdj .overlay .overlay-content .closebtn { top: 50%; color: #212121; line-height: 1; padding: 0; font-size: 2em; transform: translateY(-50%) } #selah { margin: 5px auto -24px auto; max-width: 100%; width: 500px; display: none; position: relative } .selah-step { cursor: pointer; background-size: contain; background-repeat: no-repeat; width: 20%; position: relative; z-index: 2 } .selah-step:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%) } .selah-step img { filter: invert(87%) sepia(5%) saturate(8%) hue-rotate(328deg) brightness(101%) contrast(87%); opacity: .8 } html.no-touch .selah-step:hover img { filter: invert(94%) sepia(39%) saturate(2077%) hue-rotate(300deg) brightness(113%) contrast(90%); opacity: 1 } .selah-step.selah-step-active img { filter: invert(94%) sepia(39%) saturate(2077%) hue-rotate(300deg) brightness(113%) contrast(90%); opacity: 1 } .post .selah-start { display: none } .homepage__last-devotional .post .selah-start,.module__featured--devotional .post .selah-start { display: initial; position: relative; top: 10px } html.app-lapenseedujour .social-btn-login,html.app-lapenseedujour .login-alternative-text,html.app-lapenseedujour .l-category-home #l-banners { display: none!important } html.app-lapenseedujour #header-user-link { display: block } html.app-lapenseedujour #header-user-opener.icon-user { display: none } @media screen and (max-width: 768px) { html.app-lapenseedujour #header-extra { bottom:40px } } .l-section-pdj .l-banner .l-article-banner-mask { display: none } .l-section-pdj .l-banner .l-banner-container,.l-section-pdj .l-banner .l-article-banner-container { height: 320px } .l-section-pdj .l-banner .l-banner-container .l-banner-image,.l-section-pdj .l-banner .l-banner-container .l-article-banner-image,.l-section-pdj .l-banner .l-article-banner-container .l-banner-image,.l-section-pdj .l-banner .l-article-banner-container .l-article-banner-image { background-position: center bottom } .l-section-pdj .l-banner .l-banner-container .logo-head-banner,.l-section-pdj .l-banner .l-article-banner-container .logo-head-banner { text-align: center } .l-section-pdj .l-banner .l-banner-container .logo-head-banner p,.l-section-pdj .l-banner .l-article-banner-container .logo-head-banner p { display: inline-block; background: #fff; padding: 4px 8px; font-size: 18px; font-size: "Montserrat" , sans-serif; color: #212121 } .l-section-pdj .section__devotional-themes { background-color: #f8f8f8; padding: 100px 20px; position: relative } @media screen and (max-width: 768px) { .l-section-pdj .section__devotional-themes { padding:30px 0; background-color: #fff } .l-section-pdj .section__devotional-themes .devotional__section-title { text-align: left!important } .l-section-pdj .section__devotional-themes .devotional__section-title h2 { margin-bottom: 32px } } .l-section-pdj .section__devotional-themes:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 150%; z-index: 0; background-image: url(https://fructifietestalents.org/maj/img/uri/devotional/pdj-themes--bg.53e91564e12c.png); background-size: cover; background-position: bottom center } @media screen and (max-width: 992px) { .l-section-pdj .section__devotional-themes:before { background-position:center right } } .l-section-pdj .section__devotional-themes .container { position: relative; z-index: 3 } .l-section-pdj .devotional-themes--inner { display: flex; align-items: center; justify-content: center; gap: 24px } @media screen and (max-width: 992px) { .l-section-pdj .devotional-themes--inner { flex-wrap:wrap } } .l-section-pdj .devotional-themes--element { background: #fff; border-radius: 20px; box-shadow: 0 2px 20px rgba(0,0,0,.1); padding: 20px; flex: 1 1 0; flex-wrap: wrap; justify-content: center; text-align: center; transform: translateY(0); transition: all .3s ease-in-out } @media screen and (max-width: 992px) { .l-section-pdj .devotional-themes--element { flex:1 0 33% } } html.no-touch .l-section-pdj .devotional-themes--element:hover { transform: translateY(-8px); box-shadow: 0 4px 20px rgba(0,0,0,.14); transition: all .3s ease-in-out } html.no-touch .l-section-pdj .devotional-themes--element:hover img { transform: scale(.9); transition: all .3s ease-in-out } .l-section-pdj .devotional-themes--image { width: 100%; margin-bottom: 24px } .l-section-pdj .devotional-themes--image img { transform: scale(1); transition: all .3s ease-in-out } .l-section-pdj .devotional-themes--image svg { width: auto; height: 80px } .l-section-pdj .devotional-themes--title { font-weight: bold; font-family: 'Montserrat'; color: #212121; font-weight: 600 } .l-section-pdj .section__popular-devotionals { position: relative; padding: 0 0 140px 0; background-image: url(https://fructifietestalents.org/maj/img/uri/devotional/pdj-popular__bg.25a8e5fe7222.png); background-size: cover } @media screen and (max-width: 768px) { .l-section-pdj .section__popular-devotionals { padding-bottom:60px } .l-section-pdj .section__popular-devotionals .swiper-title-container h2 { margin-top: 0 } } .l-section-pdj .swiper-container .post { border-radius: 20px } .l-section-pdj .swiper-container .post .post-thumbnail--container { padding: 10px; border-radius: 10px; box-shadow: none } .l-section-pdj .swiper-container .post .post-thumbnail--container .post-thumbnail--image { border-radius: 10px } .l-section-pdj .swiper-container .post .post-thumbnail--container .post-thumbnail--informations { display: none } .l-section-pdj .swiper-container .post .post-content--container { text-align: left } .l-section-pdj .swiper-container .post .post-content--container .post-content--title { font-weight: 600; margin-bottom: 12px } .l-section-pdj .swiper-container .post .post-content--container .post-category-type { display: none } .l-section-pdj .swiper-container .post .post-content--container .post-content--author-and-date .post-content--author { font-size: 1.2em; color: #212121; margin-bottom: 6px } .l-section-pdj .swiper-container .post .post-content--container .post-content--author-and-date .post-content--date { display: block } .l-section-pdj .custom-shape-divider-bottom-1662293271 { position: absolute; top: -126px; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg) } @media screen and (max-width: 768px) { .l-section-pdj .custom-shape-divider-bottom-1662293271 { top:-90px } } .l-section-pdj .custom-shape-divider-bottom-1662293271 svg { position: relative; display: block; width: calc(117% + 1.3px); height: 126px } @media screen and (max-width: 768px) { .l-section-pdj .custom-shape-divider-bottom-1662293271 svg { height:90px } } .l-section-pdj .custom-shape-divider-bottom-1662293271 .shape-fill { fill: #fff9eb } .l-section-pdj .section__devotional-history { margin-top: 0; background-color: #fff9eb; position: relative; padding: 0 0 80px 0 } @media screen and (max-width: 768px) { .l-section-pdj .section__devotional-history { padding-bottom:0 } } .l-section-pdj .section__devotional-history h2 { margin-bottom: 0 } .l-section-pdj .section__devotional-history img { mix-blend-mode: darken } @media screen and (max-width: 768px) { .l-section-pdj .section__devotional-history img { max-width:100% } } .l-section-pdj .section__devotional-history .row { display: flex } @media screen and (max-width: 992px) { .l-section-pdj .section__devotional-history .row { flex-wrap:wrap } } .l-section-pdj .gap--24 { gap: 24px } .l-section-pdj .gap--50 { gap: 50px } .l-section-pdj .align-items-center { align-items: center } .l-section-pdj .section__devotional-application { position: relative; padding: 80px 0 30px 0; background: #fff } .l-section-pdj .section__devotional-application h2 { margin-bottom: 0 } .l-section-pdj .section__devotional-application img { max-width: 100% } .l-section-pdj .section__devotional-application .row { display: flex } @media screen and (max-width: 992px) { .l-section-pdj .section__devotional-application .row { flex-wrap:wrap } } .l-section-pdj .custom-shape-divider-bottom-1662293538 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg) scaleX(-1); background: #fff9eb } .l-section-pdj .custom-shape-divider-bottom-1662293538 svg { position: relative; display: block; width: calc(131% + 1.3px); height: 140px } .l-section-pdj .custom-shape-divider-bottom-1662293538 .shape-fill { fill: #fff } @media screen and (max-width: 768px) { .l-section-pdj .pl_home_module .swiper-title-container { text-align:left; display: block } } .l-section-pdj .pl_home_module .swiper-title-container h2 { font-size: 52px; line-height: 1.2 } @media screen and (max-width: 768px) { .l-section-pdj .pl_home_module .swiper-title-container h2 { text-align:left; margin-bottom: 32px } } @media screen and (max-width: 992px) { .l-section-pdj .pl_home_module .swiper-title-container h2 { font-size:42px!important } } @media screen and (max-width: 480px) { .l-section-pdj .pl_home_module .swiper-title-container h2 { font-size:28px!important } } .l-section-pdj .pl_home_module .subscribe-form:before { display: none } .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup { background: none; background-color: none; box-shadow: none; border-radius: 0 } .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup:before { display: none } .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup .subscribe-form-header h2 { color: #212121; font-weight: 700; margin-bottom: 12px } .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup .subscribe-form-header h2 span { font-family: "Playfair Display",serif; font-style: italic; font-weight: 900; display: block } .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup .subscribe-form-header .subcribe-form-header-text { color: #212121 } .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup input[type="text"],.l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup input[type="email"] { box-shadow: 0px 4px 24px 0px #0000001A; background: #fff; border: none; border-radius: 50px!important; padding: 14px; margin-bottom: 10px; height: auto } .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup .subscribe-button { background: #e69837; color: #fff; font-weight: bold; border-radius: 50px; box-shadow: 0px 4px 24px 0px #0000001A; border: none; font-size: 18px; margin-top: 12px; border: 2px solid transparent; transition: all .3s ease-in-out } html.no-touch .l-section-pdj .pl_home_module .subscribe-form .subscribe-embed-signup .subscribe-button:hover { background: #fff; border: 2px solid #e69837; color: #e69837 } .l-section-pdj .pl_home_module .subscribe-form .submitresult { max-width: 400px; margin: 0 auto; text-align: center; border-radius: 12px; font-weight: bold; padding: 16px; width: 100% } .l-section-pdj .pl_home_module .subscribe-form .submitresult.success-message { background: #effcf6; color: #199473; border: 1px solid #199473 } .l-section-pdj .pl_home_module .subscribe-form .submitresult.error-message { background: #fee; color: #d8000c; border: 1px solid #d8000c } .section__devotional-authors { clip-path: ellipse(100% 46% at 50% 49%); background: #fff9eb; padding: 80px 0 } @media screen and (max-width: 992px) { .section__devotional-authors { clip-path:ellipse(100% 42% at 50% 49%) } } @media screen and (max-width: 768px) { .section__devotional-authors { padding:80px 0 30px 0 } } .passlemot-home-page { padding: 1em 0 1em 0 } .passlemot-home-page .posts-title { overflow: hidden } .passlemot-home-page .posts-title .btn-icon { padding: 1em; margin-right: 1em; margin-top: 0 } .passlemot-home-page .posts-title .btn-icon:before,.passlemot-home-page .posts-title .btn-icon:after { content: ""; border-top: dotted 2px #bbb; position: absolute; height: 1px; width: 1000% } .passlemot-home-page .posts-title .btn-icon:before { left: -1000%; top: 50% } .passlemot-home-page .posts-title .btn-icon:after { right: -1000%; top: 50% } .passlemot-home-page .passlemot-actions .btn-icon { margin-left: 1em } .passlemot-home-page .passlemot-actions:first-child { margin-left: 0 } .passlemot-home-page a h2.passlemot-home-title { color: #000; font-style: italic; font-family: Georgia,"Times New Roman",Times,serif; margin-top: 0 } @media (max-width: 35em) { .passlemot-home-page { padding:0 } .passlemot-home-page .posts-title { overflow: hidden } .passlemot-home-page .posts-title .btn-icon { padding: .5em 1em } } .post.post-category--podcast .post-content--concept { display: none!important } .podcast__platform-list { text-align: center; margin-top: 32px } .podcast__platform-list h4 { margin-bottom: 20px } .podcast__platform-list .podcast__platform-list--inner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px } .podcast__platform-list .podcast__platform-list--inner .platform__element { flex: 0 0 30%; text-align: center; max-width: 200px } @media screen and (max-width: 992px) { .podcast__platform-list .podcast__platform-list--inner .platform__element { flex:0 0 45% } } .podcast__platform-list .podcast__platform-list--inner .platform__element a { display: flex } .podcast__platform-list .podcast__platform-list--inner .platform__element img { height: auto; width: 100%; max-width: 200px; margin: 0 auto } .channels-home-page { padding: 1em 0 1em 0 } .channels-home-page .posts-title { overflow: hidden } .channels-home-page .posts-title .btn-icon { padding: 1em; margin-right: 1em; margin-top: 0 } .channels-home-page .posts-title .btn-icon:before,.channels-home-page .posts-title .btn-icon:after { content: ""; border-top: dotted 2px #bbb; position: absolute; height: 1px; width: 1000% } .channels-home-page .posts-title .btn-icon:before { left: -1000%; top: 50% } .channels-home-page .posts-title .btn-icon:after { right: -1000%; top: 50% } .channels-home-page .channels-actions .btn-icon { margin-left: 1em } .channels-home-page .channels-actions:first-child { margin-left: 0 } .channels-home-page a h2.channels-home-title { color: #000; font-style: italic; font-family: Georgia,"Times New Roman",Times,serif } @media (max-width: 35em) { .channels-home-page { padding:0 } .channels-home-page .posts-title { overflow: hidden } .channels-home-page .posts-title .btn-icon { padding: .5em 1em } } .video-home-page { padding: 1em 0 1em 0 } .video-home-page .posts-title { overflow: hidden } .video-home-page .posts-title .btn-icon { padding: 1em; margin-right: 1em; margin-top: 0 } .video-home-page .posts-title .btn-icon:before,.video-home-page .posts-title .btn-icon:after { content: ""; border-top: dotted 2px #bbb; position: absolute; height: 1px; width: 1000% } .video-home-page .posts-title .btn-icon:before { left: -1000%; top: 50% } .video-home-page .posts-title .btn-icon:after { right: -1000%; top: 50% } .video-home-page .video-actions .btn-icon { margin-left: 1em } .video-home-page .video-actions:first-child { margin-left: 0 } .video-home-page a h2.video-home-title { color: #000; font-style: italic; font-family: Georgia,"Times New Roman",Times,serif } @media (max-width: 35em) { .videos-home-page { padding:0 } .videos-home-page .posts-title { overflow: hidden } .videos-home-page .posts-title .btn-icon { padding: .5em 1em } } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .noselect:focus { outline: none } .icon-topchretien:after,.icon-twitter:after,.icon-facebook:after,.icon-apple:after,.icon-instagram:after,.icon-snapchat:after,.icon-youtube:after,.icon-whatsapp:after,.icon-telegram:after,.icon-podcasts:after,.icon-bible:after,.icon-passlemot:after,.icon-section-pdj:after,.icon-section-topmessages:after,.icon-topfamille:after,.icon-text:after,.icon-devotional:after,.icon-audio:after,.icon-miracle:after,.icon-section-topmusic:after,.icon-album:after,.icon-musicnews:after,.icon-musicresource:after,.icon-track:after,.icon-playlist:after,.icon-informations:after,.icon-admin:after,.icon-menu:after,.icon-user:after,.icon-edit-profile:after,.icon-edit-page:after,.icon-edit-colors:after,.icon-my-profile:after,.icon-friends:after,.icon-private:after,.icon-public:after,.icon-lock:after,.icon-edit:after,.icon-headphone:after,.icon-play-video:after,.icon-toplive:after,.icon-event:after,.icon-clip:after,.icon-videokid:after,.icon-video:after,.icon-videos:after,.icon-topkids:after,.icon-comic:after,.icon-infochretienne:after,.icon-madlife:after,.icon-mystory:after,.icon-leaderschretiens:after,.icon-ebookchretien:after,.icon-sort-features:after,.icon-ampoule:after,.icon-bell:after,.icon-cog:after,.icon-more:after,.icon-section-topformations:after,.icon-list:after,.icon-chevron-thin-down:after,.icon-double-chevron-thin-right:after,.icon-chevron-thin-right:after,.icon-chevron-thin-left:after,.icon-chevron-thin-up:after,.icon-chevron-with-circle-left:after,.icon-chevron-with-circle-right:after,.icon-chevron-down:after,.icon-chevron-up:after,.icon-cross:after,.icon-comments:after,.icon-leave-comment:after,.icon-heart:after,.icon-heart-filled:after,.icon-close:after,.icon-close-bis:after,.icon-envelope:after,.icon-like:after,.icon-web-globe:after,.icon-answer:after,.icon-google:after,.icon-key:after,.icon-link:after,.icon-newsletter:after,.icon-send-newsletter:after,.icon-add:after,.icon-drag-drop:after,.icon-toggle-grid:after,.icon-toggle-list:after,.icon-share:after,.icon-check:after,.icon-photo:after,.icon-location:after,.icon-calendar:after,.icon-clock:after,.icon-newsfeed:after,.icon-user-info:after,.icon-video-play:after,.icon-circle-pause:after,.icon-headphones:after,.icon-partition:after,.icon-pdf-file:after,.icon-projector:after,.icon-lyrics-screen:after,.icon-files:after,.icon-skype:after,.icon-valide:after,.icon-denied:after,.icon-refuse:after,.icon-search-glass:after,.icon-give:after,.icon-home:after,.icon-camera:after,.icon-microphone:after,.icon-music-note:after,.icon-download:after,.icon-right-arrow:after,.icon-arrow-kids:after,.icon-music-play:after,.icon-music-pause:after,.icon-music-next:after,.icon-music-previous:after,.icon-music-loop:after,.icon-music-random:after,.icon-music-album:after,.icon-music-track:after,.icon-music-mute:after,.icon-music-unmute:after,.icon-music-playlist:after,.icon-music-playlist-add:after,.icon-check-mark-button:after,.icon-close-circle-outline:after,.icon-bible-dictionary:after,.icon-bible-notes:after,.icon-bible-related:after,.icon-bible-share:after,.icon-bible-strong:after,.icon-bible-verses:after,.icon-bible-versions:after,.icon-bible-comments:after,.icon-bible-map:after,.icon-day-read:after,.icon-summary:after,.icon-follow:after,.icon-headset:after,.icon-donors-cb:after,.icon-donors-stripe:after,.icon-donors-lemoncb:after,.icon-donors-check:after,.icon-donors-impactfrance:after,.icon-donors-nehemie:after,.icon-donors-prel:after,.icon-donors-lemonprel:after,.icon-donors-transfer:after,.icon-donors-simpleprel:after,.icon-donors-sepa:after,.icon-donors-wu:after,.icon-donors-canadon:after,.icon-donors-arobase:after,.icon-donors-letter:after,.icon-donors-phone:after,.icon-circle:after,.icon-chevron-left-small:after,.icon-trashsvg:after { font-family: Proxima; font-weight: 400; font-style: normal; line-height: 1 } html.no-touch a:hover { cursor: pointer!important } @media print { html { overflow: auto } body { margin-top: 0; background: #fff } #header { background: none; position: relative; top: 0; bottom: auto; left: auto; right: auto; display: none } #header #header-menu,#header #responsive-search-toggle,#header #header-search,#header #header-user,#header #header-kids,#header #header-donor,#header #responsive-menu-toggle-btn { display: none } #l-footer { display: none } #l-banners { display: none } .rightcolumn.l-sidebar { display: none } #wrapper { overflow: auto } .l-article { margin: 0 } .container { width: auto } .article-main { width: 100%; display: block; vertical-align: top; position: relative; margin-right: 0; z-index: 2; margin-top: 0 } .article-main .breadcrumb-container { display: none } .article-main .content { box-shadow: none } .article-main .content .article-actions { display: none } .article-main .content .pl_below_article { display: none } .article-main .content #tmp-details { display: none } .article-main .content .article-actions-mobile--container { display: none } .article-main #comments { display: none } .l-category-song #article_video_wrapper,.l-category-song .chord-checkbox,.l-category-song .key-select,.l-category-song .partition-action-block { display: none } } .font-playfair { font-family: "Playfair Display",serif } .icon-logo { background-image: url(https://fructifietestalents.org/maj/img/logo-svg/topchretien.692d1734aaa9.svg); background-repeat: no-repeat; width: 200px; height: 35px; background-position: center } @media screen and (max-width: 480px) { .icon-logo { background-image:url(https://fructifietestalents.org/maj/img/logo-svg/topchretien-xs.fa43e8acc9ee.svg); width: 35px; height: 35px } } .icon-topchretien:after { content: "î…ƒ" } .icon-twitter:after { content: "" } .icon-facebook:after { content: "" } .icon-apple:after { content: "î…„" } .icon-instagram:after { content: "“" } .icon-snapchat:after { content: "”" } .icon-youtube:after { content: "•" } .icon-whatsapp:after { content: "–" } .icon-telegram:after { content: "î…†" } .icon-podcasts:after { content: "î……" } .topmusic-logo { width: 200px; height: 35px; background-image: url(https://fructifietestalents.org/maj/img/uri/topmusic/topmusic_logo.8af7a3f81172.svg) } .icon-bible:after { content: "£" } .icon-passlemot:after { content: "" } .icon-section-pdj:after { content: "" } .icon-section-topmessages:after,.icon-topfamille:after,.icon-text:after,.icon-devotional:after,.icon-audio:after { content: "" } .icon-miracle:after { content: "" } .icon-section-topmusic:after,.icon-album:after,.icon-musicnews:after,.icon-musicresource:after,.icon-track:after,.icon-playlist:after,.icon-audio:after { content: "" } .icon-informations:after { content: "" } .icon-admin:after { content: "" } .icon-menu:after { content: "" } .icon-user:after { content: "" } .icon-edit-profile:after { content: "" } .icon-edit-page:after { content: "" } .icon-edit-colors:after { content: "" } .icon-my-profile:after { content: "" } .icon-friends:after { content: "î" } .icon-private:after { content: "" } .icon-public:after { content: "" } .icon-lock:after { content: "" } .icon-edit:after { content: "™" } .icon-headphone:after { content: "" } .icon-play-video:after { content: "" } .icon-toplive:after,.icon-event:after,.icon-clip:after,.icon-videokid:after,.icon-video:after,.icon-videos:after { content: "" } .icon-topkids:after,.icon-comic:after { content: "" } .icon-infochretienne:after { content: "" } .icon-madlife:after { content: "" } .icon-mystory:after { content: "" } .icon-leaderschretiens:after { content: "" } .icon-ebookchretien:after { content: "" } .icon-sort-features:after { content: ""; font-size: 18px } .icon-ampoule:after { content: "" } .icon-bell:after { content: "" } .icon-cog:after { content: " " } .icon-more:after { content: "¤" } .icon-section-topformations:after { content: "´" } .icon-list:after { content: "¹" } span.icon-chevron-thin-down:after { margin-left: 1em } .icon-chevron-thin-down:after { content: "" } .icon-double-chevron-thin-right:after { content: ""; font-size: 24px } .icon-double-chevron-thin-right { letter-spacing: -1em } .icon-chevron-thin-right:after { content: "" } .icon-chevron-thin-left:after { content: "" } .icon-chevron-thin-up:after { content: "" } .icon-chevron-with-circle-left:after { content: ""; font-size: 32px } .icon-chevron-with-circle-right:after { content: "î€ "; font-size: 32px } .icon-chevron-down:after { content: "" } .icon-chevron-up:after { content: "î " } .icon-cross:after { content: "" } .icon-comments:after { content: "—" } .icon-leave-comment:after { content: "˜" } .icon-heart:after { content: ""; font-size: 20px } .icon-heart-filled:after { content: ""; font-size: 20px } .icon-close:after { content: ""; font-size: 20px } .icon-close-bis:after { content: "±"; font-size: 10px } .icon-envelope:after { content: "" } .icon-like:after { content: "" } .icon-web-globe:after { content: "" } .icon-answer:after { content: "" } .icon-google:after { content: "" } .icon-key:after { content: "" } .icon-link:after { content: "" } .icon-newsletter:after { content: ""; font-size: 27px } .icon-send-newsletter:after { content: "ó „¨"; font-size: 27px } .icon-add:after { content: "" } .icon-drag-drop:after { content: "" } .icon-toggle-grid:after { content: "¶" } .icon-toggle-list:after { content: "·" } .icon-share:after { content: "î‚‘" } .icon-check:after { content: "î‚’" } .icon-photo:after { content: "î‚“" } .icon-location:after { content: "î‚”" } .icon-calendar:after { content: "î‚•" } .icon-clock:after { content: "µ" } .icon-newsfeed:after { content: "î‚–" } .icon-user-info:after { content: "î‚—" } .icon-video-play:after { content: "" } .icon-circle-pause:after { content: "î…€" } .icon-headphones:after { content: "î‚™" } .icon-partition:after { content: "€" } .icon-pdf-file:after { content: "" } .icon-projector:after { content: "‚" } .icon-lyrics-screen:after { content: "ƒ" } .icon-files:after { content: "„" } .icon-skype:after { content: "…" } .icon-valide:after { content: "‡" } .icon-denied:after { content: "ˆ" } .icon-refuse:after { content: "‰" } ..icon-give:after { content: "‘" } .icon-home:after { content: "" } .icon-camera:after { content: "" } .icon-microphone:after { content: "¦" } .icon-music-note:after { content: "§" } .icon-download:after { content: "°"; font-size: 32px } .icon-right-arrow:after { content: "²"; font-size: 26px } .icon-arrow-kids:after { content: "³"; font-size: 26px } .icon-music-play:after { content: "" } .icon-music-pause:after { content: "" } .icon-music-next:after { content: "" } .icon-music-previous:after { content: "" } .icon-music-loop:after { content: "î‚€" } .icon-music-random:after { content: "" } .icon-music-album:after { content: "î‚‚" } .icon-music-track:after { content: "" } .icon-music-mute:after { content: "î‚„" } .icon-music-unmute:after { content: "î‚…" } .icon-music-playlist:after { content: "" } .icon-music-playlist-add:after { content: "" } .icon-check-mark-button:after { content: "" } .icon-close-circle-outline:after { content: "î…‚" } .icon-chevron-thin-left:after { content: "" } .icon-bible-dictionary:after { content: "" } .icon-bible-notes:after { content: "" } .icon-bible-related:after { content: "" } .icon-bible-share:after { content: "" } .icon-bible-strong:after { content: "" } .icon-bible-verses:after { content: "" } .icon-bible-versions:after { content: "" } .icon-bible-comments:after { content: "" } .icon-bible-map:after { content: "" } .icon-day-read:after { content: ""; font-size: 20px } .icon-summary:after { content: "¡" } .icon-follow:after { content: "¢"; font-size: 24px } .icon-headset:after { content: "¸" } .icon-donors-cb:after { content: ""; font-size: 50px } .icon-donors-stripe:after { content: ""; font-size: 50px } .icon-donors-lemoncb:after { content: ""; font-size: 50px } .icon-donors-check:after { content: ""; font-size: 52px } .icon-donors-impactfrance:after { content: "î…‡"; font-size: 52px } .icon-donors-nehemie:after { content: ""; font-size: 46px } .icon-donors-prel:after { content: ""; font-size: 36px } .icon-donors-lemonprel:after { content: ""; font-size: 36px } .icon-donors-transfer:after { content: "î€"; font-size: 38px } .icon-donors-simpleprel:after { content: "î€"; font-size: 38px } .icon-donors-sepa:after { content: "î€"; font-size: 38px } .icon-donors-wu:after { content: ""; font-size: 48px } .icon-donors-canadon:after { content: ""; font-size: 44px } .icon-donors-arobase:after { content: ""; font-size: 25px } .icon-donors-letter:after { content: ""; font-size: 27px } .icon-donors-phone:after { content: ""; font-size: 25px } .icon-circle:after { content: ""; font-size: 38px } .icon-chevron-left-small:after { content: "❯"; font-size: 16px } .icon-trashsvg:after { content: "" } .icon-topkids:after,.icon-comic:after { content: "©" } .jp_container_main { max-width: 422px; margin-left: auto; margin-right: auto; margin-top: 15px } .jp-audio *:focus,.jp-audio-stream *:focus,.jp-video *:focus { outline: none } .jp-audio button::-moz-focus-inner,.jp-audio-stream button::-moz-focus-inner,.jp-video button::-moz-focus-inner { border: 0 } .jp-audio,.jp-audio-stream,.jp-video { font-size: 16px; font-family: Verdana,Arial,sans-serif; line-height: 1.6; color: #666; border: 1px solid #dedede; background-color: #eee } .jp-audio { max-width: 420px; margin: 1em 0 1em 0 } .jp-audio-stream { width: 182px } .jp-video-270p { width: 480px } .jp-video-360p { width: 100%; height: 100% } .jp-video-full { width: 480px; height: 270px; position: static!important; position: relative } .jp-video-full div div { z-index: 1000 } .jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed!important; position: relative; overflow: hidden } .jp-video-full .jp-gui { position: fixed!important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001 } .jp-video-full .jp-interface { position: absolute!important; position: relative; bottom: 0; left: 0 } .jp-interface { position: relative; background-color: #eee; width: 100% } .jp-audio .jp-interface { height: 80px } .jp-audio-stream .jp-interface { height: 80px } .jp-video .jp-interface { border-top: 1px solid #009be3 } .jp-controls-holder { clear: both; width: 440px; max-width: 100%; margin: 0 auto; position: relative; overflow: hidden; top: -8px } @media (max-width: 585px) { .jp-controls-holder { top:-1px } } .jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden } .jp-audio .jp-controls { padding: 20px 20px 0 20px } .jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px } .jp-video .jp-type-single .jp-controls { width: 78px } .jp-video .jp-type-playlist .jp-controls { width: 134px; margin-left: 172px } .jp-video .jp-controls { float: left; margin-left: 5px } .jp-controls button { display: block; float: left; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer } .jp-play { width: 40px; height: 40px } .jp-play { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 0 no-repeat } .jp-play:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -41px 0 no-repeat } .jp-state-playing .jp-play { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -42px no-repeat } .jp-state-playing .jp-play:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -41px -42px no-repeat } .jp-stop,.jp-previous,.jp-next { width: 28px; height: 28px; margin-top: 6px } .jp-stop { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -83px no-repeat; margin-left: 10px } .jp-stop:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -29px -83px no-repeat } .jp-previous { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -112px no-repeat } .jp-previous:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -29px -112px no-repeat } .jp-next { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -141px no-repeat } .jp-next:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -29px -141px no-repeat } .jp-progress { overflow: hidden; background-color: #ddd } .jp-audio .jp-progress { position: absolute; top: 32px; height: 15px } .jp-audio .jp-type-single .jp-progress { left: 110px; width: 186px } .jp-audio .jp-type-playlist .jp-progress { left: 166px; width: 130px } .jp-video .jp-progress { top: 0; left: 0; width: 100%; height: 10px } .jp-seek-bar { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -202px repeat-x; width: 0; height: 100%; cursor: pointer } .jp-play-bar { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -218px repeat-x; width: 0; height: 100% } .jp-seeking-bg { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.seeking.6459e146ed61.gif) } .jp-state-no-volume .jp-volume-controls { display: none } .jp-audio .jp-volume-controls { position: absolute; top: 32px; left: 308px; width: 200px } @media (max-width: 460px) { .jp-audio .jp-volume-controls { display:none } } .jp-video .jp-volume-controls { position: relative; width: 100px; height: 30px; top: 10px; float: left; margin-left: 10px } .jp-audio-stream .jp-volume-controls { left: 70px; position: absolute } .jp-volume-controls button { display: block; position: absolute; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer } .jp-mute,.jp-volume-max { width: 18px; height: 15px } .jp-volume-max { left: 74px } .jp-mute { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -170px no-repeat } .jp-mute:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -19px -170px no-repeat } .jp-state-muted .jp-mute { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -60px -170px no-repeat } .jp-state-muted .jp-mute:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -79px -170px no-repeat } .jp-volume-max { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -186px no-repeat } .jp-volume-max:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -19px -186px no-repeat } .jp-volume-bar { position: absolute; overflow: hidden; background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -250px repeat-x; top: 5px; left: 22px; width: 46px; height: 5px; cursor: pointer } .jp-volume-bar-value { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -256px repeat-x; width: 0; height: 5px } .jp-audio .jp-time-holder { position: absolute; top: 50px } .jp-audio .jp-type-single .jp-time-holder { left: 110px; width: 186px } .jp-audio .jp-type-playlist .jp-time-holder { left: 166px; width: 130px } .jp-current-time,.jp-duration { font-size: .64em; font-style: oblique } .jp-current-time { float: left; display: inline; cursor: default } .jp-duration { float: right; display: inline; text-align: right; cursor: pointer } .jp-video .jp-current-time { margin-left: 20px } .jp-video .jp-duration { margin-right: 20px } .jp-details { font-weight: bold; text-align: center; cursor: default } .jp-details,.jp-playlist { width: 100%; background-color: #ccc; border-top: 1px solid #009be3 } .jp-type-single .jp-details,.jp-type-playlist .jp-details { border-top: none } .jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold } .jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em } .jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #eee } .jp-playlist li div { display: inline } div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px } div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none } div.jp-type-playlist div.jp-playlist a:hover { color: #0d88c1 } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #0d88c1 } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; color: #666 } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #0d88c1 } div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px } div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #666 } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #0d88c1 } span.jp-artist { font-size: .8em; color: #666 } .jp-video-play { width: 100%; overflow: hidden; cursor: pointer; background-color: transparent } .jp-video-270p .jp-video-play { margin-top: -270px; height: 270px } .jp-video-360p .jp-video-play { margin-top: -360px; height: 360px } .jp-video-full .jp-video-play { height: 100% } .jp-video-play-icon { position: relative; display: block; width: 112px; height: 100px; margin-left: -56px; margin-top: -50px; left: 50%; top: 50%; background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.video.play.d736613748cb.png) 0 0 no-repeat; text-indent: -9999px; border: none; cursor: pointer } .jp-video-play-icon:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.video.play.d736613748cb.png) 0 -100px no-repeat } .jp-jplayer audio,.jp-jplayer { width: 0; height: 0 } .jp-jplayer { background-color: #000 } .jp-toggles { padding: 0; margin: 0 auto; overflow: hidden } .jp-audio .jp-type-single .jp-toggles { width: 25px } .jp-audio .jp-type-playlist .jp-toggles { width: 55px; margin: 0; position: absolute; left: 325px; top: 50px } #jp_flash_0 { position: absolute; top: 0 } .jp-type-single { position: relative; height: 100% } .jp-video .jp-toggles { float: right; right: 16px; margin: 0; margin-top: 10px; width: 100px; max-width: 75px } .jp-toggles button { display: block; float: left; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; border: none; cursor: pointer } .jp-full-screen { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -310px no-repeat; margin-left: 20px } .jp-full-screen:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -30px -310px no-repeat } .jp-state-full-screen .jp-full-screen { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -60px -310px no-repeat } .jp-state-full-screen .jp-full-screen:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -90px -310px no-repeat } .jp-repeat { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -290px no-repeat } .jp-repeat:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -30px -290px no-repeat } .jp-state-looped .jp-repeat { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -60px -290px no-repeat } .jp-state-looped .jp-repeat:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -90px -290px no-repeat } .jp-shuffle { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) 0 -270px no-repeat; margin-left: 5px } .jp-shuffle:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -30px -270px no-repeat } .jp-state-shuffled .jp-shuffle { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -60px -270px no-repeat } .jp-state-shuffled .jp-shuffle:focus { background: url(static/jplayer/skin/blue.monday/image/jplayer.blue.monday.0e0fdecc749a.jpg) -90px -270px no-repeat } .jp-no-solution { position: absolute; top: 0; padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; height: 200px; display: none } .jp-no-solution a { color: #000 } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold } .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before,.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default!important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-draggable-handle { -ms-touch-action: none; touch-action: none } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none } .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span,.ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none } .ui-menu .ui-menu { position: absolute } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 } .ui-menu .ui-state-focus,.ui-menu .ui-state-active { margin: -1px } .ui-menu-icons { position: relative } .ui-menu-icons .ui-menu-item { padding-left: 2em } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 } .ui-menu .ui-menu-icon { left: auto; right: 0 } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .jqui .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em } .jqui .ui-widget .ui-widget { font-size: 1em } .jqui .ui-widget input,.jqui .ui-widget select,.jqui .ui-widget textarea,.jqui .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em } .jqui .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(css/images/ui-bg_inset-hard_100_fcfdfd_1x100.2842800f92fb.png) 50% bottom repeat-x; color: #222 } .jqui .ui-widget-content a { color: #222 } .jqui .ui-widget-header { border: 1px solid #4297d7; background: #2191c0 url(css/images/ui-bg_gloss-wave_75_2191c0_500x100.bf8f455014ca.png) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold } .jqui .ui-widget-header a { color: #eaf5f7 } .jqui .ui-state-default,.jqui .ui-widget-content .ui-state-default,.jqui .ui-widget-header .ui-state-default { border: 1px solid #77d5f7; background: #0078ae url(css/images/ui-bg_glass_45_0078ae_1x400.40ed464771e8.png) 50% 50% repeat-x; font-weight: normal; color: #fff } .jqui .ui-state-default a,.jqui .ui-state-default a:link,.jqui .ui-state-default a:visited { color: #fff; text-decoration: none } .jqui .ui-state-hover,.jqui .ui-widget-content .ui-state-hover,.jqui .ui-widget-header .ui-state-hover,.jqui .ui-state-focus,.jqui .ui-widget-content .ui-state-focus,.jqui .ui-widget-header .ui-state-focus { border: 1px solid #448dae; background: #79c9ec url(css/images/ui-bg_glass_75_79c9ec_1x400.9f1a92cdc3b8.png) 50% 50% repeat-x; font-weight: normal; color: #026890 } .jqui .ui-state-hover a,.jqui .ui-state-hover a:hover,.jqui .ui-state-hover a:link,.jqui .ui-state-hover a:visited,.jqui .ui-state-focus a,.jqui .ui-state-focus a:hover,.jqui .ui-state-focus a:link,.jqui .ui-state-focus a:visited { color: #026890; text-decoration: none } .jqui .ui-state-active,.jqui .ui-widget-content .ui-state-active,.jqui .ui-widget-header .ui-state-active { border: 1px solid #acdd4a; background: #6eac2c url(css/images/ui-bg_gloss-wave_50_6eac2c_500x100.232db8707b38.png) 50% 50% repeat-x; font-weight: normal; color: #fff } .jqui .ui-state-active a,.jqui .ui-state-active a:link,.jqui .ui-state-active a:visited { color: #fff; text-decoration: none } .jqui .ui-state-highlight,.jqui .ui-widget-content .ui-state-highlight,.jqui .ui-widget-header .ui-state-highlight { border: 1px solid #fcd113; background: #f8da4e url(css/images/ui-bg_glass_55_f8da4e_1x400.08127c4dd1a2.png) 50% 50% repeat-x; color: #915608 } .jqui .ui-state-highlight a,.jqui .ui-widget-content .ui-state-highlight a,.jqui .ui-widget-header .ui-state-highlight a { color: #915608 } .jqui .ui-state-error,.jqui .ui-widget-content .ui-state-error,.jqui .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #e14f1c url(css/images/ui-bg_gloss-wave_45_e14f1c_500x100.ffca7a38aec3.png) 50% top repeat-x; color: #fff } .jqui .ui-state-error a,.jqui .ui-widget-content .ui-state-error a,.jqui .ui-widget-header .ui-state-error a { color: #fff } .jqui .ui-state-error-text,.jqui .ui-widget-content .ui-state-error-text,.jqui .ui-widget-header .ui-state-error-text { color: #fff } .jqui .ui-priority-primary,.jqui .ui-widget-content .ui-priority-primary,.jqui .ui-widget-header .ui-priority-primary { font-weight: bold } .jqui .ui-priority-secondary,.jqui .ui-widget-content .ui-priority-secondary,.jqui .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal } .jqui .ui-state-disabled,.jqui .ui-widget-content .ui-state-disabled,.jqui .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .jqui .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .jqui .ui-icon { width: 16px; height: 16px } .jqui .ui-icon,.jqui .ui-widget-content .ui-icon { background-image: url(css/images/ui-icons_0078ae_256x240.2c80edfc4b02.png) } .jqui .ui-widget-header .ui-icon { background-image: url(css/images/ui-icons_d8e7f3_256x240.cb043673f76e.png) } .jqui .ui-state-default .ui-icon { background-image: url(css/images/ui-icons_e0fdff_256x240.33baac97dd86.png) } .jqui .ui-state-hover .ui-icon,.jqui .ui-state-focus .ui-icon { background-image: url(css/images/ui-icons_056b93_256x240.485be6d5742f.png) } .jqui .ui-state-active .ui-icon { background-image: url(css/images/ui-icons_f5e175_256x240.e9e434352e8a.png) } .jqui .ui-state-highlight .ui-icon { background-image: url(css/images/ui-icons_f7a50d_256x240.9c689a105155.png) } .jqui .ui-state-error .ui-icon,.jqui .ui-state-error-text .ui-icon { background-image: url(css/images/ui-icons_fcd113_256x240.db5db01f0670.png) } .jqui .ui-icon-blank { background-position: 16px 16px } .jqui .ui-icon-carat-1-n { background-position: 0 0 } .jqui .ui-icon-carat-1-ne { background-position: -16px 0 } .jqui .ui-icon-carat-1-e { background-position: -32px 0 } .jqui .ui-icon-carat-1-se { background-position: -48px 0 } .jqui .ui-icon-carat-1-s { background-position: -64px 0 } .jqui .ui-icon-carat-1-sw { background-position: -80px 0 } .jqui .ui-icon-carat-1-w { background-position: -96px 0 } .jqui .ui-icon-carat-1-nw { background-position: -112px 0 } .jqui .ui-icon-carat-2-n-s { background-position: -128px 0 } .jqui .ui-icon-carat-2-e-w { background-position: -144px 0 } .jqui .ui-icon-triangle-1-n { background-position: 0 -16px } .jqui .ui-icon-triangle-1-ne { background-position: -16px -16px } .jqui .ui-icon-triangle-1-e { background-position: -32px -16px } .jqui .ui-icon-triangle-1-se { background-position: -48px -16px } .jqui .ui-icon-triangle-1-s { background-position: -64px -16px } .jqui .ui-icon-triangle-1-sw { background-position: -80px -16px } .jqui .ui-icon-triangle-1-w { background-position: -96px -16px } .jqui .ui-icon-triangle-1-nw { background-position: -112px -16px } .jqui .ui-icon-triangle-2-n-s { background-position: -128px -16px } .jqui .ui-icon-triangle-2-e-w { background-position: -144px -16px } .jqui .ui-icon-arrow-1-n { background-position: 0 -32px } .jqui .ui-icon-arrow-1-ne { background-position: -16px -32px } .jqui .ui-icon-arrow-1-e { background-position: -32px -32px } .jqui .ui-icon-arrow-1-se { background-position: -48px -32px } .jqui .ui-icon-arrow-1-s { background-position: -64px -32px } .jqui .ui-icon-arrow-1-sw { background-position: -80px -32px } .jqui .ui-icon-arrow-1-w { background-position: -96px -32px } .jqui .ui-icon-arrow-1-nw { background-position: -112px -32px } .jqui .ui-icon-arrow-2-n-s { background-position: -128px -32px } .jqui .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .jqui .ui-icon-arrow-2-e-w { background-position: -160px -32px } .jqui .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .jqui .ui-icon-arrowstop-1-n { background-position: -192px -32px } .jqui .ui-icon-arrowstop-1-e { background-position: -208px -32px } .jqui .ui-icon-arrowstop-1-s { background-position: -224px -32px } .jqui .ui-icon-arrowstop-1-w { background-position: -240px -32px } .jqui .ui-icon-arrowthick-1-n { background-position: 0 -48px } .jqui .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .jqui .ui-icon-arrowthick-1-e { background-position: -32px -48px } .jqui .ui-icon-arrowthick-1-se { background-position: -48px -48px } .jqui .ui-icon-arrowthick-1-s { background-position: -64px -48px } .jqui .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .jqui .ui-icon-arrowthick-1-w { background-position: -96px -48px } .jqui .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .jqui .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .jqui .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .jqui .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .jqui .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .jqui .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .jqui .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .jqui .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .jqui .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .jqui .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .jqui .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .jqui .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .jqui .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .jqui .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .jqui .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .jqui .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .jqui .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .jqui .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .jqui .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .jqui .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .jqui .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .jqui .ui-icon-arrow-4 { background-position: 0 -80px } .jqui .ui-icon-arrow-4-diag { background-position: -16px -80px } .jqui .ui-icon-extlink { background-position: -32px -80px } .jqui .ui-icon-newwin { background-position: -48px -80px } .jqui .ui-icon-refresh { background-position: -64px -80px } .jqui .ui-icon-shuffle { background-position: -80px -80px } .jqui .ui-icon-transfer-e-w { background-position: -96px -80px } .jqui .ui-icon-transferthick-e-w { background-position: -112px -80px } .jqui .ui-icon-folder-collapsed { background-position: 0 -96px } .jqui .ui-icon-folder-open { background-position: -16px -96px } .jqui .ui-icon-document { background-position: -32px -96px } .jqui .ui-icon-document-b { background-position: -48px -96px } .jqui .ui-icon-note { background-position: -64px -96px } .jqui .ui-icon-mail-closed { background-position: -80px -96px } .jqui .ui-icon-mail-open { background-position: -96px -96px } .jqui .ui-icon-suitcase { background-position: -112px -96px } .jqui .ui-icon-comment { background-position: -128px -96px } .jqui .ui-icon-person { background-position: -144px -96px } .jqui .ui-icon-print { background-position: -160px -96px } .jqui .ui-icon-trash { background-position: -176px -96px } .jqui .ui-icon-locked { background-position: -192px -96px } .jqui .ui-icon-unlocked { background-position: -208px -96px } .jqui .ui-icon-bookmark { background-position: -224px -96px } .jqui .ui-icon-tag { background-position: -240px -96px } .jqui .ui-icon-home { background-position: 0 -112px } .jqui .ui-icon-flag { background-position: -16px -112px } .jqui .ui-icon-calendar { background-position: -32px -112px } .jqui .ui-icon-cart { background-position: -48px -112px } .jqui .ui-icon-pencil { background-position: -64px -112px } .jqui .ui-icon-clock { background-position: -80px -112px } .jqui .ui-icon-disk { background-position: -96px -112px } .jqui .ui-icon-calculator { background-position: -112px -112px } .jqui .ui-icon-zoomin { background-position: -128px -112px } .jqui .ui-icon-zoomout { background-position: -144px -112px } .jqui .ui-icon-search { background-position: -160px -112px } .jqui .ui-icon-wrench { background-position: -176px -112px } .jqui .ui-icon-gear { background-position: -192px -112px } .jqui .ui-icon-heart { background-position: -208px -112px } .jqui .ui-icon-star { background-position: -224px -112px } .jqui .ui-icon-link { background-position: -240px -112px } .jqui .ui-icon-cancel { background-position: 0 -128px } .jqui .ui-icon-plus { background-position: -16px -128px } .jqui .ui-icon-plusthick { background-position: -32px -128px } .jqui .ui-icon-minus { background-position: -48px -128px } .jqui .ui-icon-minusthick { background-position: -64px -128px } .jqui .ui-icon-close { background-position: -80px -128px } .jqui .ui-icon-closethick { background-position: -96px -128px } .jqui .ui-icon-key { background-position: -112px -128px } .jqui .ui-icon-lightbulb { background-position: -128px -128px } .jqui .ui-icon-scissors { background-position: -144px -128px } .jqui .ui-icon-clipboard { background-position: -160px -128px } .jqui .ui-icon-copy { background-position: -176px -128px } .jqui .ui-icon-contact { background-position: -192px -128px } .jqui .ui-icon-image { background-position: -208px -128px } .jqui .ui-icon-video { background-position: -224px -128px } .jqui .ui-icon-script { background-position: -240px -128px } .jqui .ui-icon-alert { background-position: 0 -144px } .jqui .ui-icon-info { background-position: -16px -144px } .jqui .ui-icon-notice { background-position: -32px -144px } .jqui .ui-icon-help { background-position: -48px -144px } .jqui .ui-icon-check { background-position: -64px -144px } .jqui .ui-icon-bullet { background-position: -80px -144px } .jqui .ui-icon-radio-on { background-position: -96px -144px } .jqui .ui-icon-radio-off { background-position: -112px -144px } .jqui .ui-icon-pin-w { background-position: -128px -144px } .jqui .ui-icon-pin-s { background-position: -144px -144px } .jqui .ui-icon-play { background-position: 0 -160px } .jqui .ui-icon-pause { background-position: -16px -160px } .jqui .ui-icon-seek-next { background-position: -32px -160px } .jqui .ui-icon-seek-prev { background-position: -48px -160px } .jqui .ui-icon-seek-end { background-position: -64px -160px } .jqui .ui-icon-seek-start { background-position: -80px -160px } .jqui .ui-icon-seek-first { background-position: -80px -160px } .jqui .ui-icon-stop { background-position: -96px -160px } .jqui .ui-icon-eject { background-position: -112px -160px } .jqui .ui-icon-volume-off { background-position: -128px -160px } .jqui .ui-icon-volume-on { background-position: -144px -160px } .jqui .ui-icon-power { background-position: 0 -176px } .jqui .ui-icon-signal-diag { background-position: -16px -176px } .jqui .ui-icon-signal { background-position: -32px -176px } .jqui .ui-icon-battery-0 { background-position: -48px -176px } .jqui .ui-icon-battery-1 { background-position: -64px -176px } .jqui .ui-icon-battery-2 { background-position: -80px -176px } .jqui .ui-icon-battery-3 { background-position: -96px -176px } .jqui .ui-icon-circle-plus { background-position: 0 -192px } .jqui .ui-icon-circle-minus { background-position: -16px -192px } .jqui .ui-icon-circle-close { background-position: -32px -192px } .jqui .ui-icon-circle-triangle-e { background-position: -48px -192px } .jqui .ui-icon-circle-triangle-s { background-position: -64px -192px } .jqui .ui-icon-circle-triangle-w { background-position: -80px -192px } .jqui .ui-icon-circle-triangle-n { background-position: -96px -192px } .jqui .ui-icon-circle-arrow-e { background-position: -112px -192px } .jqui .ui-icon-circle-arrow-s { background-position: -128px -192px } .jqui .ui-icon-circle-arrow-w { background-position: -144px -192px } .jqui .ui-icon-circle-arrow-n { background-position: -160px -192px } .jqui .ui-icon-circle-zoomin { background-position: -176px -192px } .jqui .ui-icon-circle-zoomout { background-position: -192px -192px } .jqui .ui-icon-circle-check { background-position: -208px -192px } .jqui .ui-icon-circlesmall-plus { background-position: 0 -208px } .jqui .ui-icon-circlesmall-minus { background-position: -16px -208px } .jqui .ui-icon-circlesmall-close { background-position: -32px -208px } .jqui .ui-icon-squaresmall-plus { background-position: -48px -208px } .jqui .ui-icon-squaresmall-minus { background-position: -64px -208px } .jqui .ui-icon-squaresmall-close { background-position: -80px -208px } .jqui .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .jqui .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .jqui .ui-icon-grip-solid-vertical { background-position: -32px -224px } .jqui .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .jqui .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .jqui .ui-icon-grip-diagonal-se { background-position: -80px -224px } .jqui .ui-corner-all,.jqui .ui-corner-top,.jqui .ui-corner-left,.jqui .ui-corner-tl { border-top-left-radius: 5px } .jqui .ui-corner-all,.jqui .ui-corner-top,.jqui .ui-corner-right,.jqui .ui-corner-tr { border-top-right-radius: 5px } .jqui .ui-corner-all,.jqui .ui-corner-bottom,.jqui .ui-corner-left,.jqui .ui-corner-bl { border-bottom-left-radius: 5px } .jqui .ui-corner-all,.jqui .ui-corner-bottom,.jqui .ui-corner-right,.jqui .ui-corner-br { border-bottom-right-radius: 5px } .jqui .ui-widget-overlay { background: #aaa url(css/images/ui-bg_flat_75_aaaaaa_40x100.002e28b70ca6.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30) } .jqui .ui-widget-shadow { margin: 5px 0 0 5px; padding: 0; background: #999 url(css/images/ui-bg_flat_55_999999_40x100.558f2f21f147.png) 50% 50% repeat-x; opacity: .45; filter: Alpha(Opacity=45); border-radius: 5px } .video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before { text-align: center } .vjs-icon-play,.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-play:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before { content: "\f101" } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-play-circle:before { content: "\f102" } .vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103" } .vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104" } .vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105" } .vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106" } .vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107" } .vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108" } .vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109" } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-square:before { content: "\f10a" } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-spinner:before { content: "\f10b" } .vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before { content: "\f10c" } .vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before { content: "\f10d" } .vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e" } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-share:before { content: "\f10f" } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-cog:before { content: "\f110" } .vjs-icon-circle,.video-js .vjs-play-progress,.video-js .vjs-volume-level { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-circle:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before { content: "\f111" } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-circle-outline:before { content: "\f112" } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-circle-inner-circle:before { content: "\f113" } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-hd:before { content: "\f114" } .vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115" } .vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116" } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-facebook:before { content: "\f117" } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-gplus:before { content: "\f118" } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-linkedin:before { content: "\f119" } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-twitter:before { content: "\f11a" } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-tumblr:before { content: "\f11b" } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-pinterest:before { content: "\f11c" } .vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d" } .vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e" } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-next-item:before { content: "\f11f" } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal } .vjs-icon-previous-item:before { content: "\f120" } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial,Helvetica,sans-serif; word-break: initial } .video-js:-moz-full-screen { position: absolute } .video-js:-webkit-full-screen { width: 100%!important; height: 100%!important } .video-js[tabindex="-1"] { outline: none } .video-js *,.video-js *:before,.video-js *:after { box-sizing: inherit } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0 } .video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0 } .video-js.vjs-16-9 { padding-top: 56.25% } .video-js.vjs-4-3 { padding-top: 75% } .video-js.vjs-fill { width: 100%; height: 100% } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100% } body.vjs-full-window { padding: 0; margin: 0; height: 100% } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0 } .video-js.vjs-fullscreen { width: 100%!important; height: 100%!important; padding-top: 0!important } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none } .vjs-hidden { display: none!important } .vjs-disabled { opacity: .5; cursor: default } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px } .vjs-lock-showing { display: block!important; opacity: 1; visibility: visible } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial,Helvetica,sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto } .vjs-no-js a,.vjs-no-js a:visited { color: #66a8cc } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: .06666em solid #fff; background-color: #2b333f; background-color: rgba(43,51,63,.7); border-radius: .3em; transition: all .4s } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -.75em; margin-left: -1.5em } .video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115,133,159,.5); transition: all 0s } .vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button { display: none } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .vjs-control .vjs-button { width: 100%; height: 100% } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: .5em; z-index: 2 } .video-js .vjs-modal-dialog { background: rgba(0,0,0,.8); background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0)); overflow: auto } .video-js .vjs-modal-dialog>* { box-sizing: border-box } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1 } .vjs-menu-button { cursor: pointer } .vjs-menu-button.vjs-disabled { cursor: default } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial,Helvetica,sans-serif; overflow: auto } .vjs-menu .vjs-menu-content>* { box-sizing: border-box } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none } .vjs-menu li { list-style: none; margin: 0; padding: .2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase } .vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115,133,159,.5) } .vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 .3em 0; font-weight: bold; cursor: default } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43,51,63,.7) } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2b333f; background-color: rgba(43,51,63,.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em } .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block } .video-js .vjs-menu-button-inline { transition: all .4s; overflow: hidden } .video-js .vjs-menu-button-inline:before { width: 2.222222222em } .video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all .4s } .vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1 } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #2b333f; background-color: rgba(43,51,63,.7) } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility .1s , opacity .1s } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s , opacity 1s } .vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar { display: none!important } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none } .vjs-button>.vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67 } .video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus { text-shadow: 0 0 1em white } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle } .video-js .vjs-custom-control-spacer { display: none } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none } .video-js .vjs-progress-control.disabled { cursor: default } .vjs-live .vjs-progress-control { display: none } .vjs-no-flex .vjs-progress-control { width: auto } .video-js .vjs-progress-holder { flex: auto; transition: all .2s; height: .3em } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em } .video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0 } .video-js .vjs-play-progress { background-color: #fff } .video-js .vjs-play-progress:before { font-size: .9em; position: absolute; right: -.5em; top: -.333333333333333em; z-index: 1 } .video-js .vjs-load-progress { background: rgba(115,133,159,.5) } .video-js .vjs-load-progress div { background: rgba(115,133,159,.75) } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255,255,255,.8); border-radius: .3em; color: #000; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1 } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none } .video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: .6em; visibility: visible } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1 } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0 } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s , opacity 1s } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0,0,0,.8) } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 .45em 0 .45em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115,133,159,.5) } .video-js .vjs-slider.disabled { cursor: default } .video-js .vjs-slider:focus { text-shadow: 0 0 1em white; box-shadow: 0 0 1em #fff } .video-js .vjs-mute-control { cursor: pointer; flex: none } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px } .video-js .vjs-volume-panel { transition: width 1s } .video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility .1s , opacity .1s , height .1s , width .1s , left 0s , top 0s } .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 9em; transition: width .1s } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3.5em; transition: visibility 1s , opacity 1s , height 1s 1s , width 1s 1s , left 1s 1s , top 1s 1s } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s , opacity 1s , height 1s 1s , width 1s , left 1s 1s , top 1s 1s } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: .5em } .video-js .vjs-volume-panel { display: flex } .video-js .vjs-volume-bar { margin: 1.35em .45em } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: .3em } .vjs-volume-bar.vjs-slider-vertical { width: .3em; height: 5em; margin: 1.35em auto } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff } .video-js .vjs-volume-level:before { position: absolute; font-size: .9em } .vjs-slider-vertical .vjs-volume-level { width: .3em } .vjs-slider-vertical .vjs-volume-level:before { top: -.5em; left: -.3em } .vjs-slider-horizontal .vjs-volume-level { height: .3em } .vjs-slider-horizontal .vjs-volume-level:before { top: -.3em; right: -.5em } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100% } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100% } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2b333f; background-color: rgba(43,51,63,.7) } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100% } .vjs-has-started .vjs-poster { display: none } .vjs-audio.vjs-has-started .vjs-poster { display: block } .vjs-using-native-controls .vjs-poster { display: none } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em } .vjs-live .vjs-time-control { display: none } .video-js .vjs-current-time,.vjs-no-flex .vjs-current-time { display: none } .video-js .vjs-duration,.vjs-no-flex .vjs-duration { display: none } .vjs-time-divider { display: none; line-height: 3em } .vjs-live .vjs-time-divider { display: none } .video-js .vjs-play-control .vjs-icon-placeholder { cursor: pointer; flex: none } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: .1em } .vjs-subtitles { color: #fff } .vjs-captions { color: #fc6 } .vjs-tt-cue { display: block } video::-webkit-media-text-track-display { -webkit-transform: translateY(-3em); transform: translateY(-3em) } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em) } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none } .vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center } .vjs-playback-rate .vjs-menu { width: 4em; left: 0 } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center } .vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial,Helvetica,sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -.5em; position: absolute; text-shadow: .05em .05em .1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100% } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: .85; text-align: left; border: 6px solid rgba(43,51,63,.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden } .vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: 0s linear .3s forwards vjs-spinner-show; animation: 0s linear .3s forwards vjs-spinner-show } .vjs-loading-spinner:before,.vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: #fff } .vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite , vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite , vjs-spinner-fade 1.1s linear infinite } .vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff } .vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; -webkit-animation-delay: .44s; animation-delay: .44s } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -.1em } .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit } .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -.1em } .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f11d"; font-size: 1.5em; line-height: inherit } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { flex: auto } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button { display: none } .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button { display: none } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button { display: none } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2b333f; background-color: rgba(43,51,63,.75); color: #fff; height: 70% } .vjs-text-track-settings .vjs-modal-dialog-content { display: table } .vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls { display: table-cell } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; } .vjs-text-track-settings .vjs-track-settings-colors { display: block; grid-column: 1; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-font { grid-column: 2; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 2; grid-row: 2; } } .vjs-track-setting>select { margin-right: 5px } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none } .vjs-text-track-settings fieldset span { display: inline-block } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0 } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden } .vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg,#fff 88%,#73859f 100%) } .vjs-track-settings-controls button:hover { color: rgba(43,51,63,.75) } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg,#fff 88%,#73859f 100%); color: #2b333f; cursor: pointer; border-radius: 2px } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; visibility: hidden } .vjs-playlist { padding: 0; background-color: #1a1a1a; color: #fff; list-style-type: none } .vjs-playlist img { display: block; height: auto; width: auto } .vjs-playlist .vjs-playlist-item-list { position: relative; margin: 0; padding: 0; list-style: none } .vjs-playlist .vjs-playlist-item { position: relative; cursor: pointer; overflow: hidden } .vjs-playlist .vjs-playlist-thumbnail-placeholder { background: #303030 } .vjs-playlist .vjs-playlist-now-playing-text { display: none; position: absolute; top: 0; left: 0; padding-left: 2px; margin: .8rem } .vjs-playlist .vjs-playlist-duration { position: absolute; top: .5rem; left: .5rem; padding: 2px 5px 3px; margin-left: 2px; background-color: rgba(26,26,26,.8) } .vjs-playlist .vjs-playlist-title-container { position: absolute; bottom: 0; box-sizing: border-box; width: 100%; padding: .5rem .8rem; text-shadow: 1px 1px 2px black , -1px 1px 2px black , 1px -1px 2px black , -1px -1px 2px black } .vjs-playlist .vjs-playlist-name { display: block; max-height: 2.5em; padding: 0 0 4px 2px; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 20px } .vjs-playlist .vjs-playlist-description { margin: 0; text-overflow: ellipsis; overflow: hidden } .vjs-playlist .vjs-up-next-text { display: none; padding: .1rem 2px; font-size: .8em; text-transform: uppercase } .vjs-playlist .vjs-up-next .vjs-up-next-text { display: block } .vjs-playlist .vjs-selected { background-color: #141a21 } .vjs-playlist .vjs-selected img { opacity: .2 } .vjs-playlist .vjs-selected .vjs-playlist-duration { display: none } .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text { display: block } .vjs-playlist .vjs-selected .vjs-playlist-title-container { text-shadow: none } .vjs-playlist-vertical { overflow-x: hidden; overflow-y: auto } .vjs-playlist-vertical img { width: 100%; min-height: 54px } .vjs-playlist-vertical .vjs-playlist-item { margin-bottom: 5px } .vjs-playlist-vertical .vjs-playlist-thumbnail { display: block; width: 100% } .vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder { height: 100px } .vjs-playlist-horizontal { overflow-x: auto; overflow-y: hidden } .vjs-playlist-horizontal img { min-width: 100px; height: 100% } .vjs-playlist-horizontal .vjs-playlist-item-list { height: 100%; white-space: nowrap } .vjs-playlist-horizontal .vjs-playlist-item { display: inline-block; height: 100%; margin-right: 5px } .vjs-playlist-horizontal .vjs-playlist-thumbnail { display: block; height: 100% } .vjs-playlist-horizontal .vjs-playlist-thumbnail-placeholder { height: 100%; width: 180px } .vjs-playlist.vjs-ad-playing { overflow: hidden } .vjs-playlist.vjs-ad-playing.vjs-csspointerevents { pointer-events: none; overflow: auto } .vjs-playlist.vjs-ad-playing.vjs-csspointerevents .vjs-playlist-ad-overlay { pointer-events: auto } .vjs-playlist.vjs-ad-playing .vjs-playlist-ad-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1a1a1a; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: rgba(0,0,0,.5) } .vjs-playlist { font-size: 14px } .vjs-playlist .vjs-playlist-description { height: 42px; line-height: 21px } .vjs-mouse.vjs-playlist { font-size: 15px } .vjs-mouse.vjs-playlist .vjs-playlist-description { height: 45px; line-height: 23px } @media (min-width: 600px) { .vjs-mouse.vjs-playlist { font-size:17px } .vjs-mouse.vjs-playlist .vjs-playlist-description { height: 51px; line-height: 26px } .vjs-playlist .vjs-playlist-name { line-height: 22px } } @media (max-width: 520px) { .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-playlist .vjs-up-next .vjs-up-next-text { display:none } .vjs-mouse.vjs-playlist .vjs-selected .vjs-playlist-now-playing-text,.vjs-mouse.vjs-playlist .vjs-up-next .vjs-up-next-text { display: none } } @media (min-width: 521px) { .vjs-playlist img { min-height:85px } } @media (max-width: 750px) { .vjs-playlist .vjs-playlist-duration { display:none } } .project-author { display: none } div.fichesPDF { z-index: 100; width: 360px; bottom: 40px; right: 10px; font-style: normal; position: fixed; background-color: rgba(3,169,244,.8); color: #fff; padding: 10px; max-height: 200px; overflow-y: scroll } div.fichesPDF p { margin-top: 0; margin-bottom: 5px; font-weight: bold; font-size: 14px } div.fichesPDF li { font-size: 12px; font-weight: lighter } @media (max-width: 680px) { div.fichesPDF { position:static; width: 100%; max-height: unset } #tpl_contenu iframe { width: 320px; height: 3200px; max-width: 100%; margin: 0 auto; display: block } } .illustrated_verse_container { height: 310px; width: 310px; position: relative; font-family: "Font Awesome 5 Pro"; font-weight: 900 } .illustrated_verse_container img { width: 100% } .illustrated_verse_container .vi_loader { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 300px; font-size: 3em; background: RGBA(0,0,0,.5); color: #fff } .illustrated_verse_container.loading .vi_loader { display: block } .ui-widget.ui-widget-content { border: 1px solid #d3d3d3 } .ui-slider-handle { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555 } .custom_illustrated_verse input[disabled] { background: #ccc; cursor: not-allowed } .illustrated-verse a.selected { color: #1a5 } .carousel { position: relative; height: 100px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch } .carousel .carousel-inner { position: absolute; top: 0; bottom: 0; height: 115px } .carousel .carousel-inner a { height: 100px; width: 100px; margin-right: 10px; float: left; box-sizing: border-box } .carousel .carousel-inner a img { width: 100% } .carousel .carousel-inner a.selected { border: solid 2px #1a5 } .fttlogo { background-image: url(images/church-logo.png); background-repeat: no-repeat; background-size: contain; /* Ajuste l'image pour qu'elle s'adapte au conteneur en respectant ses proportions */ background-position: center center; /* Centre l'image */ width: 200px; /* Largeur définie */ height: 50px; /* Hauteur définie */ } /* Cache le sous-menu par défaut */ .sub-menu-block { display: none; } /* Affiche le sous-menu quand is-open est ajouté */ .top-level-link.is-open .sub-menu-block { display: block; } .first-rich-menu.is-open .sub-mega-menu-second-level { display: block; } /* Pour les icons du footer */ .social-icon { fill: #333; /* Couleur par défaut */ transition: fill 0.3s ease; } .social-icon.twitter-icon { fill: #1DA1F2; /* Bleu Twitter */ } .social-icon.whatsapp-icon { fill: #25D366; /* Vert WhatsApp */ } .social-icon.telegram-icon { fill: #0088CC; /* Bleu Telegram */ } .social-nav__item:hover .social-icon { fill: #000; /* Couleur au survol */ } .well{ padding: 10px; border-radius: 10px; margin-bottom: 10px; box-shadow: 0 9px 24px 0 rgba(151, 160, 204, .12); } .well a{ color:#000; } .well a:hover{color: #accc05f0;} .active { font-weight: bold; background-color: #accc05f0; /* Change la couleur du texte */ color: #fff; } /*! * Datetimepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datetimepicker { padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; } .datetimepicker-inline { width: 220px; } .datetimepicker.datetimepicker-rtl { direction: rtl; } .datetimepicker.datetimepicker-rtl table tr td span { float: right; } .datetimepicker-dropdown, .datetimepicker-dropdown-left { top: 0; left: 0; } [class*=" datetimepicker-dropdown"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cccccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } [class*=" datetimepicker-dropdown"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; } [class*=" datetimepicker-dropdown-top"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #cccccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; } [class*=" datetimepicker-dropdown-top"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; border-bottom: 0; } .datetimepicker-dropdown-bottom-left:before { top: -7px; right: 6px; } .datetimepicker-dropdown-bottom-left:after { top: -6px; right: 7px; } .datetimepicker-dropdown-bottom-right:before { top: -7px; left: 6px; } .datetimepicker-dropdown-bottom-right:after { top: -6px; left: 7px; } .datetimepicker-dropdown-top-left:before { bottom: -7px; right: 6px; } .datetimepicker-dropdown-top-left:after { bottom: -6px; right: 7px; } .datetimepicker-dropdown-top-right:before { bottom: -7px; left: 6px; } .datetimepicker-dropdown-top-right:after { bottom: -6px; left: 7px; } .datetimepicker > div { display: none; } .datetimepicker.minutes div.datetimepicker-minutes { display: block; } .datetimepicker.hours div.datetimepicker-hours { display: block; } .datetimepicker.days div.datetimepicker-days { display: block; } .datetimepicker.months div.datetimepicker-months { display: block; } .datetimepicker.years div.datetimepicker-years { display: block; } .datetimepicker table { margin: 0; } .datetimepicker td, .datetimepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datetimepicker table tr td, .table-striped .datetimepicker table tr th { background-color: transparent; } .datetimepicker table tr td.minute:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.hour:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.old, .datetimepicker table tr td.new { color: #999999; } .datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active { background-color: #fbf069; } .datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active { background-color: #337ab7; } .datetimepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datetimepicker .datetimepicker-hours span { height: 26px; line-height: 26px; } .datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm { width: 14.6%; } .datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend { margin-bottom: inherit; line-height: 30px; } .datetimepicker .datetimepicker-minutes span { height: 26px; line-height: 26px; } .datetimepicker table tr td span:hover { background: #eeeeee; } .datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active { background-color: #337ab7; } .datetimepicker table tr td span.old { color: #999999; } .datetimepicker th.switch { width: 145px; } .datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th { cursor: pointer; } .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span { cursor: pointer; width: 14px; height: 14px; }