├── public ├── images │ ├── bg.jpg │ ├── demo.png │ └── overlay.png ├── assets │ ├── webfonts │ │ ├── fa-brands-400.eot │ │ ├── fa-brands-400.ttf │ │ ├── fa-solid-900.eot │ │ ├── fa-solid-900.ttf │ │ ├── fa-solid-900.woff │ │ ├── fa-brands-400.woff │ │ ├── fa-brands-400.woff2 │ │ ├── fa-regular-400.eot │ │ ├── fa-regular-400.ttf │ │ ├── fa-regular-400.woff │ │ ├── fa-regular-400.woff2 │ │ └── fa-solid-900.woff2 │ ├── css │ │ ├── noscript.css │ │ ├── main.css │ │ └── fontawesome-all.min.css │ └── js │ │ ├── browser.min.js │ │ ├── breakpoints.min.js │ │ ├── main.js │ │ └── util.js ├── README.md ├── index.html └── LICENSE.txt ├── .prettierrc ├── .gitignore ├── wrangler.toml ├── README.md └── workers-site ├── package.json ├── package-lock.json ├── LICENSE_MIT ├── index.js ├── CODE_OF_CONDUCT.md └── LICENSE_APACHE /public/images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/images/bg.jpg -------------------------------------------------------------------------------- /public/images/demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/images/demo.png -------------------------------------------------------------------------------- /public/images/overlay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/images/overlay.png -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "semi": false, 4 | "trailingComma": "all", 5 | "tabWidth": 2, 6 | "printWidth": 80 7 | } 8 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /target 2 | **/*.rs.bk 3 | Cargo.lock 4 | bin/ 5 | pkg/ 6 | wasm-pack.log 7 | worker/ 8 | node_modules/ 9 | .cargo-ok 10 | dist 11 | -------------------------------------------------------------------------------- /public/assets/webfonts/fa-brands-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-brands-400.eot -------------------------------------------------------------------------------- /public/assets/webfonts/fa-brands-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-brands-400.ttf -------------------------------------------------------------------------------- /public/assets/webfonts/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-solid-900.eot -------------------------------------------------------------------------------- /public/assets/webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /public/assets/webfonts/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-solid-900.woff -------------------------------------------------------------------------------- /public/assets/webfonts/fa-brands-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-brands-400.woff -------------------------------------------------------------------------------- /public/assets/webfonts/fa-brands-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-brands-400.woff2 -------------------------------------------------------------------------------- /public/assets/webfonts/fa-regular-400.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-regular-400.eot -------------------------------------------------------------------------------- /public/assets/webfonts/fa-regular-400.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-regular-400.ttf -------------------------------------------------------------------------------- /public/assets/webfonts/fa-regular-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-regular-400.woff -------------------------------------------------------------------------------- /public/assets/webfonts/fa-regular-400.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-regular-400.woff2 -------------------------------------------------------------------------------- /public/assets/webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kristianfreeman/i18n-example-workers/HEAD/public/assets/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /wrangler.toml: -------------------------------------------------------------------------------- 1 | name = "i18n-example" 2 | type = "webpack" 3 | account_id = "95e065d2e3f97a1e50bae58aea71df6d" 4 | workers_dot_dev = true 5 | 6 | [env.production] 7 | route = "https://i18n-example.workers-tooling.cf/*" 8 | zone_id = "ef47aa23b6bf53a4d334b7e3f3579c56" 9 | workers_dot_dev = false 10 | 11 | [site] 12 | bucket = "./public" 13 | entry-point = "workers-site" 14 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Localization with Workers and HTMLRewriter Example 2 | 3 | This project is the finalized version of the ["Localize a Website" tutorial](https://developers.cloudflare.com/workers/tutorials/localize-a-website/) in the [Cloudflare Workers documentation](https://developers.cloudflare.com). 4 | 5 | To learn how to deploy this project, follow the tutorial [here](https://developers.cloudflare.com/workers/tutorials/localize-a-website/). 6 | -------------------------------------------------------------------------------- /workers-site/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "name": "i18n-example", 4 | "version": "1.0.0", 5 | "description": "A template for kick starting a Cloudflare Workers project", 6 | "main": "index.js", 7 | "scripts": { 8 | "test": "echo \"Error: no test specified\" && exit 1", 9 | "format": "prettier --write '**/*.{js,css,json,md}'" 10 | }, 11 | "author": "Kristian Freeman ", 12 | "license": "MIT", 13 | "dependencies": { 14 | "@cloudflare/kv-asset-handler": "0.0.2", 15 | "accept-language-parser": "^1.5.0" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /public/assets/css/noscript.css: -------------------------------------------------------------------------------- 1 | /* 2 | Dimension by HTML5 UP 3 | html5up.net | @ajlkn 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | /* BG */ 8 | 9 | body.is-preload #bg:before { 10 | background-color: transparent; 11 | } 12 | 13 | /* Header */ 14 | 15 | body.is-preload #header { 16 | -moz-filter: none; 17 | -webkit-filter: none; 18 | -ms-filter: none; 19 | filter: none; 20 | } 21 | 22 | body.is-preload #header > * { 23 | opacity: 1; 24 | } 25 | 26 | body.is-preload #header .content .inner { 27 | max-height: none; 28 | padding: 3rem 2rem; 29 | opacity: 1; 30 | } 31 | 32 | /* Main */ 33 | 34 | #main article { 35 | opacity: 1; 36 | margin: 4rem 0 0 0; 37 | } -------------------------------------------------------------------------------- /public/README.md: -------------------------------------------------------------------------------- 1 | # Localization with Workers and HTMLRewriter - Static Site 2 | 3 | This is the static site for the [Cloudflare Workers](https://workers.cloudflare.com) ["Localize a Website" tutorial](https://developers.cloudflare.com/workers/tutorials/localize-a-website/), which shows how to use the HTMLRewriter API in Cloudflare Workers to dynamically translate a website (this repository) based on a user's location. 4 | 5 | ![Demo](./images/demo.png) 6 | 7 | This site should be deployed (using something like [GitHub Pages](https://github.com/pages), or [Netlify](https://netlify.com)), and added as a domain to [Cloudflare](https://cloudflare.com). 8 | 9 | The accompanying codebase for the Workers side of this tutorial can be found at [signalnerve/i18n-example-workers](https://github.com/signalnerve/i18n-example-workers). 10 | 11 | The design for this site is based on [Dimension by HTML5 UP](https://html5up.net), by @ajlkn. 12 | -------------------------------------------------------------------------------- /workers-site/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "i18n-example", 3 | "version": "1.0.0", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "@cloudflare/kv-asset-handler": { 8 | "version": "0.0.2", 9 | "resolved": "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.0.2.tgz", 10 | "integrity": "sha512-v/OsPxvmZ+U0ZBijn7PTQB/9dkdABgfiZVbITjHso7F9anXgAjx90gPJtMVXSPVxmrljKPH3Wqt5y2/P8Rn2tQ==", 11 | "requires": { 12 | "mime": "^2.4.4" 13 | } 14 | }, 15 | "accept-language-parser": { 16 | "version": "1.5.0", 17 | "resolved": "https://registry.npmjs.org/accept-language-parser/-/accept-language-parser-1.5.0.tgz", 18 | "integrity": "sha1-iHfFQECo3LWeCgfZwf3kIpgzR5E=" 19 | }, 20 | "mime": { 21 | "version": "2.4.4", 22 | "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz", 23 | "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==" 24 | } 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /workers-site/LICENSE_MIT: -------------------------------------------------------------------------------- 1 | Copyright (c) 2018 Ashley Williams 2 | 3 | Permission is hereby granted, free of charge, to any 4 | person obtaining a copy of this software and associated 5 | documentation files (the "Software"), to deal in the 6 | Software without restriction, including without 7 | limitation the rights to use, copy, modify, merge, 8 | publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software 10 | is furnished to do so, subject to the following 11 | conditions: 12 | 13 | The above copyright notice and this permission notice 14 | shall be included in all copies or substantial portions 15 | of the Software. 16 | 17 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF 18 | ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED 19 | TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 20 | PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT 21 | SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY 22 | CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 23 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR 24 | IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 25 | DEALINGS IN THE SOFTWARE. 26 | -------------------------------------------------------------------------------- /public/assets/js/browser.min.js: -------------------------------------------------------------------------------- 1 | /* browser.js v1.0 | @ajlkn | MIT licensed */ 2 | var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser}); 3 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 9 | Example Site 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 40 | 41 | 42 |
43 |

44 | Design by HTML5 UP. 45 |

46 |
47 |
48 | 49 | 50 |
51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /public/assets/js/breakpoints.min.js: -------------------------------------------------------------------------------- 1 | /* breakpoints.js v1.0 | @ajlkn | MIT licensed */ 2 | var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e { 11 | event.respondWith(handleEvent(event)) 12 | }) 13 | 14 | const strings = { 15 | de: { 16 | title: 'Beispielseite', 17 | headline: 'Beispielseite', 18 | subtitle: 19 | 'Dies ist meine Beispielseite. Abhängig davon, wo auf der Welt Sie diese Site besuchen, wird dieser Text in die entsprechende Sprache übersetzt.', 20 | disclaimer: 21 | 'Haftungsausschluss: Die anfänglichen Übersetzungen stammen von Google Translate, daher sind sie möglicherweise nicht perfekt!', 22 | tutorial: 23 | 'Das Tutorial für dieses Projekt finden Sie in der Cloudflare Workers-Dokumentation.', 24 | copyright: 'Design von HTML5 UP.', 25 | }, 26 | jp: { 27 | title: 'サンプルサイト', 28 | headline: 'サンプルサイト', 29 | subtitle: 30 | 'これは私の例のサイトです。 このサイトにアクセスする世界の場所に応じて、このテキストは対応する言語に翻訳されます。', 31 | disclaimer: 32 | '免責事項：最初の翻訳はGoogle翻訳からのものですので、完璧ではないかもしれません！', 33 | tutorial: 34 | 'Cloudflare Workersのドキュメントでこのプロジェクトのチュートリアルを見つけてください。', 35 | copyright: 'HTML5 UPによる設計。', 36 | }, 37 | } 38 | 39 | class ElementHandler { 40 | constructor(countryStrings) { 41 | this.countryStrings = countryStrings 42 | } 43 | 44 | element(element) { 45 | const i18nKey = element.getAttribute('data-i18n-key') 46 | if (i18nKey) { 47 | const translation = this.countryStrings[i18nKey] 48 | if (translation) { 49 | element.setInnerContent(translation) 50 | } 51 | } 52 | } 53 | } 54 | 55 | async function handleEvent(event) { 56 | const url = new URL(event.request.url) 57 | try { 58 | let options = {} 59 | if (DEBUG) { 60 | options = { 61 | cacheControl: { 62 | bypassCache: true, 63 | }, 64 | } 65 | } 66 | const languageHeader = event.request.headers.get('Accept-Language') 67 | const language = parser.pick(['de', 'jp'], languageHeader) 68 | const countryStrings = strings[language] || {} 69 | 70 | const response = await getAssetFromKV(event, options) 71 | 72 | return new HTMLRewriter() 73 | .on('[data-i18n-key]', new ElementHandler(countryStrings)) 74 | .transform(response) 75 | } catch (e) { 76 | if (DEBUG) { 77 | return new Response(e.message || e.toString(), { 78 | status: 404, 79 | }) 80 | } else { 81 | return new Response(`"${defaultKeyModifier(url.pathname)}" not found`, { 82 | status: 404, 83 | }) 84 | } 85 | } 86 | } 87 | -------------------------------------------------------------------------------- /workers-site/CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as 6 | contributors and maintainers pledge to making participation in our project and 7 | our community a harassment-free experience for everyone, regardless of age, body 8 | size, disability, ethnicity, sex characteristics, gender identity and expression, 9 | level of experience, education, socio-economic status, nationality, personal 10 | appearance, race, religion, or sexual identity and orientation. 11 | 12 | ## Our Standards 13 | 14 | Examples of behavior that contributes to creating a positive environment 15 | include: 16 | 17 | - Using welcoming and inclusive language 18 | - Being respectful of differing viewpoints and experiences 19 | - Gracefully accepting constructive criticism 20 | - Focusing on what is best for the community 21 | - Showing empathy towards other community members 22 | 23 | Examples of unacceptable behavior by participants include: 24 | 25 | - The use of sexualized language or imagery and unwelcome sexual attention or 26 | advances 27 | - Trolling, insulting/derogatory comments, and personal or political attacks 28 | - Public or private harassment 29 | - Publishing others' private information, such as a physical or electronic 30 | address, without explicit permission 31 | - Other conduct which could reasonably be considered inappropriate in a 32 | professional setting 33 | 34 | ## Our Responsibilities 35 | 36 | Project maintainers are responsible for clarifying the standards of acceptable 37 | behavior and are expected to take appropriate and fair corrective action in 38 | response to any instances of unacceptable behavior. 39 | 40 | Project maintainers have the right and responsibility to remove, edit, or 41 | reject comments, commits, code, wiki edits, issues, and other contributions 42 | that are not aligned to this Code of Conduct, or to ban temporarily or 43 | permanently any contributor for other behaviors that they deem inappropriate, 44 | threatening, offensive, or harmful. 45 | 46 | ## Scope 47 | 48 | This Code of Conduct applies both within project spaces and in public spaces 49 | when an individual is representing the project or its community. Examples of 50 | representing a project or community include using an official project e-mail 51 | address, posting via an official social media account, or acting as an appointed 52 | representative at an online or offline event. Representation of a project may be 53 | further defined and clarified by project maintainers. 54 | 55 | ## Enforcement 56 | 57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 58 | reported by contacting the project team at ag_dubs@cloudflare.com. All 59 | complaints will be reviewed and investigated and will result in a response that 60 | is deemed necessary and appropriate to the circumstances. The project team is 61 | obligated to maintain confidentiality with regard to the reporter of an incident. 62 | Further details of specific enforcement policies may be posted separately. 63 | 64 | Project maintainers who do not follow or enforce the Code of Conduct in good 65 | faith may face temporary or permanent repercussions as determined by other 66 | members of the project's leadership. 67 | 68 | ## Attribution 69 | 70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 71 | available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html 72 | 73 | [homepage]: https://www.contributor-covenant.org 74 | 75 | For answers to common questions about this code of conduct, see 76 | https://www.contributor-covenant.org/faq 77 | -------------------------------------------------------------------------------- /workers-site/LICENSE_APACHE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | -------------------------------------------------------------------------------- /public/assets/js/main.js: -------------------------------------------------------------------------------- 1 | /* 2 | Dimension by HTML5 UP 3 | html5up.net | @ajlkn 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | (function($) { 8 | 9 | var $window = $(window), 10 | $body = $('body'), 11 | $wrapper = $('#wrapper'), 12 | $header = $('#header'), 13 | $footer = $('#footer'), 14 | $main = $('#main'), 15 | $main_articles = $main.children('article'); 16 | 17 | // Breakpoints. 18 | breakpoints({ 19 | xlarge: [ '1281px', '1680px' ], 20 | large: [ '981px', '1280px' ], 21 | medium: [ '737px', '980px' ], 22 | small: [ '481px', '736px' ], 23 | xsmall: [ '361px', '480px' ], 24 | xxsmall: [ null, '360px' ] 25 | }); 26 | 27 | // Play initial animations on page load. 28 | $window.on('load', function() { 29 | window.setTimeout(function() { 30 | $body.removeClass('is-preload'); 31 | }, 100); 32 | }); 33 | 34 | // Fix: Flexbox min-height bug on IE. 35 | if (browser.name == 'ie') { 36 | 37 | var flexboxFixTimeoutId; 38 | 39 | $window.on('resize.flexbox-fix', function() { 40 | 41 | clearTimeout(flexboxFixTimeoutId); 42 | 43 | flexboxFixTimeoutId = setTimeout(function() { 44 | 45 | if ($wrapper.prop('scrollHeight') > $window.height()) 46 | $wrapper.css('height', 'auto'); 47 | else 48 | $wrapper.css('height', '100vh'); 49 | 50 | }, 250); 51 | 52 | }).triggerHandler('resize.flexbox-fix'); 53 | 54 | } 55 | 56 | // Nav. 57 | var $nav = $header.children('nav'), 58 | $nav_li = $nav.find('li'); 59 | 60 | // Add "middle" alignment classes if we're dealing with an even number of items. 61 | if ($nav_li.length % 2 == 0) { 62 | 63 | $nav.addClass('use-middle'); 64 | $nav_li.eq( ($nav_li.length / 2) ).addClass('is-middle'); 65 | 66 | } 67 | 68 | // Main. 69 | var delay = 325, 70 | locked = false; 71 | 72 | // Methods. 73 | $main._show = function(id, initial) { 74 | 75 | var $article = $main_articles.filter('#' + id); 76 | 77 | // No such article? Bail. 78 | if ($article.length == 0) 79 | return; 80 | 81 | // Handle lock. 82 | 83 | // Already locked? Speed through "show" steps w/o delays. 84 | if (locked || (typeof initial != 'undefined' && initial === true)) { 85 | 86 | // Mark as switching. 87 | $body.addClass('is-switching'); 88 | 89 | // Mark as visible. 90 | $body.addClass('is-article-visible'); 91 | 92 | // Deactivate all articles (just in case one's already active). 93 | $main_articles.removeClass('active'); 94 | 95 | // Hide header, footer. 96 | $header.hide(); 97 | $footer.hide(); 98 | 99 | // Show main, article. 100 | $main.show(); 101 | $article.show(); 102 | 103 | // Activate article. 104 | $article.addClass('active'); 105 | 106 | // Unlock. 107 | locked = false; 108 | 109 | // Unmark as switching. 110 | setTimeout(function() { 111 | $body.removeClass('is-switching'); 112 | }, (initial ? 1000 : 0)); 113 | 114 | return; 115 | 116 | } 117 | 118 | // Lock. 119 | locked = true; 120 | 121 | // Article already visible? Just swap articles. 122 | if ($body.hasClass('is-article-visible')) { 123 | 124 | // Deactivate current article. 125 | var $currentArticle = $main_articles.filter('.active'); 126 | 127 | $currentArticle.removeClass('active'); 128 | 129 | // Show article. 130 | setTimeout(function() { 131 | 132 | // Hide current article. 133 | $currentArticle.hide(); 134 | 135 | // Show article. 136 | $article.show(); 137 | 138 | // Activate article. 139 | setTimeout(function() { 140 | 141 | $article.addClass('active'); 142 | 143 | // Window stuff. 144 | $window 145 | .scrollTop(0) 146 | .triggerHandler('resize.flexbox-fix'); 147 | 148 | // Unlock. 149 | setTimeout(function() { 150 | locked = false; 151 | }, delay); 152 | 153 | }, 25); 154 | 155 | }, delay); 156 | 157 | } 158 | 159 | // Otherwise, handle as normal. 160 | else { 161 | 162 | // Mark as visible. 163 | $body 164 | .addClass('is-article-visible'); 165 | 166 | // Show article. 167 | setTimeout(function() { 168 | 169 | // Hide header, footer. 170 | $header.hide(); 171 | $footer.hide(); 172 | 173 | // Show main, article. 174 | $main.show(); 175 | $article.show(); 176 | 177 | // Activate article. 178 | setTimeout(function() { 179 | 180 | $article.addClass('active'); 181 | 182 | // Window stuff. 183 | $window 184 | .scrollTop(0) 185 | .triggerHandler('resize.flexbox-fix'); 186 | 187 | // Unlock. 188 | setTimeout(function() { 189 | locked = false; 190 | }, delay); 191 | 192 | }, 25); 193 | 194 | }, delay); 195 | 196 | } 197 | 198 | }; 199 | 200 | $main._hide = function(addState) { 201 | 202 | var $article = $main_articles.filter('.active'); 203 | 204 | // Article not visible? Bail. 205 | if (!$body.hasClass('is-article-visible')) 206 | return; 207 | 208 | // Add state? 209 | if (typeof addState != 'undefined' 210 | && addState === true) 211 | history.pushState(null, null, '#'); 212 | 213 | // Handle lock. 214 | 215 | // Already locked? Speed through "hide" steps w/o delays. 216 | if (locked) { 217 | 218 | // Mark as switching. 219 | $body.addClass('is-switching'); 220 | 221 | // Deactivate article. 222 | $article.removeClass('active'); 223 | 224 | // Hide article, main. 225 | $article.hide(); 226 | $main.hide(); 227 | 228 | // Show footer, header. 229 | $footer.show(); 230 | $header.show(); 231 | 232 | // Unmark as visible. 233 | $body.removeClass('is-article-visible'); 234 | 235 | // Unlock. 236 | locked = false; 237 | 238 | // Unmark as switching. 239 | $body.removeClass('is-switching'); 240 | 241 | // Window stuff. 242 | $window 243 | .scrollTop(0) 244 | .triggerHandler('resize.flexbox-fix'); 245 | 246 | return; 247 | 248 | } 249 | 250 | // Lock. 251 | locked = true; 252 | 253 | // Deactivate article. 254 | $article.removeClass('active'); 255 | 256 | // Hide article. 257 | setTimeout(function() { 258 | 259 | // Hide article, main. 260 | $article.hide(); 261 | $main.hide(); 262 | 263 | // Show footer, header. 264 | $footer.show(); 265 | $header.show(); 266 | 267 | // Unmark as visible. 268 | setTimeout(function() { 269 | 270 | $body.removeClass('is-article-visible'); 271 | 272 | // Window stuff. 273 | $window 274 | .scrollTop(0) 275 | .triggerHandler('resize.flexbox-fix'); 276 | 277 | // Unlock. 278 | setTimeout(function() { 279 | locked = false; 280 | }, delay); 281 | 282 | }, 25); 283 | 284 | }, delay); 285 | 286 | 287 | }; 288 | 289 | // Articles. 290 | $main_articles.each(function() { 291 | 292 | var $this = $(this); 293 | 294 | // Close. 295 | $('
Close
') 296 | .appendTo($this) 297 | .on('click', function() { 298 | location.hash = ''; 299 | }); 300 | 301 | // Prevent clicks from inside article from bubbling. 302 | $this.on('click', function(event) { 303 | event.stopPropagation(); 304 | }); 305 | 306 | }); 307 | 308 | // Events. 309 | $body.on('click', function(event) { 310 | 311 | // Article visible? Hide. 312 | if ($body.hasClass('is-article-visible')) 313 | $main._hide(true); 314 | 315 | }); 316 | 317 | $window.on('keyup', function(event) { 318 | 319 | switch (event.keyCode) { 320 | 321 | case 27: 322 | 323 | // Article visible? Hide. 324 | if ($body.hasClass('is-article-visible')) 325 | $main._hide(true); 326 | 327 | break; 328 | 329 | default: 330 | break; 331 | 332 | } 333 | 334 | }); 335 | 336 | $window.on('hashchange', function(event) { 337 | 338 | // Empty hash? 339 | if (location.hash == '' 340 | || location.hash == '#') { 341 | 342 | // Prevent default. 343 | event.preventDefault(); 344 | event.stopPropagation(); 345 | 346 | // Hide. 347 | $main._hide(); 348 | 349 | } 350 | 351 | // Otherwise, check for a matching article. 352 | else if ($main_articles.filter(location.hash).length > 0) { 353 | 354 | // Prevent default. 355 | event.preventDefault(); 356 | event.stopPropagation(); 357 | 358 | // Show article. 359 | $main._show(location.hash.substr(1)); 360 | 361 | } 362 | 363 | }); 364 | 365 | // Scroll restoration. 366 | // This prevents the page from scrolling back to the top on a hashchange. 367 | if ('scrollRestoration' in history) 368 | history.scrollRestoration = 'manual'; 369 | else { 370 | 371 | var oldScrollPos = 0, 372 | scrollPos = 0, 373 | $htmlbody = $('html,body'); 374 | 375 | $window 376 | .on('scroll', function() { 377 | 378 | oldScrollPos = scrollPos; 379 | scrollPos = $htmlbody.scrollTop(); 380 | 381 | }) 382 | .on('hashchange', function() { 383 | $window.scrollTop(oldScrollPos); 384 | }); 385 | 386 | } 387 | 388 | // Initialize. 389 | 390 | // Hide main, articles. 391 | $main.hide(); 392 | $main_articles.hide(); 393 | 394 | // Initial article. 395 | if (location.hash != '' 396 | && location.hash != '#') 397 | $window.on('load', function() { 398 | $main._show(location.hash.substr(1), true); 399 | }); 400 | 401 | })(jQuery); -------------------------------------------------------------------------------- /public/assets/js/util.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | 3 | /** 4 | * Generate an indented list of links from a nav. Meant for use with panel(). 5 | * @return {jQuery} jQuery object. 6 | */ 7 | $.fn.navList = function() { 8 | 9 | var $this = $(this); 10 | $a = $this.find('a'), 11 | b = []; 12 | 13 | $a.each(function() { 14 | 15 | var $this = $(this), 16 | indent = Math.max(0, $this.parents('li').length - 1), 17 | href = $this.attr('href'), 18 | target = $this.attr('target'); 19 | 20 | b.push( 21 | '' + 26 | '' + 27 | $this.text() + 28 | '' 29 | ); 30 | 31 | }); 32 | 33 | return b.join(''); 34 | 35 | }; 36 | 37 | /** 38 | * Panel-ify an element. 39 | * @param {object} userConfig User config. 40 | * @return {jQuery} jQuery object. 41 | */ 42 | $.fn.panel = function(userConfig) { 43 | 44 | // No elements? 45 | if (this.length == 0) 46 | return $this; 47 | 48 | // Multiple elements? 49 | if (this.length > 1) { 50 | 51 | for (var i=0; i < this.length; i++) 52 | $(this[i]).panel(userConfig); 53 | 54 | return $this; 55 | 56 | } 57 | 58 | // Vars. 59 | var $this = $(this), 60 | $body = $('body'), 61 | $window = $(window), 62 | id = $this.attr('id'), 63 | config; 64 | 65 | // Config. 66 | config = $.extend({ 67 | 68 | // Delay. 69 | delay: 0, 70 | 71 | // Hide panel on link click. 72 | hideOnClick: false, 73 | 74 | // Hide panel on escape keypress. 75 | hideOnEscape: false, 76 | 77 | // Hide panel on swipe. 78 | hideOnSwipe: false, 79 | 80 | // Reset scroll position on hide. 81 | resetScroll: false, 82 | 83 | // Reset forms on hide. 84 | resetForms: false, 85 | 86 | // Side of viewport the panel will appear. 87 | side: null, 88 | 89 | // Target element for "class". 90 | target: $this, 91 | 92 | // Class to toggle. 93 | visibleClass: 'visible' 94 | 95 | }, userConfig); 96 | 97 | // Expand "target" if it's not a jQuery object already. 98 | if (typeof config.target != 'jQuery') 99 | config.target = $(config.target); 100 | 101 | // Panel. 102 | 103 | // Methods. 104 | $this._hide = function(event) { 105 | 106 | // Already hidden? Bail. 107 | if (!config.target.hasClass(config.visibleClass)) 108 | return; 109 | 110 | // If an event was provided, cancel it. 111 | if (event) { 112 | 113 | event.preventDefault(); 114 | event.stopPropagation(); 115 | 116 | } 117 | 118 | // Hide. 119 | config.target.removeClass(config.visibleClass); 120 | 121 | // Post-hide stuff. 122 | window.setTimeout(function() { 123 | 124 | // Reset scroll position. 125 | if (config.resetScroll) 126 | $this.scrollTop(0); 127 | 128 | // Reset forms. 129 | if (config.resetForms) 130 | $this.find('form').each(function() { 131 | this.reset(); 132 | }); 133 | 134 | }, config.delay); 135 | 136 | }; 137 | 138 | // Vendor fixes. 139 | $this 140 | .css('-ms-overflow-style', '-ms-autohiding-scrollbar') 141 | .css('-webkit-overflow-scrolling', 'touch'); 142 | 143 | // Hide on click. 144 | if (config.hideOnClick) { 145 | 146 | $this.find('a') 147 | .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)'); 148 | 149 | $this 150 | .on('click', 'a', function(event) { 151 | 152 | var $a = $(this), 153 | href = $a.attr('href'), 154 | target = $a.attr('target'); 155 | 156 | if (!href || href == '#' || href == '' || href == '#' + id) 157 | return; 158 | 159 | // Cancel original event. 160 | event.preventDefault(); 161 | event.stopPropagation(); 162 | 163 | // Hide panel. 164 | $this._hide(); 165 | 166 | // Redirect to href. 167 | window.setTimeout(function() { 168 | 169 | if (target == '_blank') 170 | window.open(href); 171 | else 172 | window.location.href = href; 173 | 174 | }, config.delay + 10); 175 | 176 | }); 177 | 178 | } 179 | 180 | // Event: Touch stuff. 181 | $this.on('touchstart', function(event) { 182 | 183 | $this.touchPosX = event.originalEvent.touches[0].pageX; 184 | $this.touchPosY = event.originalEvent.touches[0].pageY; 185 | 186 | }) 187 | 188 | $this.on('touchmove', function(event) { 189 | 190 | if ($this.touchPosX === null 191 | || $this.touchPosY === null) 192 | return; 193 | 194 | var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX, 195 | diffY = $this.touchPosY - event.originalEvent.touches[0].pageY, 196 | th = $this.outerHeight(), 197 | ts = ($this.get(0).scrollHeight - $this.scrollTop()); 198 | 199 | // Hide on swipe? 200 | if (config.hideOnSwipe) { 201 | 202 | var result = false, 203 | boundary = 20, 204 | delta = 50; 205 | 206 | switch (config.side) { 207 | 208 | case 'left': 209 | result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta); 210 | break; 211 | 212 | case 'right': 213 | result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)); 214 | break; 215 | 216 | case 'top': 217 | result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta); 218 | break; 219 | 220 | case 'bottom': 221 | result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta)); 222 | break; 223 | 224 | default: 225 | break; 226 | 227 | } 228 | 229 | if (result) { 230 | 231 | $this.touchPosX = null; 232 | $this.touchPosY = null; 233 | $this._hide(); 234 | 235 | return false; 236 | 237 | } 238 | 239 | } 240 | 241 | // Prevent vertical scrolling past the top or bottom. 242 | if (($this.scrollTop() < 0 && diffY < 0) 243 | || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { 244 | 245 | event.preventDefault(); 246 | event.stopPropagation(); 247 | 248 | } 249 | 250 | }); 251 | 252 | // Event: Prevent certain events inside the panel from bubbling. 253 | $this.on('click touchend touchstart touchmove', function(event) { 254 | event.stopPropagation(); 255 | }); 256 | 257 | // Event: Hide panel if a child anchor tag pointing to its ID is clicked. 258 | $this.on('click', 'a[href="#' + id + '"]', function(event) { 259 | 260 | event.preventDefault(); 261 | event.stopPropagation(); 262 | 263 | config.target.removeClass(config.visibleClass); 264 | 265 | }); 266 | 267 | // Body. 268 | 269 | // Event: Hide panel on body click/tap. 270 | $body.on('click touchend', function(event) { 271 | $this._hide(event); 272 | }); 273 | 274 | // Event: Toggle. 275 | $body.on('click', 'a[href="#' + id + '"]', function(event) { 276 | 277 | event.preventDefault(); 278 | event.stopPropagation(); 279 | 280 | config.target.toggleClass(config.visibleClass); 281 | 282 | }); 283 | 284 | // Window. 285 | 286 | // Event: Hide on ESC. 287 | if (config.hideOnEscape) 288 | $window.on('keydown', function(event) { 289 | 290 | if (event.keyCode == 27) 291 | $this._hide(event); 292 | 293 | }); 294 | 295 | return $this; 296 | 297 | }; 298 | 299 | /** 300 | * Apply "placeholder" attribute polyfill to one or more forms. 301 | * @return {jQuery} jQuery object. 302 | */ 303 | $.fn.placeholder = function() { 304 | 305 | // Browser natively supports placeholders? Bail. 306 | if (typeof (document.createElement('input')).placeholder != 'undefined') 307 | return $(this); 308 | 309 | // No elements? 310 | if (this.length == 0) 311 | return $this; 312 | 313 | // Multiple elements? 314 | if (this.length > 1) { 315 | 316 | for (var i=0; i < this.length; i++) 317 | $(this[i]).placeholder(); 318 | 319 | return $this; 320 | 321 | } 322 | 323 | // Vars. 324 | var $this = $(this); 325 | 326 | // Text, TextArea. 327 | $this.find('input[type=text],textarea') 328 | .each(function() { 329 | 330 | var i = $(this); 331 | 332 | if (i.val() == '' 333 | || i.val() == i.attr('placeholder')) 334 | i 335 | .addClass('polyfill-placeholder') 336 | .val(i.attr('placeholder')); 337 | 338 | }) 339 | .on('blur', function() { 340 | 341 | var i = $(this); 342 | 343 | if (i.attr('name').match(/-polyfill-field$/)) 344 | return; 345 | 346 | if (i.val() == '') 347 | i 348 | .addClass('polyfill-placeholder') 349 | .val(i.attr('placeholder')); 350 | 351 | }) 352 | .on('focus', function() { 353 | 354 | var i = $(this); 355 | 356 | if (i.attr('name').match(/-polyfill-field$/)) 357 | return; 358 | 359 | if (i.val() == i.attr('placeholder')) 360 | i 361 | .removeClass('polyfill-placeholder') 362 | .val(''); 363 | 364 | }); 365 | 366 | // Password. 367 | $this.find('input[type=password]') 368 | .each(function() { 369 | 370 | var i = $(this); 371 | var x = $( 372 | $('
') 373 | .append(i.clone()) 374 | .remove() 375 | .html() 376 | .replace(/type="password"/i, 'type="text"') 377 | .replace(/type=password/i, 'type=text') 378 | ); 379 | 380 | if (i.attr('id') != '') 381 | x.attr('id', i.attr('id') + '-polyfill-field'); 382 | 383 | if (i.attr('name') != '') 384 | x.attr('name', i.attr('name') + '-polyfill-field'); 385 | 386 | x.addClass('polyfill-placeholder') 387 | .val(x.attr('placeholder')).insertAfter(i); 388 | 389 | if (i.val() == '') 390 | i.hide(); 391 | else 392 | x.hide(); 393 | 394 | i 395 | .on('blur', function(event) { 396 | 397 | event.preventDefault(); 398 | 399 | var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); 400 | 401 | if (i.val() == '') { 402 | 403 | i.hide(); 404 | x.show(); 405 | 406 | } 407 | 408 | }); 409 | 410 | x 411 | .on('focus', function(event) { 412 | 413 | event.preventDefault(); 414 | 415 | var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']'); 416 | 417 | x.hide(); 418 | 419 | i 420 | .show() 421 | .focus(); 422 | 423 | }) 424 | .on('keypress', function(event) { 425 | 426 | event.preventDefault(); 427 | x.val(''); 428 | 429 | }); 430 | 431 | }); 432 | 433 | // Events. 434 | $this 435 | .on('submit', function() { 436 | 437 | $this.find('input[type=text],input[type=password],textarea') 438 | .each(function(event) { 439 | 440 | var i = $(this); 441 | 442 | if (i.attr('name').match(/-polyfill-field$/)) 443 | i.attr('name', ''); 444 | 445 | if (i.val() == i.attr('placeholder')) { 446 | 447 | i.removeClass('polyfill-placeholder'); 448 | i.val(''); 449 | 450 | } 451 | 452 | }); 453 | 454 | }) 455 | .on('reset', function(event) { 456 | 457 | event.preventDefault(); 458 | 459 | $this.find('select') 460 | .val($('option:first').val()); 461 | 462 | $this.find('input,textarea') 463 | .each(function() { 464 | 465 | var i = $(this), 466 | x; 467 | 468 | i.removeClass('polyfill-placeholder'); 469 | 470 | switch (this.type) { 471 | 472 | case 'submit': 473 | case 'reset': 474 | break; 475 | 476 | case 'password': 477 | i.val(i.attr('defaultValue')); 478 | 479 | x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); 480 | 481 | if (i.val() == '') { 482 | i.hide(); 483 | x.show(); 484 | } 485 | else { 486 | i.show(); 487 | x.hide(); 488 | } 489 | 490 | break; 491 | 492 | case 'checkbox': 493 | case 'radio': 494 | i.attr('checked', i.attr('defaultValue')); 495 | break; 496 | 497 | case 'text': 498 | case 'textarea': 499 | i.val(i.attr('defaultValue')); 500 | 501 | if (i.val() == '') { 502 | i.addClass('polyfill-placeholder'); 503 | i.val(i.attr('placeholder')); 504 | } 505 | 506 | break; 507 | 508 | default: 509 | i.val(i.attr('defaultValue')); 510 | break; 511 | 512 | } 513 | }); 514 | 515 | }); 516 | 517 | return $this; 518 | 519 | }; 520 | 521 | /** 522 | * Moves elements to/from the first positions of their respective parents. 523 | * @param {jQuery} $elements Elements (or selector) to move. 524 | * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations. 525 | */ 526 | $.prioritize = function($elements, condition) { 527 | 528 | var key = '__prioritize'; 529 | 530 | // Expand $elements if it's not already a jQuery object. 531 | if (typeof $elements != 'jQuery') 532 | $elements = $($elements); 533 | 534 | // Step through elements. 535 | $elements.each(function() { 536 | 537 | var $e = $(this), $p, 538 | $parent = $e.parent(); 539 | 540 | // No parent? Bail. 541 | if ($parent.length == 0) 542 | return; 543 | 544 | // Not moved? Move it. 545 | if (!$e.data(key)) { 546 | 547 | // Condition is false? Bail. 548 | if (!condition) 549 | return; 550 | 551 | // Get placeholder (which will serve as our point of reference for when this element needs to move back). 552 | $p = $e.prev(); 553 | 554 | // Couldn't find anything? Means this element's already at the top, so bail. 555 | if ($p.length == 0) 556 | return; 557 | 558 | // Move element to top of parent. 559 | $e.prependTo($parent); 560 | 561 | // Mark element as moved. 562 | $e.data(key, $p); 563 | 564 | } 565 | 566 | // Moved already? 567 | else { 568 | 569 | // Condition is true? Bail. 570 | if (condition) 571 | return; 572 | 573 | $p = $e.data(key); 574 | 575 | // Move element back to its original location (using our placeholder). 576 | $e.insertAfter($p); 577 | 578 | // Unmark element as moved. 579 | $e.removeData(key); 580 | 581 | } 582 | 583 | }); 584 | 585 | }; 586 | 587 | })(jQuery); -------------------------------------------------------------------------------- /public/LICENSE.txt: -------------------------------------------------------------------------------- 1 | Creative Commons Attribution 3.0 Unported 2 | http://creativecommons.org/licenses/by/3.0/ 3 | 4 | License 5 | 6 | THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED. 7 | 8 | BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS. 9 | 10 | 1. Definitions 11 | 12 | 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License. 13 | 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License. 14 | 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership. 15 | 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License. 16 | 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast. 17 | 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work. 18 | 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation. 19 | 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images. 20 | 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium. 21 | 22 | 2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws. 23 | 24 | 3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below: 25 | 26 | 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections; 27 | 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified."; 28 | 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and, 29 | 4. to Distribute and Publicly Perform Adaptations. 30 | 5. 31 | 32 | For the avoidance of doubt: 33 | 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; 34 | 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and, 35 | 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License. 36 | 37 | The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved. 38 | 39 | 4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions: 40 | 41 | 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested. 42 | 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties. 43 | 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise. 44 | 45 | 5. Representations, Warranties and Disclaimer 46 | 47 | UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU. 48 | 49 | 6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. 50 | 51 | 7. Termination 52 | 53 | 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License. 54 | 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above. 55 | 56 | 8. Miscellaneous 57 | 58 | 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License. 59 | 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License. 60 | 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable. 61 | 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent. 62 | 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You. 63 | 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law. 64 | -------------------------------------------------------------------------------- /public/assets/css/main.css: -------------------------------------------------------------------------------- 1 | @import url(fontawesome-all.min.css); 2 | @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600"); 3 | 4 | /* 5 | Dimension by HTML5 UP 6 | html5up.net | @ajlkn 7 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 8 | */ 9 | 10 | html, body, div, span, applet, object, 11 | iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 12 | pre, a, abbr, acronym, address, big, cite, 13 | code, del, dfn, em, img, ins, kbd, q, s, samp, 14 | small, strike, strong, sub, sup, tt, var, b, 15 | u, i, center, dl, dt, dd, ol, ul, li, fieldset, 16 | form, label, legend, table, caption, tbody, 17 | tfoot, thead, tr, th, td, article, aside, 18 | canvas, details, embed, figure, figcaption, 19 | footer, header, hgroup, menu, nav, output, ruby, 20 | section, summary, time, mark, audio, video { 21 | margin: 0; 22 | padding: 0; 23 | border: 0; 24 | font-size: 100%; 25 | font: inherit; 26 | vertical-align: baseline;} 27 | 28 | article, aside, details, figcaption, figure, 29 | footer, header, hgroup, menu, nav, section { 30 | display: block;} 31 | 32 | body { 33 | line-height: 1; 34 | } 35 | 36 | ol, ul { 37 | list-style: none; 38 | } 39 | 40 | blockquote, q { 41 | quotes: none; 42 | } 43 | 44 | blockquote:before, blockquote:after, q:before, q:after { 45 | content: ''; 46 | content: none; 47 | } 48 | 49 | table { 50 | border-collapse: collapse; 51 | border-spacing: 0; 52 | } 53 | 54 | body { 55 | -webkit-text-size-adjust: none; 56 | } 57 | 58 | mark { 59 | background-color: transparent; 60 | color: inherit; 61 | } 62 | 63 | input::-moz-focus-inner { 64 | border: 0; 65 | padding: 0; 66 | } 67 | 68 | input, select, textarea { 69 | -moz-appearance: none; 70 | -webkit-appearance: none; 71 | -ms-appearance: none; 72 | appearance: none; 73 | } 74 | 75 | /* Basic */ 76 | 77 | @-ms-viewport { 78 | width: device-width; 79 | } 80 | 81 | @media screen and (max-width: 480px) { 82 | 83 | html, body { 84 | min-width: 320px; 85 | } 86 | 87 | } 88 | 89 | html { 90 | box-sizing: border-box; 91 | } 92 | 93 | *, *:before, *:after { 94 | box-sizing: inherit; 95 | } 96 | 97 | body { 98 | background: #1b1f22; 99 | } 100 | 101 | body.is-preload *, body.is-preload *:before, body.is-preload *:after { 102 | -moz-animation: none !important; 103 | -webkit-animation: none !important; 104 | -ms-animation: none !important; 105 | animation: none !important; 106 | -moz-transition: none !important; 107 | -webkit-transition: none !important; 108 | -ms-transition: none !important; 109 | transition: none !important; 110 | } 111 | 112 | /* Type */ 113 | 114 | html { 115 | font-size: 16pt; 116 | } 117 | 118 | @media screen and (max-width: 1680px) { 119 | 120 | html { 121 | font-size: 12pt; 122 | } 123 | 124 | } 125 | 126 | @media screen and (max-width: 736px) { 127 | 128 | html { 129 | font-size: 11pt; 130 | } 131 | 132 | } 133 | 134 | @media screen and (max-width: 360px) { 135 | 136 | html { 137 | font-size: 10pt; 138 | } 139 | 140 | } 141 | 142 | body, input, select, textarea { 143 | color: #ffffff; 144 | font-family: "Source Sans Pro", sans-serif; 145 | font-weight: 300; 146 | font-size: 1rem; 147 | line-height: 1.65; 148 | } 149 | 150 | a { 151 | -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; 152 | -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; 153 | -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; 154 | transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; 155 | border-bottom: dotted 1px rgba(255, 255, 255, 0.5); 156 | text-decoration: none; 157 | color: inherit; 158 | } 159 | 160 | a:hover { 161 | border-bottom-color: transparent; 162 | } 163 | 164 | strong, b { 165 | color: #ffffff; 166 | font-weight: 600; 167 | } 168 | 169 | em, i { 170 | font-style: italic; 171 | } 172 | 173 | p { 174 | margin: 0 0 2rem 0; 175 | } 176 | 177 | h1, h2, h3, h4, h5, h6 { 178 | color: #ffffff; 179 | font-weight: 600; 180 | line-height: 1.5; 181 | margin: 0 0 1rem 0; 182 | text-transform: uppercase; 183 | letter-spacing: 0.2rem; 184 | } 185 | 186 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 187 | color: inherit; 188 | text-decoration: none; 189 | } 190 | 191 | h1.major, h2.major, h3.major, h4.major, h5.major, h6.major { 192 | border-bottom: solid 1px #ffffff; 193 | width: -moz-max-content; 194 | width: -webkit-max-content; 195 | width: -ms-max-content; 196 | width: max-content; 197 | padding-bottom: 0.5rem; 198 | margin: 0 0 2rem 0; 199 | } 200 | 201 | h1 { 202 | font-size: 2.25rem; 203 | line-height: 1.3; 204 | letter-spacing: 0.5rem; 205 | } 206 | 207 | h2 { 208 | font-size: 1.5rem; 209 | line-height: 1.4; 210 | letter-spacing: 0.5rem; 211 | } 212 | 213 | h3 { 214 | font-size: 1rem; 215 | } 216 | 217 | h4 { 218 | font-size: 0.8rem; 219 | } 220 | 221 | h5 { 222 | font-size: 0.7rem; 223 | } 224 | 225 | h6 { 226 | font-size: 0.6rem; 227 | } 228 | 229 | @media screen and (max-width: 736px) { 230 | 231 | h1 { 232 | font-size: 1.75rem; 233 | line-height: 1.4; 234 | } 235 | 236 | h2 { 237 | font-size: 1.25em; 238 | line-height: 1.5; 239 | } 240 | 241 | } 242 | 243 | sub { 244 | font-size: 0.8rem; 245 | position: relative; 246 | top: 0.5rem; 247 | } 248 | 249 | sup { 250 | font-size: 0.8rem; 251 | position: relative; 252 | top: -0.5rem; 253 | } 254 | 255 | blockquote { 256 | border-left: solid 4px #ffffff; 257 | font-style: italic; 258 | margin: 0 0 2rem 0; 259 | padding: 0.5rem 0 0.5rem 2rem; 260 | } 261 | 262 | code { 263 | background: rgba(255, 255, 255, 0.075); 264 | border-radius: 4px; 265 | font-family: "Courier New", monospace; 266 | font-size: 0.9rem; 267 | margin: 0 0.25rem; 268 | padding: 0.25rem 0.65rem; 269 | } 270 | 271 | pre { 272 | -webkit-overflow-scrolling: touch; 273 | font-family: "Courier New", monospace; 274 | font-size: 0.9rem; 275 | margin: 0 0 2rem 0; 276 | } 277 | 278 | pre code { 279 | display: block; 280 | line-height: 1.75; 281 | padding: 1rem 1.5rem; 282 | overflow-x: auto; 283 | } 284 | 285 | hr { 286 | border: 0; 287 | border-bottom: solid 1px #ffffff; 288 | margin: 2.75rem 0; 289 | } 290 | 291 | .align-left { 292 | text-align: left; 293 | } 294 | 295 | .align-center { 296 | text-align: center; 297 | } 298 | 299 | .align-right { 300 | text-align: right; 301 | } 302 | 303 | /* Form */ 304 | 305 | form { 306 | margin: 0 0 2rem 0; 307 | } 308 | 309 | form > :last-child { 310 | margin-bottom: 0; 311 | } 312 | 313 | form > .fields { 314 | display: -moz-flex; 315 | display: -webkit-flex; 316 | display: -ms-flex; 317 | display: flex; 318 | -moz-flex-wrap: wrap; 319 | -webkit-flex-wrap: wrap; 320 | -ms-flex-wrap: wrap; 321 | flex-wrap: wrap; 322 | width: calc(100% + 3rem); 323 | margin: -1.5rem 0 2rem -1.5rem; 324 | } 325 | 326 | form > .fields > .field { 327 | -moz-flex-grow: 0; 328 | -webkit-flex-grow: 0; 329 | -ms-flex-grow: 0; 330 | flex-grow: 0; 331 | -moz-flex-shrink: 0; 332 | -webkit-flex-shrink: 0; 333 | -ms-flex-shrink: 0; 334 | flex-shrink: 0; 335 | padding: 1.5rem 0 0 1.5rem; 336 | width: calc(100% - 1.5rem); 337 | } 338 | 339 | form > .fields > .field.half { 340 | width: calc(50% - 0.75rem); 341 | } 342 | 343 | form > .fields > .field.third { 344 | width: calc(100%/3 - 0.5rem); 345 | } 346 | 347 | form > .fields > .field.quarter { 348 | width: calc(25% - 0.375rem); 349 | } 350 | 351 | @media screen and (max-width: 480px) { 352 | 353 | form > .fields { 354 | width: calc(100% + 3rem); 355 | margin: -1.5rem 0 2rem -1.5rem; 356 | } 357 | 358 | form > .fields > .field { 359 | padding: 1.5rem 0 0 1.5rem; 360 | width: calc(100% - 1.5rem); 361 | } 362 | 363 | form > .fields > .field.half { 364 | width: calc(100% - 1.5rem); 365 | } 366 | 367 | form > .fields > .field.third { 368 | width: calc(100% - 1.5rem); 369 | } 370 | 371 | form > .fields > .field.quarter { 372 | width: calc(100% - 1.5rem); 373 | } 374 | 375 | } 376 | 377 | label { 378 | color: #ffffff; 379 | display: block; 380 | font-size: 0.8rem; 381 | font-weight: 300; 382 | letter-spacing: 0.2rem; 383 | line-height: 1.5; 384 | margin: 0 0 1rem 0; 385 | text-transform: uppercase; 386 | } 387 | 388 | input[type="text"], 389 | input[type="password"], 390 | input[type="email"], 391 | input[type="tel"], 392 | select, 393 | textarea { 394 | -moz-appearance: none; 395 | -webkit-appearance: none; 396 | -ms-appearance: none; 397 | appearance: none; 398 | -moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 399 | -webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 400 | -ms-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 401 | transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 402 | background-color: transparent; 403 | border-radius: 4px; 404 | border: solid 1px #ffffff; 405 | color: inherit; 406 | display: block; 407 | outline: 0; 408 | padding: 0 1rem; 409 | text-decoration: none; 410 | width: 100%; 411 | } 412 | 413 | input[type="text"]:invalid, 414 | input[type="password"]:invalid, 415 | input[type="email"]:invalid, 416 | input[type="tel"]:invalid, 417 | select:invalid, 418 | textarea:invalid { 419 | box-shadow: none; 420 | } 421 | 422 | input[type="text"]:focus, 423 | input[type="password"]:focus, 424 | input[type="email"]:focus, 425 | input[type="tel"]:focus, 426 | select:focus, 427 | textarea:focus { 428 | background: rgba(255, 255, 255, 0.075); 429 | border-color: #ffffff; 430 | box-shadow: 0 0 0 1px #ffffff; 431 | } 432 | 433 | select { 434 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23ffffff' /%3E%3C/svg%3E"); 435 | background-size: 1.25rem; 436 | background-repeat: no-repeat; 437 | background-position: calc(100% - 1rem) center; 438 | height: 2.75rem; 439 | padding-right: 2.75rem; 440 | text-overflow: ellipsis; 441 | } 442 | 443 | select option { 444 | color: #ffffff; 445 | background: #1b1f22; 446 | } 447 | 448 | select:focus::-ms-value { 449 | background-color: transparent; 450 | } 451 | 452 | select::-ms-expand { 453 | display: none; 454 | } 455 | 456 | input[type="text"], 457 | input[type="password"], 458 | input[type="email"], 459 | select { 460 | height: 2.75rem; 461 | } 462 | 463 | textarea { 464 | padding: 0.75rem 1rem; 465 | } 466 | 467 | input[type="checkbox"], 468 | input[type="radio"] { 469 | -moz-appearance: none; 470 | -webkit-appearance: none; 471 | -ms-appearance: none; 472 | appearance: none; 473 | display: block; 474 | float: left; 475 | margin-right: -2rem; 476 | opacity: 0; 477 | width: 1rem; 478 | z-index: -1; 479 | } 480 | 481 | input[type="checkbox"] + label, 482 | input[type="radio"] + label { 483 | text-decoration: none; 484 | -moz-user-select: none; 485 | -webkit-user-select: none; 486 | -ms-user-select: none; 487 | user-select: none; 488 | color: #ffffff; 489 | cursor: pointer; 490 | display: inline-block; 491 | font-size: 0.8rem; 492 | font-weight: 300; 493 | margin: 0 0 0.5rem 0; 494 | padding-left: 2.65rem; 495 | padding-right: 0.75rem; 496 | position: relative; 497 | } 498 | 499 | input[type="checkbox"] + label:before, 500 | input[type="radio"] + label:before { 501 | -moz-osx-font-smoothing: grayscale; 502 | -webkit-font-smoothing: antialiased; 503 | display: inline-block; 504 | font-style: normal; 505 | font-variant: normal; 506 | text-rendering: auto; 507 | line-height: 1; 508 | text-transform: none !important; 509 | font-family: 'Font Awesome 5 Free'; 510 | font-weight: 900; 511 | } 512 | 513 | input[type="checkbox"] + label:before, 514 | input[type="radio"] + label:before { 515 | -moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 516 | -webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 517 | -ms-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 518 | transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; 519 | border-radius: 4px; 520 | border: solid 1px #ffffff; 521 | content: ''; 522 | display: inline-block; 523 | height: 1.65rem; 524 | left: 0; 525 | line-height: 1.65rem; 526 | position: absolute; 527 | text-align: center; 528 | top: -0.15rem; 529 | width: 1.65rem; 530 | } 531 | 532 | input[type="checkbox"]:checked + label:before, 533 | input[type="radio"]:checked + label:before { 534 | background: #ffffff !important; 535 | border-color: #ffffff !important; 536 | color: #1b1f22; 537 | content: '\f00c'; 538 | } 539 | 540 | input[type="checkbox"]:focus + label:before, 541 | input[type="radio"]:focus + label:before { 542 | background: rgba(255, 255, 255, 0.075); 543 | border-color: #ffffff; 544 | box-shadow: 0 0 0 1px #ffffff; 545 | } 546 | 547 | input[type="checkbox"] + label:before { 548 | border-radius: 4px; 549 | } 550 | 551 | input[type="radio"] + label:before { 552 | border-radius: 100%; 553 | } 554 | 555 | ::-webkit-input-placeholder { 556 | color: rgba(255, 255, 255, 0.5) !important; 557 | opacity: 1.0; 558 | } 559 | 560 | :-moz-placeholder { 561 | color: rgba(255, 255, 255, 0.5) !important; 562 | opacity: 1.0; 563 | } 564 | 565 | ::-moz-placeholder { 566 | color: rgba(255, 255, 255, 0.5) !important; 567 | opacity: 1.0; 568 | } 569 | 570 | :-ms-input-placeholder { 571 | color: rgba(255, 255, 255, 0.5) !important; 572 | opacity: 1.0; 573 | } 574 | 575 | .formerize-placeholder { 576 | color: rgba(255, 255, 255, 0.5) !important; 577 | opacity: 1.0; 578 | } 579 | 580 | /* Box */ 581 | 582 | .box { 583 | border-radius: 4px; 584 | border: solid 1px #ffffff; 585 | margin-bottom: 2rem; 586 | padding: 1.5em; 587 | } 588 | 589 | .box > :last-child, 590 | .box > :last-child > :last-child, 591 | .box > :last-child > :last-child > :last-child { 592 | margin-bottom: 0; 593 | } 594 | 595 | .box.alt { 596 | border: 0; 597 | border-radius: 0; 598 | padding: 0; 599 | } 600 | 601 | /* Icon */ 602 | 603 | .icon { 604 | text-decoration: none; 605 | border-bottom: none; 606 | position: relative; 607 | } 608 | 609 | .icon:before { 610 | -moz-osx-font-smoothing: grayscale; 611 | -webkit-font-smoothing: antialiased; 612 | display: inline-block; 613 | font-style: normal; 614 | font-variant: normal; 615 | text-rendering: auto; 616 | line-height: 1; 617 | text-transform: none !important; 618 | font-family: 'Font Awesome 5 Free'; 619 | font-weight: 400; 620 | } 621 | 622 | .icon > .label { 623 | display: none; 624 | } 625 | 626 | .icon:before { 627 | line-height: inherit; 628 | } 629 | 630 | .icon.solid:before { 631 | font-weight: 900; 632 | } 633 | 634 | .icon.brands:before { 635 | font-family: 'Font Awesome 5 Brands'; 636 | } 637 | 638 | /* Image */ 639 | 640 | .image { 641 | border-radius: 4px; 642 | border: 0; 643 | display: inline-block; 644 | position: relative; 645 | } 646 | 647 | .image:before { 648 | pointer-events: none; 649 | background-image: url("../../images/overlay.png"); 650 | background-color: rgba(19, 21, 25, 0.5); 651 | border-radius: 4px; 652 | content: ''; 653 | display: block; 654 | height: 100%; 655 | left: 0; 656 | opacity: 0.5; 657 | position: absolute; 658 | top: 0; 659 | width: 100%; 660 | } 661 | 662 | .image img { 663 | border-radius: 4px; 664 | display: block; 665 | } 666 | 667 | .image.left, .image.right { 668 | max-width: 40%; 669 | } 670 | 671 | .image.left img, .image.right img { 672 | width: 100%; 673 | } 674 | 675 | .image.left { 676 | float: left; 677 | padding: 0 1.5em 1em 0; 678 | top: 0.25em; 679 | } 680 | 681 | .image.right { 682 | float: right; 683 | padding: 0 0 1em 1.5em; 684 | top: 0.25em; 685 | } 686 | 687 | .image.fit { 688 | display: block; 689 | margin: 0 0 2rem 0; 690 | width: 100%; 691 | } 692 | 693 | .image.fit img { 694 | width: 100%; 695 | } 696 | 697 | .image.main { 698 | display: block; 699 | margin: 2.5rem 0; 700 | width: 100%; 701 | } 702 | 703 | .image.main img { 704 | width: 100%; 705 | } 706 | 707 | @media screen and (max-width: 736px) { 708 | 709 | .image.main { 710 | margin: 2rem 0; 711 | } 712 | 713 | } 714 | 715 | @media screen and (max-width: 480px) { 716 | 717 | .image.main { 718 | margin: 1.5rem 0; 719 | } 720 | 721 | } 722 | 723 | /* List */ 724 | 725 | ol { 726 | list-style: decimal; 727 | margin: 0 0 2rem 0; 728 | padding-left: 1.25em; 729 | } 730 | 731 | ol li { 732 | padding-left: 0.25em; 733 | } 734 | 735 | ul { 736 | list-style: disc; 737 | margin: 0 0 2rem 0; 738 | padding-left: 1em; 739 | } 740 | 741 | ul li { 742 | padding-left: 0.5em; 743 | } 744 | 745 | ul.alt { 746 | list-style: none; 747 | padding-left: 0; 748 | } 749 | 750 | ul.alt li { 751 | border-top: solid 1px #ffffff; 752 | padding: 0.5em 0; 753 | } 754 | 755 | ul.alt li:first-child { 756 | border-top: 0; 757 | padding-top: 0; 758 | } 759 | 760 | dl { 761 | margin: 0 0 2rem 0; 762 | } 763 | 764 | dl dt { 765 | display: block; 766 | font-weight: 600; 767 | margin: 0 0 1rem 0; 768 | } 769 | 770 | dl dd { 771 | margin-left: 2rem; 772 | } 773 | 774 | /* Actions */ 775 | 776 | ul.actions { 777 | display: -moz-flex; 778 | display: -webkit-flex; 779 | display: -ms-flex; 780 | display: flex; 781 | cursor: default; 782 | list-style: none; 783 | margin-left: -1rem; 784 | padding-left: 0; 785 | } 786 | 787 | ul.actions li { 788 | padding: 0 0 0 1rem; 789 | vertical-align: middle; 790 | } 791 | 792 | ul.actions.special { 793 | -moz-justify-content: center; 794 | -webkit-justify-content: center; 795 | -ms-justify-content: center; 796 | justify-content: center; 797 | width: 100%; 798 | margin-left: 0; 799 | } 800 | 801 | ul.actions.special li:first-child { 802 | padding-left: 0; 803 | } 804 | 805 | ul.actions.stacked { 806 | -moz-flex-direction: column; 807 | -webkit-flex-direction: column; 808 | -ms-flex-direction: column; 809 | flex-direction: column; 810 | margin-left: 0; 811 | } 812 | 813 | ul.actions.stacked li { 814 | padding: 1.3rem 0 0 0; 815 | } 816 | 817 | ul.actions.stacked li:first-child { 818 | padding-top: 0; 819 | } 820 | 821 | ul.actions.fit { 822 | width: calc(100% + 1rem); 823 | } 824 | 825 | ul.actions.fit li { 826 | -moz-flex-grow: 1; 827 | -webkit-flex-grow: 1; 828 | -ms-flex-grow: 1; 829 | flex-grow: 1; 830 | -moz-flex-shrink: 1; 831 | -webkit-flex-shrink: 1; 832 | -ms-flex-shrink: 1; 833 | flex-shrink: 1; 834 | width: 100%; 835 | } 836 | 837 | ul.actions.fit li > * { 838 | width: 100%; 839 | } 840 | 841 | ul.actions.fit.stacked { 842 | width: 100%; 843 | } 844 | 845 | @media screen and (max-width: 480px) { 846 | 847 | ul.actions:not(.fixed) { 848 | -moz-flex-direction: column; 849 | -webkit-flex-direction: column; 850 | -ms-flex-direction: column; 851 | flex-direction: column; 852 | margin-left: 0; 853 | width: 100% !important; 854 | } 855 | 856 | ul.actions:not(.fixed) li { 857 | -moz-flex-grow: 1; 858 | -webkit-flex-grow: 1; 859 | -ms-flex-grow: 1; 860 | flex-grow: 1; 861 | -moz-flex-shrink: 1; 862 | -webkit-flex-shrink: 1; 863 | -ms-flex-shrink: 1; 864 | flex-shrink: 1; 865 | padding: 1rem 0 0 0; 866 | text-align: center; 867 | width: 100%; 868 | } 869 | 870 | ul.actions:not(.fixed) li > * { 871 | width: 100%; 872 | } 873 | 874 | ul.actions:not(.fixed) li:first-child { 875 | padding-top: 0; 876 | } 877 | 878 | ul.actions:not(.fixed) li input[type="submit"], 879 | ul.actions:not(.fixed) li input[type="reset"], 880 | ul.actions:not(.fixed) li input[type="button"], 881 | ul.actions:not(.fixed) li button, 882 | ul.actions:not(.fixed) li .button { 883 | width: 100%; 884 | } 885 | 886 | ul.actions:not(.fixed) li input[type="submit"].icon:before, 887 | ul.actions:not(.fixed) li input[type="reset"].icon:before, 888 | ul.actions:not(.fixed) li input[type="button"].icon:before, 889 | ul.actions:not(.fixed) li button.icon:before, 890 | ul.actions:not(.fixed) li .button.icon:before { 891 | margin-left: -0.5em; 892 | } 893 | 894 | } 895 | 896 | /* Icons */ 897 | 898 | ul.icons { 899 | cursor: default; 900 | list-style: none; 901 | padding-left: 0; 902 | } 903 | 904 | ul.icons li { 905 | display: inline-block; 906 | padding: 0 0.75em 0 0; 907 | } 908 | 909 | ul.icons li:last-child { 910 | padding-right: 0; 911 | } 912 | 913 | ul.icons li a { 914 | border-radius: 100%; 915 | box-shadow: inset 0 0 0 1px #ffffff; 916 | display: inline-block; 917 | height: 2.25rem; 918 | line-height: 2.25rem; 919 | text-align: center; 920 | width: 2.25rem; 921 | } 922 | 923 | ul.icons li a:hover { 924 | background-color: rgba(255, 255, 255, 0.075); 925 | } 926 | 927 | ul.icons li a:active { 928 | background-color: rgba(255, 255, 255, 0.175); 929 | } 930 | 931 | /* Table */ 932 | 933 | .table-wrapper { 934 | -webkit-overflow-scrolling: touch; 935 | overflow-x: auto; 936 | } 937 | 938 | table { 939 | margin: 0 0 2rem 0; 940 | width: 100%; 941 | } 942 | 943 | table tbody tr { 944 | border: solid 1px #ffffff; 945 | border-left: 0; 946 | border-right: 0; 947 | } 948 | 949 | table tbody tr:nth-child(2n + 1) { 950 | background-color: rgba(255, 255, 255, 0.075); 951 | } 952 | 953 | table td { 954 | padding: 0.75em 0.75em; 955 | } 956 | 957 | table th { 958 | color: #ffffff; 959 | font-size: 0.9em; 960 | font-weight: 600; 961 | padding: 0 0.75em 0.75em 0.75em; 962 | text-align: left; 963 | } 964 | 965 | table thead { 966 | border-bottom: solid 2px #ffffff; 967 | } 968 | 969 | table tfoot { 970 | border-top: solid 2px #ffffff; 971 | } 972 | 973 | table.alt { 974 | border-collapse: separate; 975 | } 976 | 977 | table.alt tbody tr td { 978 | border: solid 1px #ffffff; 979 | border-left-width: 0; 980 | border-top-width: 0; 981 | } 982 | 983 | table.alt tbody tr td:first-child { 984 | border-left-width: 1px; 985 | } 986 | 987 | table.alt tbody tr:first-child td { 988 | border-top-width: 1px; 989 | } 990 | 991 | table.alt thead { 992 | border-bottom: 0; 993 | } 994 | 995 | table.alt tfoot { 996 | border-top: 0; 997 | } 998 | 999 | /* Button */ 1000 | 1001 | input[type="submit"], 1002 | input[type="reset"], 1003 | input[type="button"], 1004 | button, 1005 | .button { 1006 | -moz-appearance: none; 1007 | -webkit-appearance: none; 1008 | -ms-appearance: none; 1009 | appearance: none; 1010 | -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 1011 | -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 1012 | -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 1013 | transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 1014 | background-color: transparent; 1015 | border-radius: 4px; 1016 | border: 0; 1017 | box-shadow: inset 0 0 0 1px #ffffff; 1018 | color: #ffffff !important; 1019 | cursor: pointer; 1020 | display: inline-block; 1021 | font-size: 0.8rem; 1022 | font-weight: 300; 1023 | height: 2.75rem; 1024 | letter-spacing: 0.2rem; 1025 | line-height: 2.75rem; 1026 | outline: 0; 1027 | padding: 0 1.25rem 0 1.35rem; 1028 | text-align: center; 1029 | text-decoration: none; 1030 | text-transform: uppercase; 1031 | white-space: nowrap; 1032 | } 1033 | 1034 | input[type="submit"]:hover, 1035 | input[type="reset"]:hover, 1036 | input[type="button"]:hover, 1037 | button:hover, 1038 | .button:hover { 1039 | background-color: rgba(255, 255, 255, 0.075); 1040 | } 1041 | 1042 | input[type="submit"]:active, 1043 | input[type="reset"]:active, 1044 | input[type="button"]:active, 1045 | button:active, 1046 | .button:active { 1047 | background-color: rgba(255, 255, 255, 0.175); 1048 | } 1049 | 1050 | input[type="submit"].icon:before, 1051 | input[type="reset"].icon:before, 1052 | input[type="button"].icon:before, 1053 | button.icon:before, 1054 | .button.icon:before { 1055 | margin-right: 0.5em; 1056 | } 1057 | 1058 | input[type="submit"].fit, 1059 | input[type="reset"].fit, 1060 | input[type="button"].fit, 1061 | button.fit, 1062 | .button.fit { 1063 | width: 100%; 1064 | } 1065 | 1066 | input[type="submit"].small, 1067 | input[type="reset"].small, 1068 | input[type="button"].small, 1069 | button.small, 1070 | .button.small { 1071 | font-size: 0.6rem; 1072 | height: 2.0625rem; 1073 | line-height: 2.0625rem; 1074 | } 1075 | 1076 | input[type="submit"].primary, 1077 | input[type="reset"].primary, 1078 | input[type="button"].primary, 1079 | button.primary, 1080 | .button.primary { 1081 | background-color: #ffffff; 1082 | color: #1b1f22 !important; 1083 | font-weight: 600; 1084 | } 1085 | 1086 | input[type="submit"].disabled, input[type="submit"]:disabled, 1087 | input[type="reset"].disabled, 1088 | input[type="reset"]:disabled, 1089 | input[type="button"].disabled, 1090 | input[type="button"]:disabled, 1091 | button.disabled, 1092 | button:disabled, 1093 | .button.disabled, 1094 | .button:disabled { 1095 | pointer-events: none; 1096 | cursor: default; 1097 | opacity: 0.25; 1098 | } 1099 | 1100 | input[type="submit"], 1101 | input[type="reset"], 1102 | input[type="button"], 1103 | button { 1104 | line-height: calc(2.75rem - 2px); 1105 | } 1106 | 1107 | /* BG */ 1108 | 1109 | #bg { 1110 | -moz-transform: scale(1.0); 1111 | -webkit-transform: scale(1.0); 1112 | -ms-transform: scale(1.0); 1113 | transform: scale(1.0); 1114 | -webkit-backface-visibility: hidden; 1115 | position: fixed; 1116 | top: 0; 1117 | left: 0; 1118 | width: 100%; 1119 | height: 100vh; 1120 | z-index: 1; 1121 | } 1122 | 1123 | #bg:before, #bg:after { 1124 | content: ''; 1125 | display: block; 1126 | position: absolute; 1127 | top: 0; 1128 | left: 0; 1129 | width: 100%; 1130 | height: 100%; 1131 | } 1132 | 1133 | #bg:before { 1134 | -moz-transition: background-color 2.5s ease-in-out; 1135 | -webkit-transition: background-color 2.5s ease-in-out; 1136 | -ms-transition: background-color 2.5s ease-in-out; 1137 | transition: background-color 2.5s ease-in-out; 1138 | -moz-transition-delay: 0.75s; 1139 | -webkit-transition-delay: 0.75s; 1140 | -ms-transition-delay: 0.75s; 1141 | transition-delay: 0.75s; 1142 | background-image: linear-gradient(to top, rgba(19, 21, 25, 0.5), rgba(19, 21, 25, 0.5)), url("../../images/overlay.png"); 1143 | background-size: auto, 256px 256px; 1144 | background-position: center, center; 1145 | background-repeat: no-repeat, repeat; 1146 | z-index: 2; 1147 | } 1148 | 1149 | #bg:after { 1150 | -moz-transform: scale(1.125); 1151 | -webkit-transform: scale(1.125); 1152 | -ms-transform: scale(1.125); 1153 | transform: scale(1.125); 1154 | -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out; 1155 | -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out; 1156 | -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out; 1157 | transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out; 1158 | background-image: url("../../images/bg.jpg"); 1159 | background-position: center; 1160 | background-size: cover; 1161 | background-repeat: no-repeat; 1162 | z-index: 1; 1163 | } 1164 | 1165 | body.is-article-visible #bg:after { 1166 | -moz-transform: scale(1.0825); 1167 | -webkit-transform: scale(1.0825); 1168 | -ms-transform: scale(1.0825); 1169 | transform: scale(1.0825); 1170 | -moz-filter: blur(0.2rem); 1171 | -webkit-filter: blur(0.2rem); 1172 | -ms-filter: blur(0.2rem); 1173 | filter: blur(0.2rem); 1174 | } 1175 | 1176 | body.is-preload #bg:before { 1177 | background-color: #000000; 1178 | } 1179 | 1180 | /* Wrapper */ 1181 | 1182 | #wrapper { 1183 | display: -moz-flex; 1184 | display: -webkit-flex; 1185 | display: -ms-flex; 1186 | display: flex; 1187 | -moz-flex-direction: column; 1188 | -webkit-flex-direction: column; 1189 | -ms-flex-direction: column; 1190 | flex-direction: column; 1191 | -moz-align-items: center; 1192 | -webkit-align-items: center; 1193 | -ms-align-items: center; 1194 | align-items: center; 1195 | -moz-justify-content: space-between; 1196 | -webkit-justify-content: space-between; 1197 | -ms-justify-content: space-between; 1198 | justify-content: space-between; 1199 | position: relative; 1200 | min-height: 100vh; 1201 | width: 100%; 1202 | padding: 4rem 2rem; 1203 | z-index: 3; 1204 | } 1205 | 1206 | #wrapper:before { 1207 | content: ''; 1208 | display: block; 1209 | } 1210 | 1211 | @media screen and (max-width: 1680px) { 1212 | 1213 | #wrapper { 1214 | padding: 3rem 2rem; 1215 | } 1216 | 1217 | } 1218 | 1219 | @media screen and (max-width: 736px) { 1220 | 1221 | #wrapper { 1222 | padding: 2rem 1rem; 1223 | } 1224 | 1225 | } 1226 | 1227 | @media screen and (max-width: 480px) { 1228 | 1229 | #wrapper { 1230 | padding: 1rem; 1231 | } 1232 | 1233 | } 1234 | 1235 | /* Header */ 1236 | 1237 | #header { 1238 | display: -moz-flex; 1239 | display: -webkit-flex; 1240 | display: -ms-flex; 1241 | display: flex; 1242 | -moz-flex-direction: column; 1243 | -webkit-flex-direction: column; 1244 | -ms-flex-direction: column; 1245 | flex-direction: column; 1246 | -moz-align-items: center; 1247 | -webkit-align-items: center; 1248 | -ms-align-items: center; 1249 | align-items: center; 1250 | -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1251 | -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1252 | -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1253 | transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1254 | background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%); 1255 | background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%); 1256 | background-image: -ms-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%); 1257 | background-image: radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%); 1258 | max-width: 100%; 1259 | text-align: center; 1260 | } 1261 | 1262 | #header > * { 1263 | -moz-transition: opacity 0.325s ease-in-out; 1264 | -webkit-transition: opacity 0.325s ease-in-out; 1265 | -ms-transition: opacity 0.325s ease-in-out; 1266 | transition: opacity 0.325s ease-in-out; 1267 | position: relative; 1268 | margin-top: 3.5rem; 1269 | } 1270 | 1271 | #header > *:before { 1272 | content: ''; 1273 | display: block; 1274 | position: absolute; 1275 | top: calc(-3.5rem - 1px); 1276 | left: calc(50% - 1px); 1277 | width: 1px; 1278 | height: calc(3.5rem + 1px); 1279 | background: #ffffff; 1280 | } 1281 | 1282 | #header > :first-child { 1283 | margin-top: 0; 1284 | } 1285 | 1286 | #header > :first-child:before { 1287 | display: none; 1288 | } 1289 | 1290 | #header .logo { 1291 | width: 5.5rem; 1292 | height: 5.5rem; 1293 | line-height: 5.5rem; 1294 | border: solid 1px #ffffff; 1295 | border-radius: 100%; 1296 | } 1297 | 1298 | #header .logo .icon:before { 1299 | font-size: 2rem; 1300 | } 1301 | 1302 | #header .content { 1303 | border-style: solid; 1304 | border-color: #ffffff; 1305 | border-top-width: 1px; 1306 | border-bottom-width: 1px; 1307 | max-width: 100%; 1308 | } 1309 | 1310 | #header .content .inner { 1311 | -moz-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out; 1312 | -webkit-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out; 1313 | -ms-transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out; 1314 | transition: max-height 0.75s ease, padding 0.75s ease, opacity 0.325s ease-in-out; 1315 | -moz-transition-delay: 0.25s; 1316 | -webkit-transition-delay: 0.25s; 1317 | -ms-transition-delay: 0.25s; 1318 | transition-delay: 0.25s; 1319 | padding: 3rem 2rem; 1320 | max-height: 40rem; 1321 | overflow: hidden; 1322 | } 1323 | 1324 | #header .content .inner > :last-child { 1325 | margin-bottom: 0; 1326 | } 1327 | 1328 | #header .content p { 1329 | text-transform: uppercase; 1330 | letter-spacing: 0.2rem; 1331 | font-size: 0.8rem; 1332 | line-height: 2; 1333 | } 1334 | 1335 | #header nav ul { 1336 | display: -moz-flex; 1337 | display: -webkit-flex; 1338 | display: -ms-flex; 1339 | display: flex; 1340 | margin-bottom: 0; 1341 | list-style: none; 1342 | padding-left: 0; 1343 | border: solid 1px #ffffff; 1344 | border-radius: 4px; 1345 | } 1346 | 1347 | #header nav ul li { 1348 | padding-left: 0; 1349 | border-left: solid 1px #ffffff; 1350 | } 1351 | 1352 | #header nav ul li:first-child { 1353 | border-left: 0; 1354 | } 1355 | 1356 | #header nav ul li a { 1357 | display: block; 1358 | min-width: 7.5rem; 1359 | height: 2.75rem; 1360 | line-height: 2.75rem; 1361 | padding: 0 1.25rem 0 1.45rem; 1362 | text-transform: uppercase; 1363 | letter-spacing: 0.2rem; 1364 | font-size: 0.8rem; 1365 | border-bottom: 0; 1366 | } 1367 | 1368 | #header nav ul li a:hover { 1369 | background-color: rgba(255, 255, 255, 0.075); 1370 | } 1371 | 1372 | #header nav ul li a:active { 1373 | background-color: rgba(255, 255, 255, 0.175); 1374 | } 1375 | 1376 | #header nav.use-middle:after { 1377 | content: ''; 1378 | display: block; 1379 | position: absolute; 1380 | top: 0; 1381 | left: calc(50% - 1px); 1382 | width: 1px; 1383 | height: 100%; 1384 | background: #ffffff; 1385 | } 1386 | 1387 | #header nav.use-middle ul li.is-middle { 1388 | border-left: 0; 1389 | } 1390 | 1391 | body.is-article-visible #header { 1392 | -moz-transform: scale(0.95); 1393 | -webkit-transform: scale(0.95); 1394 | -ms-transform: scale(0.95); 1395 | transform: scale(0.95); 1396 | -moz-filter: blur(0.1rem); 1397 | -webkit-filter: blur(0.1rem); 1398 | -ms-filter: blur(0.1rem); 1399 | filter: blur(0.1rem); 1400 | opacity: 0; 1401 | } 1402 | 1403 | body.is-preload #header { 1404 | -moz-filter: blur(0.125rem); 1405 | -webkit-filter: blur(0.125rem); 1406 | -ms-filter: blur(0.125rem); 1407 | filter: blur(0.125rem); 1408 | } 1409 | 1410 | body.is-preload #header > * { 1411 | opacity: 0; 1412 | } 1413 | 1414 | body.is-preload #header .content .inner { 1415 | max-height: 0; 1416 | padding-top: 0; 1417 | padding-bottom: 0; 1418 | opacity: 0; 1419 | } 1420 | 1421 | @media screen and (max-width: 980px) { 1422 | 1423 | #header .content p br { 1424 | display: none; 1425 | } 1426 | 1427 | } 1428 | 1429 | @media screen and (max-width: 736px) { 1430 | 1431 | #header > * { 1432 | margin-top: 2rem; 1433 | } 1434 | 1435 | #header > *:before { 1436 | top: calc(-2rem - 1px); 1437 | height: calc(2rem + 1px); 1438 | } 1439 | 1440 | #header .logo { 1441 | width: 4.75rem; 1442 | height: 4.75rem; 1443 | line-height: 4.75rem; 1444 | } 1445 | 1446 | #header .logo .icon:before { 1447 | font-size: 1.75rem; 1448 | } 1449 | 1450 | #header .content .inner { 1451 | padding: 2.5rem 1rem; 1452 | } 1453 | 1454 | #header .content p { 1455 | line-height: 1.875; 1456 | } 1457 | 1458 | } 1459 | 1460 | @media screen and (max-width: 480px) { 1461 | 1462 | #header { 1463 | padding: 1.5rem 0; 1464 | } 1465 | 1466 | #header .content .inner { 1467 | padding: 2.5rem 0; 1468 | } 1469 | 1470 | #header nav ul { 1471 | -moz-flex-direction: column; 1472 | -webkit-flex-direction: column; 1473 | -ms-flex-direction: column; 1474 | flex-direction: column; 1475 | min-width: 10rem; 1476 | max-width: 100%; 1477 | } 1478 | 1479 | #header nav ul li { 1480 | border-left: 0; 1481 | border-top: solid 1px #ffffff; 1482 | } 1483 | 1484 | #header nav ul li:first-child { 1485 | border-top: 0; 1486 | } 1487 | 1488 | #header nav ul li a { 1489 | height: 3rem; 1490 | line-height: 3rem; 1491 | min-width: 0; 1492 | width: 100%; 1493 | } 1494 | 1495 | #header nav.use-middle:after { 1496 | display: none; 1497 | } 1498 | 1499 | } 1500 | 1501 | /* Main */ 1502 | 1503 | #main { 1504 | -moz-flex-grow: 1; 1505 | -webkit-flex-grow: 1; 1506 | -ms-flex-grow: 1; 1507 | flex-grow: 1; 1508 | -moz-flex-shrink: 1; 1509 | -webkit-flex-shrink: 1; 1510 | -ms-flex-shrink: 1; 1511 | flex-shrink: 1; 1512 | display: -moz-flex; 1513 | display: -webkit-flex; 1514 | display: -ms-flex; 1515 | display: flex; 1516 | -moz-align-items: center; 1517 | -webkit-align-items: center; 1518 | -ms-align-items: center; 1519 | align-items: center; 1520 | -moz-justify-content: center; 1521 | -webkit-justify-content: center; 1522 | -ms-justify-content: center; 1523 | justify-content: center; 1524 | -moz-flex-direction: column; 1525 | -webkit-flex-direction: column; 1526 | -ms-flex-direction: column; 1527 | flex-direction: column; 1528 | position: relative; 1529 | max-width: 100%; 1530 | z-index: 3; 1531 | } 1532 | 1533 | #main article { 1534 | -moz-transform: translateY(0.25rem); 1535 | -webkit-transform: translateY(0.25rem); 1536 | -ms-transform: translateY(0.25rem); 1537 | transform: translateY(0.25rem); 1538 | -moz-transition: opacity 0.325s ease-in-out, -moz-transform 0.325s ease-in-out; 1539 | -webkit-transition: opacity 0.325s ease-in-out, -webkit-transform 0.325s ease-in-out; 1540 | -ms-transition: opacity 0.325s ease-in-out, -ms-transform 0.325s ease-in-out; 1541 | transition: opacity 0.325s ease-in-out, transform 0.325s ease-in-out; 1542 | padding: 4.5rem 2.5rem 1.5rem 2.5rem ; 1543 | position: relative; 1544 | width: 40rem; 1545 | max-width: 100%; 1546 | background-color: rgba(27, 31, 34, 0.85); 1547 | border-radius: 4px; 1548 | opacity: 0; 1549 | } 1550 | 1551 | #main article.active { 1552 | -moz-transform: translateY(0); 1553 | -webkit-transform: translateY(0); 1554 | -ms-transform: translateY(0); 1555 | transform: translateY(0); 1556 | opacity: 1; 1557 | } 1558 | 1559 | #main article .close { 1560 | display: block; 1561 | position: absolute; 1562 | top: 0; 1563 | right: 0; 1564 | width: 4rem; 1565 | height: 4rem; 1566 | cursor: pointer; 1567 | text-indent: 4rem; 1568 | overflow: hidden; 1569 | white-space: nowrap; 1570 | } 1571 | 1572 | #main article .close:before { 1573 | -moz-transition: background-color 0.2s ease-in-out; 1574 | -webkit-transition: background-color 0.2s ease-in-out; 1575 | -ms-transition: background-color 0.2s ease-in-out; 1576 | transition: background-color 0.2s ease-in-out; 1577 | content: ''; 1578 | display: block; 1579 | position: absolute; 1580 | top: 0.75rem; 1581 | left: 0.75rem; 1582 | width: 2.5rem; 1583 | height: 2.5rem; 1584 | border-radius: 100%; 1585 | background-position: center; 1586 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E"); 1587 | background-size: 20px 20px; 1588 | background-repeat: no-repeat; 1589 | } 1590 | 1591 | #main article .close:hover:before { 1592 | background-color: rgba(255, 255, 255, 0.075); 1593 | } 1594 | 1595 | #main article .close:active:before { 1596 | background-color: rgba(255, 255, 255, 0.175); 1597 | } 1598 | 1599 | @media screen and (max-width: 736px) { 1600 | 1601 | #main article { 1602 | padding: 3.5rem 2rem 0.5rem 2rem ; 1603 | } 1604 | 1605 | #main article .close:before { 1606 | top: 0.875rem; 1607 | left: 0.875rem; 1608 | width: 2.25rem; 1609 | height: 2.25rem; 1610 | background-size: 14px 14px; 1611 | } 1612 | 1613 | } 1614 | 1615 | @media screen and (max-width: 480px) { 1616 | 1617 | #main article { 1618 | padding: 3rem 1.5rem 0.5rem 1.5rem ; 1619 | } 1620 | 1621 | } 1622 | 1623 | /* Footer */ 1624 | 1625 | #footer { 1626 | -moz-transition: -moz-transform 0.325s ease-in-out, -moz-filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1627 | -webkit-transition: -webkit-transform 0.325s ease-in-out, -webkit-filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1628 | -ms-transition: -ms-transform 0.325s ease-in-out, -ms-filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1629 | transition: transform 0.325s ease-in-out, filter 0.325s ease-in-out, opacity 0.325s ease-in-out; 1630 | width: 100%; 1631 | max-width: 100%; 1632 | margin-top: 2rem; 1633 | text-align: center; 1634 | } 1635 | 1636 | #footer .copyright { 1637 | letter-spacing: 0.2rem; 1638 | font-size: 0.6rem; 1639 | opacity: 0.75; 1640 | margin-bottom: 0; 1641 | text-transform: uppercase; 1642 | } 1643 | 1644 | body.is-article-visible #footer { 1645 | -moz-transform: scale(0.95); 1646 | -webkit-transform: scale(0.95); 1647 | -ms-transform: scale(0.95); 1648 | transform: scale(0.95); 1649 | -moz-filter: blur(0.1rem); 1650 | -webkit-filter: blur(0.1rem); 1651 | -ms-filter: blur(0.1rem); 1652 | filter: blur(0.1rem); 1653 | opacity: 0; 1654 | } 1655 | 1656 | body.is-preload #footer { 1657 | opacity: 0; 1658 | } -------------------------------------------------------------------------------- /public/assets/css/fontawesome-all.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com 3 | * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) 4 | */ 5 | .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} --------------------------------------------------------------------------------