diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..abcfaf4 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +elements.html \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..d447b56 --- /dev/null +++ b/LICENSE @@ -0,0 +1,63 @@ +Creative Commons Attribution 3.0 Unported +http://creativecommons.org/licenses/by/3.0/ + +License + +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. + +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. + +1. Definitions + + 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. + 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. + 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. + 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License. + 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. + 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. + 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. + 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. + 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. + +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. + +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: + + 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections; + 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."; + 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and, + 4. to Distribute and Publicly Perform Adaptations. + 5. + + For the avoidance of doubt: + 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; + 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, + 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. + +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. + +4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions: + + 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. + 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. + 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. + +5. Representations, Warranties and Disclaimer + +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. + +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. + +7. Termination + + 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. + 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. + +8. Miscellaneous + + 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. + 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. + 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. + 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. + 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. + 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. diff --git a/ORIGINAL-README.txt b/ORIGINAL-README.txt new file mode 100644 index 0000000..d051bc3 --- /dev/null +++ b/ORIGINAL-README.txt @@ -0,0 +1,31 @@ +Stellar by HTML5 UP +html5up.net | @ajlkn +Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) + + +Say hello to Stellar, a slick little one-pager with a super vibrant color palette (which +I guess you can always tone down if it's a little too vibrant for you), a "sticky" in-page +nav bar (powered by my Scrollex plugin), a separate generic page template (just in case +you need one), and an assortment of pre-styled elements. + +Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images +you can use for pretty much whatever. + +(* = not included) + +AJ +aj@lkn.io | @ajlkn + + +Credits: + + Demo Images: + Unsplash (unsplash.com) + + Icons: + Font Awesome (fontawesome.io) + + Other: + jQuery (jquery.com) + Scrollex (github.com/ajlkn/jquery.scrollex) + Responsive Tools (github.com/ajlkn/responsive-tools) \ No newline at end of file diff --git a/README.md b/README.md index 749ab6a..502b280 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,19 @@ -# Website +# Spitfire Browser Website +Spitfire Browser is a fast, secure, and elegant web browser built on Firefox. This repository contains the source code for the Spitfire Browser's official website. + +## TO-DO: + +[ ] Add screenshots +[ ] Add search-engine test +[ ] Add working downloads +[ ] Add blog/updates + +### Based on: + +Stellar by HTML5 UP +html5up.net | @ajlkn + +### Licence: + +This project is licensed under the Creative Commons Attribution 3.0 License (CCA 3.0). For more details, see the LICENSE file. \ No newline at end of file diff --git a/assets/css/fancy-gallery.css b/assets/css/fancy-gallery.css new file mode 100644 index 0000000..b325fea --- /dev/null +++ b/assets/css/fancy-gallery.css @@ -0,0 +1,64 @@ +.fancy-gallery { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + gap: 20px; + margin-top: 30px; +} + +.gallery-item { + position: relative; + overflow: hidden; + border-radius: 15px; + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); + transform: scale(1); + transition: transform 0.4s ease-in-out, filter 0.4s ease-in-out; +} + +.gallery-item img { + width: 100%; + height: 100%; + object-fit: cover; + transition: transform 0.6s ease, filter 0.6s ease; +} + +.gallery-item::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(45deg, rgba(255, 0, 150, 0.3), rgba(0, 204, 255, 0.3)); + mix-blend-mode: overlay; + opacity: 0; + transition: opacity 0.6s ease; +} + +.gallery-item:hover { + transform: scale(1.05); + filter: brightness(1.2); +} + +.gallery-item:hover img { + transform: scale(1.1) rotate(2deg); + filter: grayscale(20%) +} + +.gallery-item:hover::before { + opacity: 1; +} + +@keyframes pulse { + 0%, 100% { + transform: scale(1); + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); + } + 50% { + transform: scale(1.02); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); + } +} + +.gallery-item { + animation: pulse 5s infinite; +} \ No newline at end of file diff --git a/assets/css/fontawesome-all.min.css b/assets/css/fontawesome-all.min.css new file mode 100644 index 0000000..03c42e3 --- /dev/null +++ b/assets/css/fontawesome-all.min.css @@ -0,0 +1,101 @@ +/*! + * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +.fa,.fab,.fad,.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{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);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{-webkit-transform:scale(-1);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{-webkit-filter:none;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-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-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.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-box-tissue:before{content:"\e05b"}.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-buy-n-large:before{content:"\f8a6"}.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-caravan:before{content:"\f8ff"}.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-cloudflare:before{content:"\e07d"}.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-alt:before{content:"\f422"}.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-cotton-bureau:before{content:"\f89e"}.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-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.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-disease:before{content:"\f7fa"}.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-edge-legacy:before{content:"\e078"}.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-alt:before{content:"\f424"}.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-faucet:before{content:"\e005"}.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-firefox-browser:before{content:"\e007"}.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-pay:before{content:"\e079"}.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-guilded:before{content:"\e07e"}.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-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.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-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.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-hive:before{content:"\e07f"}.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-hospital-user:before{content:"\f80d"}.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-house-user:before{content:"\e065"}.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-ideal:before{content:"\e013"}.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-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.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-house:before{content:"\e066"}.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-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.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-mdb:before{content:"\f8ca"}.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-microblog:before{content:"\e01a"}.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-mixer:before{content:"\e056"}.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:before{content:"\f8cc"}.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-octopus-deploy:before{content:"\e082"}.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-orcid:before{content:"\f8d2"}.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-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.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-pied-piper-square:before{content:"\e01e"}.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-plane-slash:before{content:"\e069"}.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-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.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-record-vinyl:before{content:"\f8d9"}.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-rust:before{content:"\e07a"}.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-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.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-sink:before{content:"\e06d"}.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-soap:before{content:"\e06e"}.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-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.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-swift:before{content:"\f8e1"}.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-tiktok:before{content:"\e07b"}.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-toilet-paper-slash:before{content:"\e072"}.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-trailer:before{content:"\e041"}.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-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-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.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-unsplash:before{content:"\e07c"}.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-users-slash:before{content:"\e073"}.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-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.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-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.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-watchman-monitoring:before{content:"\e087"}.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-wodu:before{content:"\e088"}.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:400;font-display:block;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:block;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")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;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} \ No newline at end of file diff --git a/assets/css/images/overlay.png b/assets/css/images/overlay.png new file mode 100644 index 0000000..a561943 Binary files /dev/null and b/assets/css/images/overlay.png differ diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..c732e04 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,3803 @@ +@import url(fontawesome-all.min.css); + +/* @import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400'; */ +@import 'assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2'; /*THIS NEEDS TO WORK*/ +@import 'assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2'; + +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +html, body, div, span, applet, object, +iframe, h1, h2, h3, h4, h5, h6, p, blockquote, +pre, a, abbr, acronym, address, big, cite, +code, del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, b, +u, i, center, dl, dt, dd, ol, ul, li, fieldset, +form, label, legend, table, caption, tbody, +tfoot, thead, tr, th, td, article, aside, +canvas, details, embed, figure, figcaption, +footer, header, hgroup, menu, nav, output, ruby, +section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline;} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block;} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + + blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; + } + +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; +} + +/* Basic */ + + @-ms-viewport { + width: device-width; + } + + body { + -ms-overflow-style: scrollbar; + } + + @media screen and (max-width: 480px) { + + html, body { + min-width: 320px; + } + + } + + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + /* body { + background-color: #935d8c; + background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + background-image: url("images/overlay.png"), linear-gradient(45deg, #e37682 15%, #5f4d93 85%); + } */ + + body.is-preload *, body.is-preload *:before, body.is-preload *:after { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; + } + +/* Type */ + + /* body { + background-color: #935d8c; + color: rgba(255, 255, 255, 0.65); + } */ + + body, input, select, textarea { + font-family: "Source Sans Pro", Helvetica, sans-serif; + font-size: 17pt; + font-weight: 300; + line-height: 1.65; + } + + @media screen and (max-width: 1680px) { + + body, input, select, textarea { + font-size: 14pt; + } + + } + + @media screen and (max-width: 1280px) { + + body, input, select, textarea { + font-size: 12pt; + } + + } + + @media screen and (max-width: 360px) { + + body, input, select, textarea { + font-size: 11pt; + } + + } + + a { + -moz-transition: color 0.2s ease, border-bottom 0.2s ease; + -webkit-transition: color 0.2s ease, border-bottom 0.2s ease; + -ms-transition: color 0.2s ease, border-bottom 0.2s ease; + transition: color 0.2s ease, border-bottom 0.2s ease; + text-decoration: none; + border-bottom: dotted 1px; + color: inherit; + } + + a:hover { + border-bottom-color: transparent; + } + + strong, b { + font-weight: 400; + } + + em, i { + font-style: italic; + } + + p { + margin: 0 0 2em 0; + } + + p.content { + -moz-columns: 20em 2; + -webkit-columns: 20em 2; + -ms-columns: 20em 2; + columns: 20em 2; + -moz-column-gap: 2em; + -webkit-column-gap: 2em; + -ms-column-gap: 2em; + column-gap: 2em; + text-align: justify; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: 300; + line-height: 1.5; + margin: 0 0 0.7em 0; + letter-spacing: -0.025em; + } + + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: inherit; + text-decoration: none; + } + + h1 { + font-size: 2.5em; + line-height: 1.2; + } + + h2 { + font-size: 1.5em; + } + + h3 { + font-size: 1.25em; + } + + h4 { + font-size: 1.1em; + } + + h5 { + font-size: 0.9em; + } + + h6 { + font-size: 0.7em; + } + + @media screen and (max-width: 736px) { + + h1 { + font-size: 2em; + } + + } + + sub { + font-size: 0.8em; + position: relative; + top: 0.5em; + } + + sup { + font-size: 0.8em; + position: relative; + top: -0.5em; + } + + blockquote { + border-left: solid 4px; + font-style: italic; + margin: 0 0 2em 0; + padding: 0.5em 0 0.5em 2em; + } + + code { + border-radius: 8px; + border: solid 1px; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; + } + + pre { + -webkit-overflow-scrolling: touch; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0 2em 0; + } + + pre code { + display: block; + line-height: 1.75; + padding: 1em 1.5em; + overflow-x: auto; + } + + hr { + border: 0; + border-bottom: solid 1px; + margin: 2em 0; + } + + hr.major { + margin: 3em 0; + } + + .align-left { + text-align: left; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + + input, select, textarea { + color: #ffffff; + } + + a:hover { + color: #ffffff; + } + + strong, b { + color: #ffffff; + } + + h1, h2, h3, h4, h5, h6 { + color: #ffffff; + } + + blockquote { + border-left-color: rgba(255, 255, 255, 0.35); + } + + code { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.35); + } + + hr { + border-bottom-color: rgba(255, 255, 255, 0.35); + } + +/* Row */ + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp { + order: -1; + } + + .row > .col-1 { + width: 8.33333%; + } + + .row > .off-1 { + margin-left: 8.33333%; + } + + .row > .col-2 { + width: 16.66667%; + } + + .row > .off-2 { + margin-left: 16.66667%; + } + + .row > .col-3 { + width: 25%; + } + + .row > .off-3 { + margin-left: 25%; + } + + .row > .col-4 { + width: 33.33333%; + } + + .row > .off-4 { + margin-left: 33.33333%; + } + + .row > .col-5 { + width: 41.66667%; + } + + .row > .off-5 { + margin-left: 41.66667%; + } + + .row > .col-6 { + width: 50%; + } + + .row > .off-6 { + margin-left: 50%; + } + + .row > .col-7 { + width: 58.33333%; + } + + .row > .off-7 { + margin-left: 58.33333%; + } + + .row > .col-8 { + width: 66.66667%; + } + + .row > .off-8 { + margin-left: 66.66667%; + } + + .row > .col-9 { + width: 75%; + } + + .row > .off-9 { + margin-left: 75%; + } + + .row > .col-10 { + width: 83.33333%; + } + + .row > .off-10 { + margin-left: 83.33333%; + } + + .row > .col-11 { + width: 91.66667%; + } + + .row > .off-11 { + margin-left: 91.66667%; + } + + .row > .col-12 { + width: 100%; + } + + .row > .off-12 { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + @media screen and (max-width: 1680px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xlarge { + order: -1; + } + + .row > .col-1-xlarge { + width: 8.33333%; + } + + .row > .off-1-xlarge { + margin-left: 8.33333%; + } + + .row > .col-2-xlarge { + width: 16.66667%; + } + + .row > .off-2-xlarge { + margin-left: 16.66667%; + } + + .row > .col-3-xlarge { + width: 25%; + } + + .row > .off-3-xlarge { + margin-left: 25%; + } + + .row > .col-4-xlarge { + width: 33.33333%; + } + + .row > .off-4-xlarge { + margin-left: 33.33333%; + } + + .row > .col-5-xlarge { + width: 41.66667%; + } + + .row > .off-5-xlarge { + margin-left: 41.66667%; + } + + .row > .col-6-xlarge { + width: 50%; + } + + .row > .off-6-xlarge { + margin-left: 50%; + } + + .row > .col-7-xlarge { + width: 58.33333%; + } + + .row > .off-7-xlarge { + margin-left: 58.33333%; + } + + .row > .col-8-xlarge { + width: 66.66667%; + } + + .row > .off-8-xlarge { + margin-left: 66.66667%; + } + + .row > .col-9-xlarge { + width: 75%; + } + + .row > .off-9-xlarge { + margin-left: 75%; + } + + .row > .col-10-xlarge { + width: 83.33333%; + } + + .row > .off-10-xlarge { + margin-left: 83.33333%; + } + + .row > .col-11-xlarge { + width: 91.66667%; + } + + .row > .off-11-xlarge { + margin-left: 91.66667%; + } + + .row > .col-12-xlarge { + width: 100%; + } + + .row > .off-12-xlarge { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + } + + @media screen and (max-width: 1280px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-large { + order: -1; + } + + .row > .col-1-large { + width: 8.33333%; + } + + .row > .off-1-large { + margin-left: 8.33333%; + } + + .row > .col-2-large { + width: 16.66667%; + } + + .row > .off-2-large { + margin-left: 16.66667%; + } + + .row > .col-3-large { + width: 25%; + } + + .row > .off-3-large { + margin-left: 25%; + } + + .row > .col-4-large { + width: 33.33333%; + } + + .row > .off-4-large { + margin-left: 33.33333%; + } + + .row > .col-5-large { + width: 41.66667%; + } + + .row > .off-5-large { + margin-left: 41.66667%; + } + + .row > .col-6-large { + width: 50%; + } + + .row > .off-6-large { + margin-left: 50%; + } + + .row > .col-7-large { + width: 58.33333%; + } + + .row > .off-7-large { + margin-left: 58.33333%; + } + + .row > .col-8-large { + width: 66.66667%; + } + + .row > .off-8-large { + margin-left: 66.66667%; + } + + .row > .col-9-large { + width: 75%; + } + + .row > .off-9-large { + margin-left: 75%; + } + + .row > .col-10-large { + width: 83.33333%; + } + + .row > .off-10-large { + margin-left: 83.33333%; + } + + .row > .col-11-large { + width: 91.66667%; + } + + .row > .off-11-large { + margin-left: 91.66667%; + } + + .row > .col-12-large { + width: 100%; + } + + .row > .off-12-large { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + } + + @media screen and (max-width: 980px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-medium { + order: -1; + } + + .row > .col-1-medium { + width: 8.33333%; + } + + .row > .off-1-medium { + margin-left: 8.33333%; + } + + .row > .col-2-medium { + width: 16.66667%; + } + + .row > .off-2-medium { + margin-left: 16.66667%; + } + + .row > .col-3-medium { + width: 25%; + } + + .row > .off-3-medium { + margin-left: 25%; + } + + .row > .col-4-medium { + width: 33.33333%; + } + + .row > .off-4-medium { + margin-left: 33.33333%; + } + + .row > .col-5-medium { + width: 41.66667%; + } + + .row > .off-5-medium { + margin-left: 41.66667%; + } + + .row > .col-6-medium { + width: 50%; + } + + .row > .off-6-medium { + margin-left: 50%; + } + + .row > .col-7-medium { + width: 58.33333%; + } + + .row > .off-7-medium { + margin-left: 58.33333%; + } + + .row > .col-8-medium { + width: 66.66667%; + } + + .row > .off-8-medium { + margin-left: 66.66667%; + } + + .row > .col-9-medium { + width: 75%; + } + + .row > .off-9-medium { + margin-left: 75%; + } + + .row > .col-10-medium { + width: 83.33333%; + } + + .row > .off-10-medium { + margin-left: 83.33333%; + } + + .row > .col-11-medium { + width: 91.66667%; + } + + .row > .off-11-medium { + margin-left: 91.66667%; + } + + .row > .col-12-medium { + width: 100%; + } + + .row > .off-12-medium { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75em; + } + + .row { + margin-top: 0; + margin-left: -1.5em; + } + + .row > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25em; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3em; + } + + .row.gtr-200 > * { + padding: 0 0 0 3em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3em; + } + + } + + @media screen and (max-width: 736px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-small { + order: -1; + } + + .row > .col-1-small { + width: 8.33333%; + } + + .row > .off-1-small { + margin-left: 8.33333%; + } + + .row > .col-2-small { + width: 16.66667%; + } + + .row > .off-2-small { + margin-left: 16.66667%; + } + + .row > .col-3-small { + width: 25%; + } + + .row > .off-3-small { + margin-left: 25%; + } + + .row > .col-4-small { + width: 33.33333%; + } + + .row > .off-4-small { + margin-left: 33.33333%; + } + + .row > .col-5-small { + width: 41.66667%; + } + + .row > .off-5-small { + margin-left: 41.66667%; + } + + .row > .col-6-small { + width: 50%; + } + + .row > .off-6-small { + margin-left: 50%; + } + + .row > .col-7-small { + width: 58.33333%; + } + + .row > .off-7-small { + margin-left: 58.33333%; + } + + .row > .col-8-small { + width: 66.66667%; + } + + .row > .off-8-small { + margin-left: 66.66667%; + } + + .row > .col-9-small { + width: 75%; + } + + .row > .off-9-small { + margin-left: 75%; + } + + .row > .col-10-small { + width: 83.33333%; + } + + .row > .off-10-small { + margin-left: 83.33333%; + } + + .row > .col-11-small { + width: 91.66667%; + } + + .row > .off-11-small { + margin-left: 91.66667%; + } + + .row > .col-12-small { + width: 100%; + } + + .row > .off-12-small { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.25em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.25em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.5em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.5em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; + } + + .row { + margin-top: 0; + margin-left: -1em; + } + + .row > * { + padding: 0 0 0 1em; + } + + .row.gtr-uniform { + margin-top: -1em; + } + + .row.gtr-uniform > * { + padding-top: 1em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; + } + + .row.gtr-150 > * { + padding: 0 0 0 1.5em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -1.5em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -2em; + } + + .row.gtr-200 > * { + padding: 0 0 0 2em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -2em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 2em; + } + + } + + @media screen and (max-width: 480px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xsmall { + order: -1; + } + + .row > .col-1-xsmall { + width: 8.33333%; + } + + .row > .off-1-xsmall { + margin-left: 8.33333%; + } + + .row > .col-2-xsmall { + width: 16.66667%; + } + + .row > .off-2-xsmall { + margin-left: 16.66667%; + } + + .row > .col-3-xsmall { + width: 25%; + } + + .row > .off-3-xsmall { + margin-left: 25%; + } + + .row > .col-4-xsmall { + width: 33.33333%; + } + + .row > .off-4-xsmall { + margin-left: 33.33333%; + } + + .row > .col-5-xsmall { + width: 41.66667%; + } + + .row > .off-5-xsmall { + margin-left: 41.66667%; + } + + .row > .col-6-xsmall { + width: 50%; + } + + .row > .off-6-xsmall { + margin-left: 50%; + } + + .row > .col-7-xsmall { + width: 58.33333%; + } + + .row > .off-7-xsmall { + margin-left: 58.33333%; + } + + .row > .col-8-xsmall { + width: 66.66667%; + } + + .row > .off-8-xsmall { + margin-left: 66.66667%; + } + + .row > .col-9-xsmall { + width: 75%; + } + + .row > .off-9-xsmall { + margin-left: 75%; + } + + .row > .col-10-xsmall { + width: 83.33333%; + } + + .row > .off-10-xsmall { + margin-left: 83.33333%; + } + + .row > .col-11-xsmall { + width: 91.66667%; + } + + .row > .off-11-xsmall { + margin-left: 91.66667%; + } + + .row > .col-12-xsmall { + width: 100%; + } + + .row > .off-12-xsmall { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.3125em; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.3125em; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.3125em; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.3125em; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.625em; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.625em; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.625em; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.625em; + } + + .row { + margin-top: 0; + margin-left: -1.25em; + } + + .row > * { + padding: 0 0 0 1.25em; + } + + .row.gtr-uniform { + margin-top: -1.25em; + } + + .row.gtr-uniform > * { + padding-top: 1.25em; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -1.875em; + } + + .row.gtr-150 > * { + padding: 0 0 0 1.875em; + } + + .row.gtr-150.gtr-uniform { + margin-top: -1.875em; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 1.875em; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -2.5em; + } + + .row.gtr-200 > * { + padding: 0 0 0 2.5em; + } + + .row.gtr-200.gtr-uniform { + margin-top: -2.5em; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 2.5em; + } + + } + +/* Box */ + + .box { + border-radius: 8px; + border: solid; + margin-bottom: 2em; + padding: 1.5em; + } + + .box > :last-child, + .box > :last-child > :last-child, + .box > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + .box.alt { + border: 0; + border-radius: 0; + padding: 0; + } + + .box { + border-color: rgba(255, 255, 255, 0.35); + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + border-radius: 8px; + border: 0; + cursor: pointer; + display: inline-block; + font-weight: 300; + height: 2.75em; + line-height: 2.75em; + min-width: 9.25em; + padding: 0 1.5em; + text-align: center; + text-decoration: none; + white-space: nowrap; + } + + input[type="submit"].icon, + input[type="reset"].icon, + input[type="button"].icon, + button.icon, + .button.icon { + padding-left: 1.35em; + } + + input[type="submit"].icon:before, + input[type="reset"].icon:before, + input[type="button"].icon:before, + button.icon:before, + .button.icon:before { + margin-right: 0.5em; + } + + input[type="submit"].fit, + input[type="reset"].fit, + input[type="button"].fit, + button.fit, + .button.fit { + width: 100%; + } + + input[type="submit"].small, + input[type="reset"].small, + input[type="button"].small, + button.small, + .button.small { + font-size: 0.8em; + } + + input[type="submit"].large, + input[type="reset"].large, + input[type="button"].large, + button.large, + .button.large { + font-size: 1.35em; + } + + input[type="submit"].disabled, input[type="submit"]:disabled, + input[type="reset"].disabled, + input[type="reset"]:disabled, + input[type="button"].disabled, + input[type="button"]:disabled, + button.disabled, + button:disabled, + .button.disabled, + .button:disabled { + pointer-events: none; + opacity: 0.25; + } + + @media screen and (max-width: 736px) { + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + min-width: 0; + } + + } + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + background-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35); + color: #ffffff !important; + } + + input[type="submit"]:hover, + input[type="reset"]:hover, + input[type="button"]:hover, + button:hover, + .button:hover { + background-color: rgba(255, 255, 255, 0.075); + } + + input[type="submit"]:active, + input[type="reset"]:active, + input[type="button"]:active, + button:active, + .button:active { + background-color: rgb(255, 255, 255); + } + + input[type="submit"].icon:before, + input[type="reset"].icon:before, + input[type="button"].icon:before, + button.icon:before, + .button.icon:before { + color: rgba(255, 255, 255, 0.5); + } + + input[type="submit"].primary, + input[type="reset"].primary, + input[type="button"].primary, + button.primary, + .button.primary { + background-color: #8cc9f0; + color: #ffffff !important; + box-shadow: none; + } + + input[type="submit"].primary:hover, + input[type="reset"].primary:hover, + input[type="button"].primary:hover, + button.primary:hover, + .button.primary:hover { + background-color: #9acff2; + } + + input[type="submit"].primary:active, + input[type="reset"].primary:active, + input[type="button"].primary:active, + button.primary:active, + .button.primary:active { + background-color: #7ec3ee; + } + + input[type="submit"].primary.icon:before, + input[type="reset"].primary.icon:before, + input[type="button"].primary.icon:before, + button.primary.icon:before, + .button.primary.icon:before { + color: #ffffff !important; + } + +/* Form */ + + form { + margin: 0 0 2em 0; + } + + label { + display: block; + font-size: 0.9em; + font-weight: 400; + margin: 0 0 1em 0; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + border-radius: 8px; + border: solid 1px; + color: inherit; + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; + } + + input[type="text"]:invalid, + input[type="password"]:invalid, + input[type="email"]:invalid, + select:invalid, + textarea:invalid { + box-shadow: none; + } + + select { + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: 2.75em; + padding-right: 2.75em; + text-overflow: ellipsis; + } + + select:focus::-ms-value { + background-color: transparent; + } + + select::-ms-expand { + display: none; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select { + height: 2.75em; + } + + textarea { + padding: 0.75em 1em; + } + + input[type="checkbox"], + input[type="radio"] { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; + } + + input[type="checkbox"] + label, + input[type="radio"] + label { + text-decoration: none; + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: 300; + padding-left: 2.4em; + padding-right: 0.75em; + position: relative; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + border-radius: 8px; + border: solid 1px; + content: ''; + display: inline-block; + font-size: 0.8em; + height: 2.0625em; + left: 0; + line-height: 2.0625em; + position: absolute; + text-align: center; + top: 0; + width: 2.0625em; + } + + input[type="checkbox"]:checked + label:before, + input[type="radio"]:checked + label:before { + content: '\f00c'; + } + + input[type="checkbox"] + label:before { + border-radius: 8px; + } + + input[type="radio"] + label:before { + border-radius: 100%; + } + + ::-webkit-input-placeholder { + opacity: 1.0; + } + + :-moz-placeholder { + opacity: 1.0; + } + + ::-moz-placeholder { + opacity: 1.0; + } + + :-ms-input-placeholder { + opacity: 1.0; + } + + label { + color: #ffffff; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + background-color: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.35); + } + + input[type="text"]:focus, + input[type="password"]:focus, + input[type="email"]:focus, + select:focus, + textarea:focus { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + select { + 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='rgba(255, 255, 255, 0.35)' /%3E%3C/svg%3E"); + } + + select option { + color: #ffffff; + background: #935d8c; + } + + input[type="checkbox"] + label, + input[type="radio"] + label { + color: rgba(255, 255, 255, 0.65); + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.35); + } + + input[type="checkbox"]:checked + label:before, + input[type="radio"]:checked + label:before { + background-color: #ffffff; + border-color: #ffffff; + color: #935d8c; + } + + input[type="checkbox"]:focus + label:before, + input[type="radio"]:focus + label:before { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } + + .formerize-placeholder { + color: rgba(255, 255, 255, 0.5) !important; + } +/* Icon */ + +.icon { + text-decoration: none; + -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + border-bottom: none; + position: relative; +} + +.icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 400; +} + +.icon > .label { + display: none; +} + +.icon:before { + line-height: solid; +} + +.icon.solid:before { + font-weight: 900; +} + +.icon.brands:before { + font-family: 'Font Awesome 5 Brands'; +} + +.icon.major { + border: solid 1px; + display: inline-block; + border-radius: 100%; + padding: 0.65em; + margin: 0 0 2em 0; + cursor: default; +} + +.icon.major:before { + display: inline-block; + font-size: 6.25rem; + width: 2.25em; + height: 2.25em; + line-height: 2.2em; + border-radius: 100%; + border: solid 1px; + text-align: center; +} + +.icon.alt { + display: inline-block; + border: solid 1px; + border-radius: 100%; +} + +.icon.alt:before { + display: block; + font-size: 1.25em; + width: 2em; + height: 2em; + text-align: center; + line-height: 2em; +} + +.icon.alt img { + display: block; + width: 2.5em; + height: 2.5em; + text-align: center; + border-radius: 100%; + padding: 0.5em; +} + +.icon.style1 { + color: #efa8b0; +} + +.icon.style2 { + color: #c79cc8; +} + +.icon.style3 { + color: #a89cc8; +} + +.icon.style4 { + color: #9bb2e1; +} + +.icon.style5 { + color: #8cc9f0; +} + +@media screen and (max-width: 1680px) { + + .icon.major:before { + font-size: 5.5rem; + } + +} + +@media screen and (max-width: 1280px) { + + .icon.major:before { + font-size: 4.75rem; + } + +} + +@media screen and (max-width: 736px) { + + .icon.major { + margin: 0 0 1.5em 0; + padding: 0.35em; + } + + .icon.major:before { + font-size: 3.5rem; + } + +} + +.icon.major { + border-color: rgba(255, 255, 255, 0.35); +} + +.icon.major:before { + border-color: rgba(255, 255, 255, 0.35); +} + +.icon.alt { + border-color: rgba(255, 255, 255, 0.35); + color: #ffffff; +} + +.icon.alt:hover { + background-color: rgba(255, 255, 255, 0.075); +} + +.icon.alt:active { + background-color: rgba(255, 255, 255, 0.2); +} + + +/* Image */ + + .image { + border-radius: 8px; + border: 0; + display: inline-block; + position: relative; + } + + .image img { + border-radius: 8px; + display: block; + } + + .image.left, .image.right { + max-width: 40%; + } + + .image.left img, .image.right img { + width: 100%; + } + + .image.left { + float: left; + margin: 0 1.5em 1em 0; + top: 0.25em; + } + + .image.right { + float: right; + margin: 0 0 1em 1.5em; + top: 0.25em; + } + + .image.fit { + display: block; + margin: 0 0 2em 0; + width: 100%; + } + + .image.fit img { + width: 100%; + } + + .image.main { + display: block; + margin: 0 0 3em 0; + width: 100%; + } + + .image.main img { + width: 100%; + } + +/* List */ + + ol { + list-style: decimal; + margin: 0 0 2em 0; + padding-left: 1.25em; + } + + ol li { + padding-left: 0.25em; + } + + ul { + list-style: disc; + margin: 0 0 2em 0; + padding-left: 1em; + } + + ul li { + padding-left: 0.5em; + } + + ul.alt { + list-style: none; + padding-left: 0; + } + + ul.alt li { + border-top: solid 1px; + padding: 0.5em 0; + } + + ul.alt li:first-child { + border-top: 0; + padding-top: 0; + } + + dl { + margin: 0 0 2em 0; + } + + dl dt { + display: block; + font-weight: 400; + margin: 0 0 1em 0; + } + + dl dd { + margin-left: 2em; + } + + dl.alt dt { + display: block; + width: 3em; + margin: 0; + clear: left; + float: left; + } + + dl.alt dd { + margin: 0 0 0.85em 5.5em; + } + + dl.alt:after { + content: ''; + display: block; + clear: both; + } + + ul.alt li { + border-top-color: rgba(255, 255, 255, 0.35); + } + + dl dt { + color: #ffffff; + } + +/* Actions */ + + ul.actions { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + cursor: default; + list-style: none; + margin-left: -1em; + padding-left: 0; + } + + ul.actions li { + padding: 0 0 0 1em; + vertical-align: middle; + } + + ul.actions.special { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; + } + + ul.actions.special li:first-child { + padding-left: 0; + } + + ul.actions.stacked { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + } + + ul.actions.stacked li { + padding: 1.3em 0 0 0; + } + + ul.actions.stacked li:first-child { + padding-top: 0; + } + + ul.actions.fit { + width: calc(100% + 1em); + } + + ul.actions.fit li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 100%; + } + + ul.actions.fit li > * { + width: 100%; + } + + ul.actions.fit.stacked { + width: 100%; + } + + @media screen and (max-width: 480px) { + + ul.actions:not(.fixed) { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + width: 100% !important; + } + + ul.actions:not(.fixed) li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + padding: 1em 0 0 0; + text-align: center; + width: 100%; + } + + ul.actions:not(.fixed) li > * { + width: 100%; + } + + ul.actions:not(.fixed) li:first-child { + padding-top: 0; + } + + ul.actions:not(.fixed) li input[type="submit"], + ul.actions:not(.fixed) li input[type="reset"], + ul.actions:not(.fixed) li input[type="button"], + ul.actions:not(.fixed) li button, + ul.actions:not(.fixed) li .button { + width: 100%; + } + + ul.actions:not(.fixed) li input[type="submit"].icon:before, + ul.actions:not(.fixed) li input[type="reset"].icon:before, + ul.actions:not(.fixed) li input[type="button"].icon:before, + ul.actions:not(.fixed) li button.icon:before, + ul.actions:not(.fixed) li .button.icon:before { + margin-left: -0.5rem; + } + + } + +/* Icons */ + + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; + } + + ul.icons li { + display: inline-block; + padding: 0 0.65em 0 0; + } + + ul.icons li:last-child { + padding-right: 0 !important; + } + +/* Section/Article */ + + section.special, article.special { + text-align: center; + } + + header.major { + margin-bottom: 3em; + } + + header.major h2 { + font-size: 2em; + } + + header.major h2:after { + display: block; + content: ''; + width: 3.25em; + height: 2px; + margin: 0.7em 0 1em 0; + border-radius: 2px; + } + + section.special header.major h2:after, article.special header.major h2:after { + margin-left: auto; + margin-right: auto; + } + + header.major p { + font-size: 1.25em; + letter-spacing: -0.025em; + } + + header.major.special { + text-align: center; + } + + header.major.special h2:after { + margin-left: auto; + margin-right: auto; + } + + footer.major { + margin-top: 3em; + } + + @media screen and (max-width: 736px) { + + header.major { + margin-bottom: 0; + } + + header.major h2 { + font-size: 1.5em; + } + + header.major p { + font-size: 1em; + letter-spacing: 0; + } + + header.major p br { + display: none; + } + + footer.major { + margin-top: 0; + } + + } + + header.major h2:after { + background-color: rgba(255, 255, 255, 0.35); + } + +/* Table */ + + .table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + } + + table { + margin: 0 0 2em 0; + width: 100%; + } + + table tbody tr { + border: solid 1px; + border-left: 0; + border-right: 0; + } + + table td { + padding: 0.75em 0.75em; + } + + table th { + font-size: 0.9em; + font-weight: 400; + padding: 0 0.75em 0.75em 0.75em; + text-align: left; + } + + table thead { + border-bottom: solid 2px; + } + + table tfoot { + border-top: solid 2px; + } + + table.alt { + border-collapse: separate; + } + + table.alt tbody tr td { + border: solid 1px; + border-left-width: 0; + border-top-width: 0; + } + + table.alt tbody tr td:first-child { + border-left-width: 1px; + } + + table.alt tbody tr:first-child td { + border-top-width: 1px; + } + + table.alt thead { + border-bottom: 0; + } + + table.alt tfoot { + border-top: 0; + } + + table tbody tr { + border-color: rgba(255, 255, 255, 0.35); + } + + table tbody tr:nth-child(2n + 1) { + background-color: rgba(255, 255, 255, 0.075); + } + + table th { + color: #ffffff; + } + + table thead { + border-bottom-color: rgba(255, 255, 255, 0.35); + } + + table tfoot { + border-top-color: rgba(255, 255, 255, 0.35); + } + + table.alt tbody tr td { + border-color: rgba(255, 255, 255, 0.35); + } + +/* Features */ + + .features { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: calc(100% + 2em); + margin: 0 0 3em -2em; + padding: 0; + list-style: none; + } + + .features li { + width: calc(33.33333% - 2em); + margin-left: 2em; + margin-top: 3em; + padding: 0; + } + + .features li:nth-child(1), .features li:nth-child(2), .features li:nth-child(3) { + margin-top: 0; + } + + .features li > :last-child { + margin-bottom: 0; + } + + @media screen and (max-width: 980px) { + + .features li { + width: calc(50% - 2em); + } + + .features li:nth-child(3) { + margin-top: 3em; + } + + } + + @media screen and (max-width: 736px) { + + .features { + width: 100%; + margin: 0 0 2em 0; + } + + .features li { + width: 100%; + margin-left: 0; + margin-top: 2em; + } + + .features li:nth-child(2), .features li:nth-child(3) { + margin-top: 2em; + } + + } + +/* Statistics */ + + .statistics { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + width: 100%; + margin: 0 0 3em 0; + padding: 0; + list-style: none; + cursor: default; + } + + .statistics li { + -moz-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + padding: 1.5em; + color: #ffffff; + text-align: center; + } + + .statistics li.style1 { + background-color: #efa8b0; + } + + .statistics li.style2 { + background-color: #c79cc8; + } + + .statistics li.style3 { + background-color: #a89cc8; + } + + .statistics li.style4 { + background-color: #9bb2e1; + } + + .statistics li.style5 { + background-color: #8cc9f0; + } + + .statistics li strong, .statistics li b { + display: block; + font-size: 2em; + line-height: 1.1; + color: inherit !important; + font-weight: 300; + letter-spacing: -0.025em; + } + + .statistics li:first-child { + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; + } + + .statistics li:last-child { + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; + } + + .statistics li .icon { + display: inline-block; + } + + .statistics li .icon:before { + font-size: 2.75rem; + line-height: 1.3; + } + + @media screen and (max-width: 980px) { + + .statistics li strong, .statistics li b { + font-size: 1.5em; + } + + } + + @media screen and (max-width: 736px) { + + .statistics { + display: block; + width: 20em; + max-width: 100%; + margin: 0 auto 2em auto; + } + + .statistics li:first-child { + border-bottom-left-radius: 0; + border-top-right-radius: 8px; + } + + .statistics li:last-child { + border-top-right-radius: 0; + border-bottom-left-radius: 8px; + } + + .statistics li .icon:before { + font-size: 3.75rem; + } + + .statistics li strong, .statistics li b { + font-size: 2.5em; + } + + } + +/* Spotlight */ + + .spotlight { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-align-items: center; + -webkit-align-items: center; + -ms-align-items: center; + align-items: center; + margin: 0 0 2em 0; + } + + .spotlight .content { + -moz-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + } + + .spotlight .content > :last-child { + margin-bottom: 0; + } + + .spotlight .content header.major { + margin: 0 0 2em 0; + } + + .spotlight .image { + display: inline-block; + margin-left: 4em; + padding: 0.65em; + border-radius: 100%; + border: solid 1px; + } + + .spotlight .image img { + display: block; + border-radius: 100%; + width: 16em; + } + + @media screen and (max-width: 980px) { + + .spotlight { + -moz-flex-direction: column-reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + text-align: center; + } + + .spotlight .content { + -moz-flex: 0 1 auto; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 100%; + } + + .spotlight .content header.major h2:after { + margin-left: auto; + margin-right: auto; + } + + .spotlight .content .actions { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: calc(100% + 1em); + } + + .spotlight .image { + -moz-flex: 0 1 auto; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin-left: 0; + margin-bottom: 2em; + } + + } + + @media screen and (max-width: 736px) { + + .spotlight .image { + padding: 0.35em; + } + + .spotlight .image img { + width: 12em; + } + + } + + .spotlight .image { + border-color: rgba(255, 255, 255, 0.35); + } + +/* Header */ + + #header { + padding: 5em 5em 1em 5em ; + text-align: center; + } + + #header h1 { + margin: 0 0 0.25em 0; + } + + #header p { + font-size: 1.25em; + letter-spacing: -0.025em; + } + + #header.alt { + padding: 7em 5em 4em 5em ; + } + + #header.alt h1 { + font-size: 3.25em; + } + + #header.alt > * { + -moz-transition: opacity 3s ease; + -webkit-transition: opacity 3s ease; + -ms-transition: opacity 3s ease; + transition: opacity 3s ease; + -moz-transition-delay: 0.5s; + -webkit-transition-delay: 0.5s; + -ms-transition-delay: 0.5s; + transition-delay: 0.5s; + opacity: 1; + } + + #header.alt .logo { + -moz-transition: opacity 1.25s ease, -moz-transform 0.5s ease; + -webkit-transition: opacity 1.25s ease, -webkit-transform 0.5s ease; + -ms-transition: opacity 1.25s ease, -ms-transform 0.5s ease; + transition: opacity 1.25s ease, transform 0.5s ease; + -moz-transition-delay: 0s; + -webkit-transition-delay: 0s; + -ms-transition-delay: 0s; + transition-delay: 0s; + display: block; + margin: 0 0 1.5em 0; + } + + #header.alt .logo img { + display: block; + margin: 0 auto; + max-width: 75%; + } + + @media screen and (max-width: 1280px) { + + #header { + padding: 4em 4em 0.1em 4em ; + } + + #header.alt { + padding: 6em 4em 3em 4em ; + } + + } + + @media screen and (max-width: 980px) { + + #header { + padding: 4em 3em 0.1em 3em ; + } + + #header.alt { + padding: 5em 3em 2em 3em ; + } + + } + + @media screen and (max-width: 736px) { + + #header { + padding: 3em 2em 0.1em 2em ; + } + + #header p { + font-size: 1em; + letter-spacing: 0; + } + + #header p br { + display: none; + } + + #header.alt { + padding: 4em 2em 1em 2em ; + } + + #header.alt h1 { + font-size: 2.5em; + } + + } + + @media screen and (max-width: 480px) { + + #header { + padding: 3em 1.5em 0.1em 1.5em ; + } + + #header.alt { + padding: 4em 1.5em 1em 1.5em ; + } + + } + + @media screen and (max-width: 360px) { + + #header { + padding: 2.5em 1em 0.1em 1em ; + } + + #header.alt { + padding: 3.5em 1em 0.5em 1em ; + } + + } + + body.is-preload #header.alt > * { + opacity: 0; + } + + body.is-preload #header.alt .logo { + -moz-transform: scale(0.8) rotate(-30deg); + -webkit-transform: scale(0.8) rotate(-30deg); + -ms-transform: scale(0.8) rotate(-30deg); + transform: scale(0.8) rotate(-30deg); + } + +/* Nav */ + + #nav { + -moz-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + -webkit-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + -ms-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease; + background-color: #0a0a0a; + color: #fafafa; + position: absolute; + width: 64em; + max-width: calc(100% - 4em); + padding: 1em; + background-color: #0a0a0a; + border-top-left-radius: 0.25em; + border-top-right-radius: 0.25em; + cursor: default; + text-align: center; + } + + #nav input, #nav select, #nav textarea { + color: #fafafa; + } + + #nav a:hover { + color: #ffffff; + } + + #nav strong, #nav b { + color: #0a0a0a; + } + + #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 { + color: #ffffff; + } + + #nav blockquote { + border-left-color: #0a0a0a; + } + + #nav code { + background: #0a0a0a; + border-color: #0a0a0a; + } + + #nav hr { + border-bottom-color: #0a0a0a; + } + + #nav + #main { + padding-top: 4.25em; + } + + #nav ul { + margin: 0; + padding: 0; + list-style: none; + } + + #nav ul li { + -moz-transition: margin 0.2s ease; + -webkit-transition: margin 0.2s ease; + -ms-transition: margin 0.2s ease; + transition: margin 0.2s ease; + display: inline-block; + margin: 0 0.35em; + padding: 0; + vertical-align: middle; + } + + #nav ul li a { + -moz-transition: font-size 0.2s ease; + -webkit-transition: font-size 0.2s ease; + -ms-transition: font-size 0.2s ease; + transition: font-size 0.2s ease; + display: inline-block; + height: 2.25em; + line-height: 2.25em; + padding: 0 1.25em; + border: 0; + border-radius: 8px; + box-shadow: inset 0 0 0 1px transparent; + } + + #nav ul li a:hover { + background-color: #080808; + } + + #nav ul li a.active { + background-color: #000000; + box-shadow: none; + } + + #nav.alt { + position: fixed; + top: 0; + padding: 0.5em 1em; + background-color: #0a0a0a; + border-top-left-radius: 0; + border-top-right-radius: 0; + z-index: 10000; + } + + #nav.alt ul li { + margin: 0 0.175em; + } + + #nav.alt ul li a { + font-size: 0.9em; + } + + @media screen and (max-width: 736px) { + + #nav { + display: none; + } + + #nav + #main { + padding-top: 0; + } + + } + +/* Main */ + + #main { + background-color: #0a0a0a; + color: #fafafa; + border-radius: 0.25em; + } + + #main input, #main select, #main textarea { + color: #ffffff; + } + + #main a:hover { + color: #ffffff; + } + + #main strong, #main b { + color: #ffffff; + } + + #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { + color: #ffffff; + } + + #main blockquote { + border-left-color: #dddddd; + } + + #main code { + background: rgba(222, 222, 222, 0.25); + border-color: #dddddd; + } + + #main hr { + border-bottom-color: #dddddd; + } + + #main a,p { + color: #fafafa; + } + + #main .box { + border-color: #dddddd; + } + + #main input[type="submit"], + #main input[type="reset"], + #main input[type="button"], + #main button, + #main .button { + background-color: transparent; + box-shadow: inset 0 0 0 1px #dddddd; + color: #ffffff !important; + } + + #main input[type="submit"]:hover, + #main input[type="reset"]:hover, + #main input[type="button"]:hover, + #main button:hover, + #main .button:hover { + background-color: rgba(222, 222, 222, 0.25); + } + + #main input[type="submit"]:active, + #main input[type="reset"]:active, + #main input[type="button"]:active, + #main button:active, + #main .button:active { + background-color: rgba(222, 222, 222, 0.5); + } + + #main input[type="submit"].icon:before, + #main input[type="reset"].icon:before, + #main input[type="button"].icon:before, + #main button.icon:before, + #main .button.icon:before { + color: rgba(99, 99, 99, 0.25); + } + + #main input[type="submit"].primary, + #main input[type="reset"].primary, + #main input[type="button"].primary, + #main button.primary, + #main .button.primary { + background-color: #1f1f1f; + color: #ffffff !important; + box-shadow: none; + } + + #main input[type="submit"].primary:hover, + #main input[type="reset"].primary:hover, + #main input[type="button"].primary:hover, + #main button.primary:hover, + #main .button.primary:hover { + background-color: #000000; + } + + #main input[type="submit"].primary:active, + #main input[type="reset"].primary:active, + #main input[type="button"].primary:active, + #main button.primary:active, + #main .button.primary:active { + background-color: #080808; + } + + #main input[type="submit"].primary.icon:before, + #main input[type="reset"].primary.icon:before, + #main input[type="button"].primary.icon:before, + #main button.primary.icon:before, + #main .button.primary.icon:before { + color: #ffffff !important; + } + + #main label { + color: #636363; + } + + #main input[type="text"], + #main input[type="password"], + #main input[type="email"], + #main select, + #main textarea { + background-color: rgba(222, 222, 222, 0.25); + border-color: #dddddd; + } + + #main input[type="text"]:focus, + #main input[type="password"]:focus, + #main input[type="email"]:focus, + #main select:focus, + #main textarea:focus { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + #main select { + 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='%23dddddd' /%3E%3C/svg%3E"); + } + + #main select option { + color: #636363; + background: #ffffff; + } + + #main input[type="checkbox"] + label, + #main input[type="radio"] + label { + color: #636363; + } + + #main input[type="checkbox"] + label:before, + #main input[type="radio"] + label:before { + background: rgba(222, 222, 222, 0.25); + border-color: #dddddd; + } + + #main input[type="checkbox"]:checked + label:before, + #main input[type="radio"]:checked + label:before { + background-color: #636363; + border-color: #636363; + color: #ffffff; + } + + #main input[type="checkbox"]:focus + label:before, + #main input[type="radio"]:focus + label:before { + border-color: #8cc9f0; + box-shadow: 0 0 0 1px #8cc9f0; + } + + #main ::-webkit-input-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main :-moz-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main ::-moz-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main :-ms-input-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main .formerize-placeholder { + color: rgba(99, 99, 99, 0.25) !important; + } + + #main .icon.major { + border-color: #dddddd; + } + + #main .icon.major:before { + border-color: #dddddd; + } + + #main .icon.alt { + border-color: #dddddd; + color: #636363; + } + + #main .icon.alt:hover { + background-color: rgba(222, 222, 222, 0.25); + } + + #main .icon.alt:active { + background-color: rgba(222, 222, 222, 0.5); + } + + #main ul.alt li { + border-top-color: #dddddd; + } + + #main dl dt { + color: #636363; + } + + #main header.major h2:after { + background-color: #dddddd; + background-image: -moz-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + background-image: -webkit-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + background-image: -ms-linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + background-image: linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0); + } + + #main table tbody tr { + border-color: #dddddd; + } + + #main table tbody tr:nth-child(2n + 1) { + background-color: rgba(222, 222, 222, 0.25); + } + + #main table th { + color: #636363; + } + + #main table thead { + border-bottom-color: #dddddd; + } + + #main table tfoot { + border-top-color: #dddddd; + } + + #main table.alt tbody tr td { + border-color: #dddddd; + } + + #main .spotlight .image { + border-color: #dddddd; + } + + #main > .main { + padding: 5em 5em 3em 5em ; + border-top: solid 1px #dddddd; + } + + #main > .main:first-child { + border-top: 0; + } + + #main > .main > .image.main:first-child { + margin: -5em 0 5em -5em; + width: calc(100% + 10em); + border-top-right-radius: 0.25em; + border-top-left-radius: 0.25em; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + #main > .main > .image.main:first-child img { + border-top-right-radius: 0.25em; + border-top-left-radius: 0.25em; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + @media screen and (max-width: 1280px) { + + #main > .main { + padding: 4em 4em 2em 4em ; + } + + #main > .main > .image.main:first-child { + margin: -4em 0 4em -4em; + width: calc(100% + 8em); + } + + } + + @media screen and (max-width: 980px) { + + #main > .main { + padding: 4em 3em 2em 3em ; + } + + #main > .main > .image.main:first-child { + margin: -4em 0 4em -3em; + width: calc(100% + 6em); + } + + } + + @media screen and (max-width: 736px) { + + #main > .main { + padding: 3em 2em 1em 2em ; + } + + #main > .main > .image.main:first-child { + margin: -3em 0 2em -2em; + width: calc(100% + 4em); + } + + } + + @media screen and (max-width: 480px) { + + #main > .main { + padding: 3em 1.5em 1em 1.5em ; + } + + #main > .main > .image.main:first-child { + margin: -3em 0 1.5em -1.5em; + width: calc(100% + 3em); + } + + } + + @media screen and (max-width: 360px) { + + #main { + border-radius: 0; + } + + #main > .main { + padding: 2.5em 1em 0.5em 1em ; + } + + #main > .main > .image.main:first-child { + margin: -2.5em 0 1.5em -1em; + width: calc(100% + 2em); + border-radius: 0; + } + + #main > .main > .image.main:first-child img { + border-radius: 0; + } + + } + +/* Footer */ + + #footer { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 5em 5em 3em 5em ; + width: calc(100% + 2em); + margin: 0 0 3em -2em; + } + + #footer > * { + width: calc(50% - 2em); + margin-left: 2em; + } + + #footer .copyright { + width: 100%; + margin: 2.5em 0 2em 0; + font-size: 0.8em; + text-align: center; + } + + @media screen and (max-width: 1280px) { + + #footer { + padding: 4em 4em 2em 4em ; + } + + } + + @media screen and (max-width: 980px) { + + #footer { + padding: 4em 3em 2em 3em ; + display: block; + margin: 0 0 3em 0; + width: 100%; + } + + #footer > * { + width: 100%; + margin-left: 0; + margin-bottom: 3em; + } + + #footer .copyright { + text-align: left; + } + + } + + @media screen and (max-width: 736px) { + + #footer { + padding: 3em 2em 1em 2em ; + } + + } + + @media screen and (max-width: 480px) { + + #footer { + padding: 3em 1.5em 1em 1.5em ; + } + + } + + @media screen and (max-width: 480px) { + + #footer { + padding: 2.5em 1em 0.5em 1em ; + } + + } + +/* Wrapper */ + + #wrapper { + width: 64em; + max-width: calc(100% - 4em); + margin: 0 auto; + } + + @media screen and (max-width: 480px) { + + #wrapper { + max-width: calc(100% - 2em); + } + + } + + @media screen and (max-width: 360px) { + + #wrapper { + max-width: 100%; + } + + } + + diff --git a/assets/css/noscript.css b/assets/css/noscript.css new file mode 100644 index 0000000..5c1a717 --- /dev/null +++ b/assets/css/noscript.css @@ -0,0 +1,18 @@ +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Header */ + + body.is-preload #header.alt > * { + opacity: 1; + } + + body.is-preload #header.alt .logo { + -moz-transform: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; + } \ No newline at end of file diff --git a/assets/css/stars.css b/assets/css/stars.css new file mode 100644 index 0000000..f158efd --- /dev/null +++ b/assets/css/stars.css @@ -0,0 +1,151 @@ +/* Remove the existing colorful background from the body */ +body { + background-color: black; +} + + + +.full-wh { + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + width: 100%; +} + +.bg-animation { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.bg-animation { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + +} + +#stars { + width: 1px; + height: 1px; + background: transparent; + box-shadow: 117px 1613px #333333, 1488px 635px #333333, 944px 914px #333333, 647px 277px #333333, 1792px 1205px #333333, 656px 1517px #333333, 820px 1839px #333333, 1153px 1400px #333333, 870px 13px #333333, 550px 702px #333333, 1155px 1056px #333333, 88px 1709px #333333, 1450px 1090px #333333, 1929px 457px #333333, 1390px 905px #333333, 1771px 269px #333333, 1741px 669px #333333, 432px 64px #333333, 563px 996px #333333, 1918px 1873px #333333, 1845px 1211px #333333, 231px 1503px #333333, 37px 220px #333333, 1970px 495px #333333, 1812px 925px #333333, 67px 1398px #333333, 535px 279px #333333, 1837px 829px #333333, 1945px 685px #333333, 1677px 1817px #333333, 1317px 1415px #333333, 1785px 905px #333333, 1787px 1554px #333333, 802px 1296px #333333, 512px 1101px #333333, 583px 1364px #333333, 336px 558px #333333, 979px 334px #333333, 106px 792px #333333, 204px 34px #333333, 1845px 1763px #333333, 445px 1599px #333333, 386px 453px #333333, 471px 952px #333333, 1466px 1676px #333333, 1885px 303px #333333, 51px 1717px #333333, 1211px 299px #333333, 1546px 1887px #333333, 1067px 33px #333333, 1088px 1326px #333333, 1938px 760px #333333, 470px 648px #333333, 1213px 269px #333333, 1767px 78px #333333, 977px 976px #333333, 1926px 175px #333333, 722px 1512px #333333, 945px 227px #333333, 1811px 99px #333333, 1912px 1406px #333333, 1602px 1243px #333333, 610px 449px #333333, 654px 1393px #333333, 1930px 1193px #333333, 258px 1184px #333333, 89px 265px #333333, 824px 1494px #333333, 1506px 1435px #333333, 1027px 753px #333333, 1px 1197px #333333, 530px 1161px #333333, 864px 1555px #333333, 1610px 1604px #333333, 1035px 1114px #333333, 1456px 133px #333333, 1196px 1253px #333333, 361px 1037px #333333, 834px 351px #333333, 436px 1676px #333333, 1194px 1007px #333333, 1141px 647px #333333, 319px 454px #333333, 937px 1769px #333333, 1872px 1013px #333333, 733px 643px #333333, 1250px 511px #333333, 189px 296px #333333, 1639px 163px #333333, 1584px 336px #333333, 1912px 1343px #333333, 1298px 1307px #333333, 1750px 902px #333333, 1129px 845px #333333, 1899px 1470px #333333, 1427px 232px #333333, 1391px 838px #333333, 1225px 1819px #333333, 190px 1366px #333333, 1865px 518px #333333, 203px 1383px #333333, 1455px 614px #333333, 423px 354px #333333, 1678px 1790px #333333, 241px 608px #333333, 1089px 730px #333333, 1342px 38px #333333, 1848px 249px #333333, 1874px 1785px #333333, 1040px 1837px #333333, 751px 261px #333333, 510px 1975px #333333, 52px 795px #333333, 1786px 1310px #333333, 498px 712px #333333, 190px 375px #333333, 1341px 722px #333333, 43px 1394px #333333, 1821px 1687px #333333, 106px 130px #333333, 1717px 1978px #333333, 168px 151px #333333, 183px 740px #333333, 945px 1381px #333333, 669px 1170px #333333, 1285px 1816px #333333, 110px 1217px #333333, 1623px 813px #333333, 869px 647px #333333, 867px 582px #333333, 735px 1240px #333333, 519px 1896px #333333, 132px 156px #333333, 1649px 193px #333333, 241px 1109px #333333, 643px 484px #333333, 574px 1282px #333333, 1952px 564px #333333, 1978px 145px #333333, 329px 903px #333333, 1674px 617px #333333, 1978px 558px #333333, 1808px 1715px #333333, 1526px 1238px #333333, 475px 1330px #333333, 810px 425px #333333, 1709px 634px #333333, 1658px 336px #333333, 425px 194px #333333, 352px 96px #333333, 148px 180px #333333, 1139px 1046px #333333, 1809px 1233px #333333, 1669px 171px #333333, 263px 1394px #333333, 534px 715px #333333, 396px 1008px #333333, 589px 1445px #333333, 1190px 381px #333333, 1709px 279px #333333, 520px 891px #333333, 1136px 1867px #333333, 1280px 1233px #333333, 836px 296px #333333, 1348px 646px #333333, 1539px 913px #333333, 423px 781px #333333, 1271px 1805px #333333, 696px 564px #333333, 1549px 804px #333333, 303px 1555px #333333, 1449px 1903px #333333, 66px 687px #333333, 1164px 856px #333333, 1958px 1326px #333333, 125px 157px #333333, 508px 1669px #333333, 465px 725px #333333, 1925px 1440px #333333, 405px 793px #333333, 278px 110px #333333, 1084px 1065px #333333, 1077px 705px #333333, 663px 1844px #333333, 734px 263px #333333, 870px 1761px #333333, 103px 1169px #333333, 1506px 1295px #333333, 1883px 926px #333333, 335px 1361px #333333, 1126px 1284px #333333, 257px 1165px #333333, 837px 580px #333333, 1211px 1362px #333333, 1137px 1380px #333333, 135px 632px #333333, 1491px 1965px #333333, 1098px 195px #333333, 506px 417px #333333, 693px 1243px #333333, 622px 1862px #333333, 1412px 1343px #333333, 948px 1894px #333333, 1315px 1363px #333333, 754px 1098px #333333, 1931px 930px #333333, 1831px 342px #333333, 1751px 1839px #333333, 84px 775px #333333, 1662px 1488px #333333, 617px 1769px #333333, 1869px 1292px #333333, 963px 432px #333333, 371px 1114px #333333, 37px 642px #333333, 21px 1184px #333333, 602px 366px #333333, 414px 524px #333333, 282px 244px #333333, 1689px 868px #333333, 943px 681px #333333, 898px 679px #333333, 449px 1774px #333333, 1678px 1313px #333333, 475px 1811px #333333, 1146px 1509px #333333, 1151px 1863px #333333, 1617px 846px #333333, 82px 1077px #333333, 324px 1317px #333333, 1516px 885px #333333, 1706px 1526px #333333, 1925px 1180px #333333, 553px 967px #333333, 1072px 536px #333333, 1715px 1816px #333333, 185px 286px #333333, 1362px 1600px #333333, 628px 1938px #333333, 1187px 412px #333333, 569px 211px #333333, 1959px 1356px #333333, 1571px 105px #333333, 319px 1111px #333333, 36px 1364px #333333, 502px 1788px #333333, 1051px 1993px #333333, 1617px 773px #333333, 424px 1507px #333333, 1623px 1955px #333333, 307px 662px #333333, 183px 1048px #333333, 1919px 1453px #333333, 1006px 1817px #333333, 468px 673px #333333, 1142px 1375px #333333, 1228px 443px #333333, 1734px 552px #333333, 20px 1041px #333333, 1783px 334px #333333, 98px 1237px #333333, 1356px 1940px #333333, 853px 1779px #333333, 1910px 560px #333333, 1174px 1656px #333333, 110px 1724px #333333, 542px 1771px #333333, 1758px 1931px #333333, 1463px 1401px #333333, 1155px 84px #333333, 1504px 835px #333333, 750px 322px #333333, 407px 1900px #333333, 1600px 1141px #333333, 657px 886px #333333, 526px 714px #333333, 18px 836px #333333, 1546px 1548px #333333, 22px 469px #333333, 594px 1466px #333333, 1160px 1078px #333333, 627px 1055px #333333, 195px 699px #333333, 1099px 684px #333333, 530px 551px #333333, 1160px 1325px #333333, 894px 727px #333333, 1157px 98px #333333, 136px 1483px #333333, 1875px 1975px #333333, 1803px 566px #333333, 318px 1073px #333333, 1866px 1656px #333333, 543px 414px #333333, 719px 474px #333333, 1115px 738px #333333, 353px 875px #333333, 184px 1938px #333333, 1854px 1534px #333333, 420px 1698px #333333, 1480px 1550px #333333, 522px 203px #333333, 1897px 1904px #333333, 975px 1708px #333333, 1774px 602px #333333, 1908px 274px #333333, 61px 715px #333333, 983px 1156px #333333, 326px 1013px #333333, 641px 290px #333333, 1522px 120px #333333, 405px 1637px #333333, 1021px 1099px #333333, 631px 1145px #333333, 982px 1967px #333333, 200px 651px #333333, 795px 351px #333333, 790px 1082px #333333, 144px 1572px #333333, 1542px 901px #333333, 158px 1524px #333333, 849px 1843px #333333, 1807px 203px #333333, 1747px 45px #333333, 1603px 1738px #333333, 617px 1966px #333333, 342px 748px #333333, 1779px 1173px #333333, 1428px 152px #333333, 589px 1998px #333333, 1940px 1838px #333333, 115px 272px #333333, 1217px 1395px #333333, 1402px 1491px #333333, 1833px 1814px #333333, 243px 966px #333333, 319px 578px #333333, 813px 364px #333333, 669px 882px #333333, 551px 134px #333333, 1819px 920px #333333, 740px 1826px #333333, 1021px 952px #333333, 1575px 453px #333333, 324px 419px #333333, 929px 417px #333333, 885px 1112px #333333, 503px 187px #333333, 1908px 362px #333333, 1063px 1601px #333333, 169px 1792px #333333, 789px 963px #333333, 1697px 948px #333333, 1761px 1810px #333333, 1844px 1591px #333333, 1709px 949px #333333, 1402px 1396px #333333, 1037px 225px #333333, 1832px 518px #333333, 1728px 1782px #333333, 194px 1421px #333333, 1395px 742px #333333, 1478px 1325px #333333, 40px 593px #333333, 1732px 117px #333333, 51px 158px #333333, 1598px 1672px #333333, 701px 849px #333333, 1403px 1979px #333333, 145px 1414px #333333, 550px 906px #333333, 1366px 460px #333333, 142px 1379px #333333, 34px 1864px #333333, 1346px 308px #333333, 293px 998px #333333, 21px 1868px #333333, 540px 1033px #333333, 60px 746px #333333, 1602px 1476px #333333, 180px 804px #333333, 345px 1982px #333333, 1439px 640px #333333, 939px 1834px #333333, 20px 432px #333333, 492px 1549px #333333, 109px 1579px #333333, 1796px 1403px #333333, 1079px 519px #333333, 1664px 389px #333333, 1627px 1061px #333333, 823px 419px #333333, 1399px 1882px #333333, 1906px 344px #333333, 1189px 848px #333333, 117px 882px #333333, 1262px 33px #333333, 1048px 434px #333333, 1208px 1309px #333333, 1616px 408px #333333, 1833px 853px #333333, 1433px 1656px #333333, 811px 1861px #333333, 439px 1672px #333333, 1105px 248px #333333, 328px 1652px #333333, 13px 1658px #333333, 685px 987px #333333, 985px 403px #333333, 1664px 1206px #333333, 1993px 1925px #333333, 440px 917px #333333, 1835px 319px #333333, 1404px 1907px #333333, 624px 1443px #333333, 843px 954px #333333, 478px 1567px #333333, 895px 1602px #333333, 1231px 871px #333333, 1267px 1646px #333333, 475px 334px #333333, 784px 796px #333333, 1294px 199px #333333, 109px 702px #333333, 1978px 362px #333333, 291px 940px #333333, 971px 1343px #333333, 74px 719px #333333, 36px 715px #333333, 1007px 1423px #333333, 860px 314px #333333, 631px 177px #333333, 1900px 1590px #333333, 1239px 1348px #333333, 1346px 1270px #333333, 1934px 1475px #333333, 1553px 559px #333333, 588px 1969px #333333, 670px 1269px #333333, 1484px 376px #333333, 20px 1424px #333333, 1396px 8px #333333, 969px 244px #333333, 1807px 538px #333333, 1873px 891px #333333, 636px 1142px #333333, 1474px 1562px #333333, 763px 350px #333333, 663px 700px #333333, 500px 1469px #333333, 1302px 722px #333333, 181px 291px #333333, 266px 893px #333333, 1403px 654px #333333, 492px 460px #333333, 1503px 1369px #333333, 23px 1662px #333333, 349px 333px #333333, 1435px 1017px #333333, 1441px 705px #333333, 1708px 1446px #333333, 1041px 911px #333333, 1063px 780px #333333, 1158px 1356px #333333, 767px 1454px #333333, 1912px 797px #333333, 1731px 1759px #333333, 1378px 1390px #333333, 1815px 1364px #333333, 960px 270px #333333, 1343px 427px #333333, 275px 203px #333333, 1319px 1092px #333333, 1455px 770px #333333, 283px 1503px #333333, 1505px 901px #333333, 1738px 1561px #333333, 1526px 1935px #333333, 1757px 669px #333333, 1640px 620px #333333, 1750px 722px #333333, 748px 66px #333333, 1149px 540px #333333, 159px 953px #333333, 200px 1426px #333333, 515px 1110px #333333, 1552px 737px #333333, 1094px 1459px #333333, 778px 799px #333333, 1031px 523px #333333, 743px 1825px #333333, 1100px 882px #333333, 1088px 1836px #333333, 255px 599px #333333, 67px 1361px #333333, 247px 1721px #333333, 1722px 346px #333333, 1822px 155px #333333, 452px 1973px #333333, 415px 1960px #333333, 1109px 57px #333333, 273px 1392px #333333, 404px 1071px #333333, 1212px 353px #333333, 370px 460px #333333, 795px 1523px #333333, 1932px 340px #333333, 51px 1473px #333333, 1268px 364px #333333, 1512px 1862px #333333, 1678px 1801px #333333, 1796px 579px #333333, 254px 251px #333333, 1466px 1717px #333333, 893px 379px #333333, 1153px 923px #333333, 913px 1808px #333333, 791px 789px #333333, 417px 1924px #333333, 1336px 1599px #333333, 1695px 908px #333333, 1120px 114px #333333, 493px 1949px #333333, 68px 1905px #333333, 969px 481px #333333, 1420px 1095px #333333, 800px 1117px #333333, 390px 234px #333333, 356px 1644px #333333, 1098px 1486px #333333, 1360px 521px #333333, 149px 1198px #333333, 354px 747px #333333, 1749px 487px #333333, 470px 76px #333333, 1672px 289px #333333, 1731px 545px #333333, 1547px 1590px #333333, 498px 692px #333333, 398px 1592px #333333, 1846px 1237px #333333, 1537px 1474px #333333, 1726px 1374px #333333, 1922px 858px #333333, 376px 321px #333333, 985px 227px #333333, 234px 1421px #333333, 760px 745px #333333, 1990px 1132px #333333, 1560px 1597px #333333, 338px 1310px #333333, 1924px 1664px #333333, 547px 1747px #333333, 1639px 1282px #333333, 1202px 337px #333333, 1985px 779px #333333, 737px 456px #333333, 89px 501px #333333, 963px 792px #333333, 655px 1447px #333333, 1492px 1994px #333333, 1171px 254px #333333, 892px 827px #333333, 1735px 442px #333333, 1474px 1187px #333333, 846px 1518px #333333, 557px 1805px #333333, 738px 945px #333333, 795px 68px #333333, 663px 1956px #333333, 1607px 290px #333333, 1524px 15px #333333, 1097px 1911px #333333, 157px 1939px #333333, 935px 1065px #333333, 1809px 1708px #333333, 164px 1157px #333333, 83px 855px #333333, 625px 501px #333333, 814px 398px #333333, 552px 695px #333333, 597px 1546px #333333, 1237px 1417px #333333, 628px 284px #333333, 866px 767px #333333, 1403px 1394px #333333, 765px 1563px #333333, 1648px 109px #333333, 1205px 1659px #333333, 921px 1313px #333333, 1319px 243px #333333, 18px 125px #333333, 7px 777px #333333, 181px 418px #333333, 1062px 1892px #333333, 382px 106px #333333, 994px 751px #333333, 964px 234px #333333, 40px 118px #333333, 278px 706px #333333, 1540px 1978px #333333, 425px 1661px #333333, 1050px 321px #333333, 735px 1729px #333333, 1438px 260px #333333, 1229px 1109px #333333, 186px 1041px #333333, 244px 1184px #333333, 392px 1472px #333333, 670px 1249px #333333, 1260px 1443px #333333, 1977px 1511px #333333, 1240px 773px #333333, 303px 513px #333333, 63px 1530px #333333, 610px 792px #333333, 1987px 1647px #333333, 676px 1597px #333333, 1740px 1244px #333333, 816px 1661px #333333, 351px 802px #333333, 252px 1082px #333333, 31px 365px #333333, 1453px 984px #333333, 667px 1233px #333333, 1247px 1800px #333333, 839px 270px #333333, 775px 913px #333333, 1966px 1398px #333333, 499px 813px #333333, 922px 1982px #333333, 1409px 1902px #333333, 1499px 1766px #333333, 721px 899px #333333, 788px 807px #333333, 989px 1355px #333333, 1248px 1274px #333333, 849px 1091px #333333, 1799px 1036px #333333, 1486px 700px #333333, 170px 1989px #333333, 1275px 799px #333333, 772px 2000px #333333, 1642px 362px #333333, 216px 940px #333333, 1893px 281px #333333, 1944px 1298px #333333, 1294px 400px #333333, 1523px 441px #333333, 1829px 340px #333333, 468px 170px #333333, 1099px 967px #333333, 1331px 665px #333333, 1174px 1553px #333333, 1567px 325px #333333, 1028px 1399px #333333, 781px 1451px #333333, 1912px 1954px #333333, 874px 873px #333333, 1298px 1722px #333333, 1879px 706px #333333, 57px 1221px #333333, 1116px 1432px #333333, 48px 811px #333333, 101px 916px #333333, 677px 304px #333333, 1203px 639px #333333, 1391px 199px #333333, 1895px 1988px #333333, 1462px 1023px #333333, 1216px 1751px #333333, 1261px 663px #333333, 1290px 1119px #333333, 137px 1793px #333333, 1052px 1470px #333333, 1561px 226px #333333, 1156px 402px #333333, 709px 693px #333333, 1040px 1911px #333333, 1624px 1115px #333333, 551px 475px #333333, 416px 1090px #333333, 1183px 451px #333333, 58px 765px #333333, 743px 1016px #333333, 198px 369px #333333, 1645px 1503px #333333, 997px 22px #333333, 1447px 1323px #333333, 379px 883px #333333, 1171px 1195px #333333, 919px 133px #333333, 1400px 517px #333333, 725px 804px #333333, 1600px 699px #333333, 357px 581px #333333, 266px 1713px #333333, 848px 1749px #333333, 1963px 1045px #333333, 119px 1136px #333333; + -webkit-animation: animStar 50s linear infinite; + -moz-animation: animStar 50s linear infinite; + -ms-animation: animStar 50s linear infinite; + animation: animStar 50s linear infinite; +} + +#stars:after { + content: " "; + position: absolute; + top: 2000px; + width: 1px; + height: 1px; + background: transparent; + box-shadow: 117px 1613px #333333, 1488px 635px #333333, 944px 914px #333333, 647px 277px #333333, 1792px 1205px #333333, 656px 1517px #333333, 820px 1839px #333333, 1153px 1400px #333333, 870px 13px #333333, 550px 702px #333333, 1155px 1056px #333333, 88px 1709px #333333, 1450px 1090px #333333, 1929px 457px #333333, 1390px 905px #333333, 1771px 269px #333333, 1741px 669px #333333, 432px 64px #333333, 563px 996px #333333, 1918px 1873px #333333, 1845px 1211px #333333, 231px 1503px #333333, 37px 220px #333333, 1970px 495px #333333, 1812px 925px #333333, 67px 1398px #333333, 535px 279px #333333, 1837px 829px #333333, 1945px 685px #333333, 1677px 1817px #333333, 1317px 1415px #333333, 1785px 905px #333333, 1787px 1554px #333333, 802px 1296px #333333, 512px 1101px #333333, 583px 1364px #333333, 336px 558px #333333, 979px 334px #333333, 106px 792px #333333, 204px 34px #333333, 1845px 1763px #333333, 445px 1599px #333333, 386px 453px #333333, 471px 952px #333333, 1466px 1676px #333333, 1885px 303px #333333, 51px 1717px #333333, 1211px 299px #333333, 1546px 1887px #333333, 1067px 33px #333333, 1088px 1326px #333333, 1938px 760px #333333, 470px 648px #333333, 1213px 269px #333333, 1767px 78px #333333, 977px 976px #333333, 1926px 175px #333333, 722px 1512px #333333, 945px 227px #333333, 1811px 99px #333333, 1912px 1406px #333333, 1602px 1243px #333333, 610px 449px #333333, 654px 1393px #333333, 1930px 1193px #333333, 258px 1184px #333333, 89px 265px #333333, 824px 1494px #333333, 1506px 1435px #333333, 1027px 753px #333333, 1px 1197px #333333, 530px 1161px #333333, 864px 1555px #333333, 1610px 1604px #333333, 1035px 1114px #333333, 1456px 133px #333333, 1196px 1253px #333333, 361px 1037px #333333, 834px 351px #333333, 436px 1676px #333333, 1194px 1007px #333333, 1141px 647px #333333, 319px 454px #333333, 937px 1769px #333333, 1872px 1013px #333333, 733px 643px #333333, 1250px 511px #333333, 189px 296px #333333, 1639px 163px #333333, 1584px 336px #333333, 1912px 1343px #333333, 1298px 1307px #333333, 1750px 902px #333333, 1129px 845px #333333, 1899px 1470px #333333, 1427px 232px #333333, 1391px 838px #333333, 1225px 1819px #333333, 190px 1366px #333333, 1865px 518px #333333, 203px 1383px #333333, 1455px 614px #333333, 423px 354px #333333, 1678px 1790px #333333, 241px 608px #333333, 1089px 730px #333333, 1342px 38px #333333, 1848px 249px #333333, 1874px 1785px #333333, 1040px 1837px #333333, 751px 261px #333333, 510px 1975px #333333, 52px 795px #333333, 1786px 1310px #333333, 498px 712px #333333, 190px 375px #333333, 1341px 722px #333333, 43px 1394px #333333, 1821px 1687px #333333, 106px 130px #333333, 1717px 1978px #333333, 168px 151px #333333, 183px 740px #333333, 945px 1381px #333333, 669px 1170px #333333, 1285px 1816px #333333, 110px 1217px #333333, 1623px 813px #333333, 869px 647px #333333, 867px 582px #333333, 735px 1240px #333333, 519px 1896px #333333, 132px 156px #333333, 1649px 193px #333333, 241px 1109px #333333, 643px 484px #333333, 574px 1282px #333333, 1952px 564px #333333, 1978px 145px #333333, 329px 903px #333333, 1674px 617px #333333, 1978px 558px #333333, 1808px 1715px #333333, 1526px 1238px #333333, 475px 1330px #333333, 810px 425px #333333, 1709px 634px #333333, 1658px 336px #333333, 425px 194px #333333, 352px 96px #333333, 148px 180px #333333, 1139px 1046px #333333, 1809px 1233px #333333, 1669px 171px #333333, 263px 1394px #333333, 534px 715px #333333, 396px 1008px #333333, 589px 1445px #333333, 1190px 381px #333333, 1709px 279px #333333, 520px 891px #333333, 1136px 1867px #333333, 1280px 1233px #333333, 836px 296px #333333, 1348px 646px #333333, 1539px 913px #333333, 423px 781px #333333, 1271px 1805px #333333, 696px 564px #333333, 1549px 804px #333333, 303px 1555px #333333, 1449px 1903px #333333, 66px 687px #333333, 1164px 856px #333333, 1958px 1326px #333333, 125px 157px #333333, 508px 1669px #333333, 465px 725px #333333, 1925px 1440px #333333, 405px 793px #333333, 278px 110px #333333, 1084px 1065px #333333, 1077px 705px #333333, 663px 1844px #333333, 734px 263px #333333, 870px 1761px #333333, 103px 1169px #333333, 1506px 1295px #333333, 1883px 926px #333333, 335px 1361px #333333, 1126px 1284px #333333, 257px 1165px #333333, 837px 580px #333333, 1211px 1362px #333333, 1137px 1380px #333333, 135px 632px #333333, 1491px 1965px #333333, 1098px 195px #333333, 506px 417px #333333, 693px 1243px #333333, 622px 1862px #333333, 1412px 1343px #333333, 948px 1894px #333333, 1315px 1363px #333333, 754px 1098px #333333, 1931px 930px #333333, 1831px 342px #333333, 1751px 1839px #333333, 84px 775px #333333, 1662px 1488px #333333, 617px 1769px #333333, 1869px 1292px #333333, 963px 432px #333333, 371px 1114px #333333, 37px 642px #333333, 21px 1184px #333333, 602px 366px #333333, 414px 524px #333333, 282px 244px #333333, 1689px 868px #333333, 943px 681px #333333, 898px 679px #333333, 449px 1774px #333333, 1678px 1313px #333333, 475px 1811px #333333, 1146px 1509px #333333, 1151px 1863px #333333, 1617px 846px #333333, 82px 1077px #333333, 324px 1317px #333333, 1516px 885px #333333, 1706px 1526px #333333, 1925px 1180px #333333, 553px 967px #333333, 1072px 536px #333333, 1715px 1816px #333333, 185px 286px #333333, 1362px 1600px #333333, 628px 1938px #333333, 1187px 412px #333333, 569px 211px #333333, 1959px 1356px #333333, 1571px 105px #333333, 319px 1111px #333333, 36px 1364px #333333, 502px 1788px #333333, 1051px 1993px #333333, 1617px 773px #333333, 424px 1507px #333333, 1623px 1955px #333333, 307px 662px #333333, 183px 1048px #333333, 1919px 1453px #333333, 1006px 1817px #333333, 468px 673px #333333, 1142px 1375px #333333, 1228px 443px #333333, 1734px 552px #333333, 20px 1041px #333333, 1783px 334px #333333, 98px 1237px #333333, 1356px 1940px #333333, 853px 1779px #333333, 1910px 560px #333333, 1174px 1656px #333333, 110px 1724px #333333, 542px 1771px #333333, 1758px 1931px #333333, 1463px 1401px #333333, 1155px 84px #333333, 1504px 835px #333333, 750px 322px #333333, 407px 1900px #333333, 1600px 1141px #333333, 657px 886px #333333, 526px 714px #333333, 18px 836px #333333, 1546px 1548px #333333, 22px 469px #333333, 594px 1466px #333333, 1160px 1078px #333333, 627px 1055px #333333, 195px 699px #333333, 1099px 684px #333333, 530px 551px #333333, 1160px 1325px #333333, 894px 727px #333333, 1157px 98px #333333, 136px 1483px #333333, 1875px 1975px #333333, 1803px 566px #333333, 318px 1073px #333333, 1866px 1656px #333333, 543px 414px #333333, 719px 474px #333333, 1115px 738px #333333, 353px 875px #333333, 184px 1938px #333333, 1854px 1534px #333333, 420px 1698px #333333, 1480px 1550px #333333, 522px 203px #333333, 1897px 1904px #333333, 975px 1708px #333333, 1774px 602px #333333, 1908px 274px #333333, 61px 715px #333333, 983px 1156px #333333, 326px 1013px #333333, 641px 290px #333333, 1522px 120px #333333, 405px 1637px #333333, 1021px 1099px #333333, 631px 1145px #333333, 982px 1967px #333333, 200px 651px #333333, 795px 351px #333333, 790px 1082px #333333, 144px 1572px #333333, 1542px 901px #333333, 158px 1524px #333333, 849px 1843px #333333, 1807px 203px #333333, 1747px 45px #333333, 1603px 1738px #333333, 617px 1966px #333333, 342px 748px #333333, 1779px 1173px #333333, 1428px 152px #333333, 589px 1998px #333333, 1940px 1838px #333333, 115px 272px #333333, 1217px 1395px #333333, 1402px 1491px #333333, 1833px 1814px #333333, 243px 966px #333333, 319px 578px #333333, 813px 364px #333333, 669px 882px #333333, 551px 134px #333333, 1819px 920px #333333, 740px 1826px #333333, 1021px 952px #333333, 1575px 453px #333333, 324px 419px #333333, 929px 417px #333333, 885px 1112px #333333, 503px 187px #333333, 1908px 362px #333333, 1063px 1601px #333333, 169px 1792px #333333, 789px 963px #333333, 1697px 948px #333333, 1761px 1810px #333333, 1844px 1591px #333333, 1709px 949px #333333, 1402px 1396px #333333, 1037px 225px #333333, 1832px 518px #333333, 1728px 1782px #333333, 194px 1421px #333333, 1395px 742px #333333, 1478px 1325px #333333, 40px 593px #333333, 1732px 117px #333333, 51px 158px #333333, 1598px 1672px #333333, 701px 849px #333333, 1403px 1979px #333333, 145px 1414px #333333, 550px 906px #333333, 1366px 460px #333333, 142px 1379px #333333, 34px 1864px #333333, 1346px 308px #333333, 293px 998px #333333, 21px 1868px #333333, 540px 1033px #333333, 60px 746px #333333, 1602px 1476px #333333, 180px 804px #333333, 345px 1982px #333333, 1439px 640px #333333, 939px 1834px #333333, 20px 432px #333333, 492px 1549px #333333, 109px 1579px #333333, 1796px 1403px #333333, 1079px 519px #333333, 1664px 389px #333333, 1627px 1061px #333333, 823px 419px #333333, 1399px 1882px #333333, 1906px 344px #333333, 1189px 848px #333333, 117px 882px #333333, 1262px 33px #333333, 1048px 434px #333333, 1208px 1309px #333333, 1616px 408px #333333, 1833px 853px #333333, 1433px 1656px #333333, 811px 1861px #333333, 439px 1672px #333333, 1105px 248px #333333, 328px 1652px #333333, 13px 1658px #333333, 685px 987px #333333, 985px 403px #333333, 1664px 1206px #333333, 1993px 1925px #333333, 440px 917px #333333, 1835px 319px #333333, 1404px 1907px #333333, 624px 1443px #333333, 843px 954px #333333, 478px 1567px #333333, 895px 1602px #333333, 1231px 871px #333333, 1267px 1646px #333333, 475px 334px #333333, 784px 796px #333333, 1294px 199px #333333, 109px 702px #333333, 1978px 362px #333333, 291px 940px #333333, 971px 1343px #333333, 74px 719px #333333, 36px 715px #333333, 1007px 1423px #333333, 860px 314px #333333, 631px 177px #333333, 1900px 1590px #333333, 1239px 1348px #333333, 1346px 1270px #333333, 1934px 1475px #333333, 1553px 559px #333333, 588px 1969px #333333, 670px 1269px #333333, 1484px 376px #333333, 20px 1424px #333333, 1396px 8px #333333, 969px 244px #333333, 1807px 538px #333333, 1873px 891px #333333, 636px 1142px #333333, 1474px 1562px #333333, 763px 350px #333333, 663px 700px #333333, 500px 1469px #333333, 1302px 722px #333333, 181px 291px #333333, 266px 893px #333333, 1403px 654px #333333, 492px 460px #333333, 1503px 1369px #333333, 23px 1662px #333333, 349px 333px #333333, 1435px 1017px #333333, 1441px 705px #333333, 1708px 1446px #333333, 1041px 911px #333333, 1063px 780px #333333, 1158px 1356px #333333, 767px 1454px #333333, 1912px 797px #333333, 1731px 1759px #333333, 1378px 1390px #333333, 1815px 1364px #333333, 960px 270px #333333, 1343px 427px #333333, 275px 203px #333333, 1319px 1092px #333333, 1455px 770px #333333, 283px 1503px #333333, 1505px 901px #333333, 1738px 1561px #333333, 1526px 1935px #333333, 1757px 669px #333333, 1640px 620px #333333, 1750px 722px #333333, 748px 66px #333333, 1149px 540px #333333, 159px 953px #333333, 200px 1426px #333333, 515px 1110px #333333, 1552px 737px #333333, 1094px 1459px #333333, 778px 799px #333333, 1031px 523px #333333, 743px 1825px #333333, 1100px 882px #333333, 1088px 1836px #333333, 255px 599px #333333, 67px 1361px #333333, 247px 1721px #333333, 1722px 346px #333333, 1822px 155px #333333, 452px 1973px #333333, 415px 1960px #333333, 1109px 57px #333333, 273px 1392px #333333, 404px 1071px #333333, 1212px 353px #333333, 370px 460px #333333, 795px 1523px #333333, 1932px 340px #333333, 51px 1473px #333333, 1268px 364px #333333, 1512px 1862px #333333, 1678px 1801px #333333, 1796px 579px #333333, 254px 251px #333333, 1466px 1717px #333333, 893px 379px #333333, 1153px 923px #333333, 913px 1808px #333333, 791px 789px #333333, 417px 1924px #333333, 1336px 1599px #333333, 1695px 908px #333333, 1120px 114px #333333, 493px 1949px #333333, 68px 1905px #333333, 969px 481px #333333, 1420px 1095px #333333, 800px 1117px #333333, 390px 234px #333333, 356px 1644px #333333, 1098px 1486px #333333, 1360px 521px #333333, 149px 1198px #333333, 354px 747px #333333, 1749px 487px #333333, 470px 76px #333333, 1672px 289px #333333, 1731px 545px #333333, 1547px 1590px #333333, 498px 692px #333333, 398px 1592px #333333, 1846px 1237px #333333, 1537px 1474px #333333, 1726px 1374px #333333, 1922px 858px #333333, 376px 321px #333333, 985px 227px #333333, 234px 1421px #333333, 760px 745px #333333, 1990px 1132px #333333, 1560px 1597px #333333, 338px 1310px #333333, 1924px 1664px #333333, 547px 1747px #333333, 1639px 1282px #333333, 1202px 337px #333333, 1985px 779px #333333, 737px 456px #333333, 89px 501px #333333, 963px 792px #333333, 655px 1447px #333333, 1492px 1994px #333333, 1171px 254px #333333, 892px 827px #333333, 1735px 442px #333333, 1474px 1187px #333333, 846px 1518px #333333, 557px 1805px #333333, 738px 945px #333333, 795px 68px #333333, 663px 1956px #333333, 1607px 290px #333333, 1524px 15px #333333, 1097px 1911px #333333, 157px 1939px #333333, 935px 1065px #333333, 1809px 1708px #333333, 164px 1157px #333333, 83px 855px #333333, 625px 501px #333333, 814px 398px #333333, 552px 695px #333333, 597px 1546px #333333, 1237px 1417px #333333, 628px 284px #333333, 866px 767px #333333, 1403px 1394px #333333, 765px 1563px #333333, 1648px 109px #333333, 1205px 1659px #333333, 921px 1313px #333333, 1319px 243px #333333, 18px 125px #333333, 7px 777px #333333, 181px 418px #333333, 1062px 1892px #333333, 382px 106px #333333, 994px 751px #333333, 964px 234px #333333, 40px 118px #333333, 278px 706px #333333, 1540px 1978px #333333, 425px 1661px #333333, 1050px 321px #333333, 735px 1729px #333333, 1438px 260px #333333, 1229px 1109px #333333, 186px 1041px #333333, 244px 1184px #333333, 392px 1472px #333333, 670px 1249px #333333, 1260px 1443px #333333, 1977px 1511px #333333, 1240px 773px #333333, 303px 513px #333333, 63px 1530px #333333, 610px 792px #333333, 1987px 1647px #333333, 676px 1597px #333333, 1740px 1244px #333333, 816px 1661px #333333, 351px 802px #333333, 252px 1082px #333333, 31px 365px #333333, 1453px 984px #333333, 667px 1233px #333333, 1247px 1800px #333333, 839px 270px #333333, 775px 913px #333333, 1966px 1398px #333333, 499px 813px #333333, 922px 1982px #333333, 1409px 1902px #333333, 1499px 1766px #333333, 721px 899px #333333, 788px 807px #333333, 989px 1355px #333333, 1248px 1274px #333333, 849px 1091px #333333, 1799px 1036px #333333, 1486px 700px #333333, 170px 1989px #333333, 1275px 799px #333333, 772px 2000px #333333, 1642px 362px #333333, 216px 940px #333333, 1893px 281px #333333, 1944px 1298px #333333, 1294px 400px #333333, 1523px 441px #333333, 1829px 340px #333333, 468px 170px #333333, 1099px 967px #333333, 1331px 665px #333333, 1174px 1553px #333333, 1567px 325px #333333, 1028px 1399px #333333, 781px 1451px #333333, 1912px 1954px #333333, 874px 873px #333333, 1298px 1722px #333333, 1879px 706px #333333, 57px 1221px #333333, 1116px 1432px #333333, 48px 811px #333333, 101px 916px #333333, 677px 304px #333333, 1203px 639px #333333, 1391px 199px #333333, 1895px 1988px #333333, 1462px 1023px #333333, 1216px 1751px #333333, 1261px 663px #333333, 1290px 1119px #333333, 137px 1793px #333333, 1052px 1470px #333333, 1561px 226px #333333, 1156px 402px #333333, 709px 693px #333333, 1040px 1911px #333333, 1624px 1115px #333333, 551px 475px #333333, 416px 1090px #333333, 1183px 451px #333333, 58px 765px #333333, 743px 1016px #333333, 198px 369px #333333, 1645px 1503px #333333, 997px 22px #333333, 1447px 1323px #333333, 379px 883px #333333, 1171px 1195px #333333, 919px 133px #333333, 1400px 517px #333333, 725px 804px #333333, 1600px 699px #333333, 357px 581px #333333, 266px 1713px #333333, 848px 1749px #333333, 1963px 1045px #333333, 119px 1136px #333333; +} + +#stars2 { + width: 2px; + height: 2px; + background: transparent; + box-shadow: 1117px 1306px #333333, 1078px 1783px #333333, 1179px 1085px #333333, 1145px 920px #333333, 422px 1233px #333333, 387px 98px #333333, 1153px 637px #333333, 1084px 782px #333333, 476px 453px #333333, 926px 1306px #333333, 60px 1086px #333333, 753px 1575px #333333, 272px 1684px #333333, 1285px 750px #333333, 1416px 1327px #333333, 1931px 473px #333333, 736px 1395px #333333, 1816px 763px #333333, 438px 879px #333333, 665px 1902px #333333, 1341px 677px #333333, 1404px 1073px #333333, 100px 597px #333333, 357px 1689px #333333, 1044px 1342px #333333, 1954px 502px #333333, 1192px 1308px #333333, 540px 1239px #333333, 1360px 552px #333333, 89px 752px #333333, 659px 1253px #333333, 62px 517px #333333, 1375px 1705px #333333, 1343px 1511px #333333, 1659px 1922px #333333, 1560px 289px #333333, 1362px 1799px #333333, 1886px 1480px #333333, 1718px 1885px #333333, 824px 738px #333333, 1060px 1370px #333333, 1781px 1171px #333333, 255px 273px #333333, 1197px 120px #333333, 213px 7px #333333, 1226px 1920px #333333, 1844px 207px #333333, 1675px 970px #333333, 1435px 1283px #333333, 37px 353px #333333, 59px 417px #333333, 921px 1602px #333333, 1549px 1490px #333333, 638px 1845px #333333, 1328px 198px #333333, 1050px 1149px #333333, 1884px 711px #333333, 333px 263px #333333, 342px 1508px #333333, 1388px 1810px #333333, 1377px 1558px #333333, 890px 487px #333333, 1081px 759px #333333, 890px 1515px #333333, 911px 1284px #333333, 335px 735px #333333, 1140px 549px #333333, 1239px 1064px #333333, 226px 71px #333333, 1100px 1278px #333333, 1851px 1805px #333333, 1370px 1999px #333333, 1008px 1122px #333333, 785px 813px #333333, 1358px 601px #333333, 1833px 1305px #333333, 1768px 1304px #333333, 1303px 532px #333333, 860px 598px #333333, 1329px 593px #333333, 1038px 1088px #333333, 408px 405px #333333, 965px 82px #333333, 1483px 1438px #333333, 310px 1479px #333333, 1786px 1500px #333333, 1866px 852px #333333, 18px 1757px #333333, 1473px 1004px #333333, 1542px 1933px #333333, 633px 1970px #333333, 1334px 1713px #333333, 175px 28px #333333, 592px 894px #333333, 121px 1162px #333333, 1601px 1567px #333333, 1095px 657px #333333, 640px 1233px #333333, 1073px 1255px #333333, 840px 1087px #333333, 718px 250px #333333, 967px 709px #333333, 731px 239px #333333, 1623px 593px #333333, 1058px 1820px #333333, 516px 1898px #333333, 666px 12px #333333, 1997px 1382px #333333, 112px 1690px #333333, 687px 1309px #333333, 63px 539px #333333, 185px 1897px #333333, 1055px 1691px #333333, 435px 1517px #333333, 1175px 1119px #333333, 1721px 133px #333333, 1212px 47px #333333, 166px 18px #333333, 1416px 1652px #333333, 1409px 1745px #333333, 1357px 1232px #333333, 1677px 1998px #333333, 448px 1415px #333333, 705px 1736px #333333, 1031px 1466px #333333, 543px 1651px #333333, 1592px 1888px #333333, 1749px 1175px #333333, 639px 1114px #333333, 1591px 508px #333333, 759px 1244px #333333, 824px 380px #333333, 942px 955px #333333, 723px 732px #333333, 113px 1369px #333333, 203px 1739px #333333, 868px 733px #333333, 713px 971px #333333, 341px 833px #333333, 762px 824px #333333, 1359px 310px #333333, 1858px 1349px #333333, 1531px 692px #333333, 1075px 1512px #333333, 1677px 142px #333333, 1912px 1478px #333333, 1810px 1078px #333333, 426px 844px #333333, 1426px 588px #333333, 1909px 654px #333333, 1107px 295px #333333, 1351px 527px #333333, 1393px 599px #333333, 1379px 1068px #333333, 228px 1846px #333333, 1271px 374px #333333, 1348px 612px #333333, 7px 1301px #333333, 1501px 1782px #333333, 1795px 423px #333333, 1475px 1918px #333333, 1328px 1861px #333333, 1624px 51px #333333, 1791px 672px #333333, 1594px 1467px #333333, 1655px 1603px #333333, 919px 850px #333333, 523px 609px #333333, 1196px 207px #333333, 753px 410px #333333, 686px 1097px #333333, 1570px 133px #333333, 1996px 1137px #333333, 361px 116px #333333, 1015px 462px #333333, 76px 1143px #333333, 491px 1818px #333333, 1563px 795px #333333, 982px 1721px #333333, 831px 1204px #333333, 1737px 589px #333333, 861px 1579px #333333, 1666px 130px #333333, 698px 1799px #333333, 726px 1519px #333333, 109px 1208px #333333, 1184px 1057px #333333, 835px 451px #333333, 896px 594px #333333, 35px 893px #333333, 895px 542px #333333, 706px 225px #333333, 56px 1040px #333333, 1954px 108px #333333, 1439px 1423px #333333, 26px 1881px #333333, 802px 1564px #333333, 273px 708px #333333, 40px 31px #333333, 859px 108px #333333; + -webkit-animation: animStar 100s linear infinite; + -moz-animation: animStar 100s linear infinite; + -ms-animation: animStar 100s linear infinite; + animation: animStar 100s linear infinite; +} + +#stars2:after { + content: " "; + position: absolute; + top: 2000px; + width: 2px; + height: 2px; + background: transparent; + box-shadow: 1117px 1306px #333333, 1078px 1783px #333333, 1179px 1085px #333333, 1145px 920px #333333, 422px 1233px #333333, 387px 98px #333333, 1153px 637px #333333, 1084px 782px #333333, 476px 453px #333333, 926px 1306px #333333, 60px 1086px #333333, 753px 1575px #333333, 272px 1684px #333333, 1285px 750px #333333, 1416px 1327px #333333, 1931px 473px #333333, 736px 1395px #333333, 1816px 763px #333333, 438px 879px #333333, 665px 1902px #333333, 1341px 677px #333333, 1404px 1073px #333333, 100px 597px #333333, 357px 1689px #333333, 1044px 1342px #333333, 1954px 502px #333333, 1192px 1308px #333333, 540px 1239px #333333, 1360px 552px #333333, 89px 752px #333333, 659px 1253px #333333, 62px 517px #333333, 1375px 1705px #333333, 1343px 1511px #333333, 1659px 1922px #333333, 1560px 289px #333333, 1362px 1799px #333333, 1886px 1480px #333333, 1718px 1885px #333333, 824px 738px #333333, 1060px 1370px #333333, 1781px 1171px #333333, 255px 273px #333333, 1197px 120px #333333, 213px 7px #333333, 1226px 1920px #333333, 1844px 207px #333333, 1675px 970px #333333, 1435px 1283px #333333, 37px 353px #333333, 59px 417px #333333, 921px 1602px #333333, 1549px 1490px #333333, 638px 1845px #333333, 1328px 198px #333333, 1050px 1149px #333333, 1884px 711px #333333, 333px 263px #333333, 342px 1508px #333333, 1388px 1810px #333333, 1377px 1558px #333333, 890px 487px #333333, 1081px 759px #333333, 890px 1515px #333333, 911px 1284px #333333, 335px 735px #333333, 1140px 549px #333333, 1239px 1064px #333333, 226px 71px #333333, 1100px 1278px #333333, 1851px 1805px #333333, 1370px 1999px #333333, 1008px 1122px #333333, 785px 813px #333333, 1358px 601px #333333, 1833px 1305px #333333, 1768px 1304px #333333, 1303px 532px #333333, 860px 598px #333333, 1329px 593px #333333, 1038px 1088px #333333, 408px 405px #333333, 965px 82px #333333, 1483px 1438px #333333, 310px 1479px #333333, 1786px 1500px #333333, 1866px 852px #333333, 18px 1757px #333333, 1473px 1004px #333333, 1542px 1933px #333333, 633px 1970px #333333, 1334px 1713px #333333, 175px 28px #333333, 592px 894px #333333, 121px 1162px #333333, 1601px 1567px #333333, 1095px 657px #333333, 640px 1233px #333333, 1073px 1255px #333333, 840px 1087px #333333, 718px 250px #333333, 967px 709px #333333, 731px 239px #333333, 1623px 593px #333333, 1058px 1820px #333333, 516px 1898px #333333, 666px 12px #333333, 1997px 1382px #333333, 112px 1690px #333333, 687px 1309px #333333, 63px 539px #333333, 185px 1897px #333333, 1055px 1691px #333333, 435px 1517px #333333, 1175px 1119px #333333, 1721px 133px #333333, 1212px 47px #333333, 166px 18px #333333, 1416px 1652px #333333, 1409px 1745px #333333, 1357px 1232px #333333, 1677px 1998px #333333, 448px 1415px #333333, 705px 1736px #333333, 1031px 1466px #333333, 543px 1651px #333333, 1592px 1888px #333333, 1749px 1175px #333333, 639px 1114px #333333, 1591px 508px #333333, 759px 1244px #333333, 824px 380px #333333, 942px 955px #333333, 723px 732px #333333, 113px 1369px #333333, 203px 1739px #333333, 868px 733px #333333, 713px 971px #333333, 341px 833px #333333, 762px 824px #333333, 1359px 310px #333333, 1858px 1349px #333333, 1531px 692px #333333, 1075px 1512px #333333, 1677px 142px #333333, 1912px 1478px #333333, 1810px 1078px #333333, 426px 844px #333333, 1426px 588px #333333, 1909px 654px #333333, 1107px 295px #333333, 1351px 527px #333333, 1393px 599px #333333, 1379px 1068px #333333, 228px 1846px #333333, 1271px 374px #333333, 1348px 612px #333333, 7px 1301px #333333, 1501px 1782px #333333, 1795px 423px #333333, 1475px 1918px #333333, 1328px 1861px #333333, 1624px 51px #333333, 1791px 672px #333333, 1594px 1467px #333333, 1655px 1603px #333333, 919px 850px #333333, 523px 609px #333333, 1196px 207px #333333, 753px 410px #333333, 686px 1097px #333333, 1570px 133px #333333, 1996px 1137px #333333, 361px 116px #333333, 1015px 462px #333333, 76px 1143px #333333, 491px 1818px #333333, 1563px 795px #333333, 982px 1721px #333333, 831px 1204px #333333, 1737px 589px #333333, 861px 1579px #333333, 1666px 130px #333333, 698px 1799px #333333, 726px 1519px #333333, 109px 1208px #333333, 1184px 1057px #333333, 835px 451px #333333, 896px 594px #333333, 35px 893px #333333, 895px 542px #333333, 706px 225px #333333, 56px 1040px #333333, 1954px 108px #333333, 1439px 1423px #333333, 26px 1881px #333333, 802px 1564px #333333, 273px 708px #333333, 40px 31px #333333, 859px 108px #333333; +} + +#stars3 { + width: 3px; + height: 3px; + background: transparent; + box-shadow: 940px 1360px #333333, 1071px 539px #333333, 1710px 1414px #333333, 836px 299px #333333, 1944px 1420px #333333, 253px 1449px #333333, 1257px 1250px #333333, 1588px 1830px #333333, 1077px 1204px #333333, 273px 1081px #333333, 1993px 766px #333333, 1808px 479px #333333, 917px 263px #333333, 663px 1820px #333333, 342px 1988px #333333, 727px 1250px #333333, 636px 1666px #333333, 692px 1112px #333333, 248px 1211px #333333, 1422px 1121px #333333, 881px 46px #333333, 1531px 1977px #333333, 1643px 1023px #333333, 684px 1071px #333333, 1142px 1873px #333333, 292px 1313px #333333, 256px 1237px #333333, 89px 912px #333333, 964px 1783px #333333, 877px 760px #333333, 1641px 1474px #333333, 1492px 24px #333333, 1776px 1642px #333333, 183px 602px #333333, 1998px 62px #333333, 1560px 367px #333333, 1333px 995px #333333, 704px 1815px #333333, 1809px 712px #333333, 1503px 288px #333333, 630px 556px #333333, 1715px 125px #333333, 353px 1878px #333333, 975px 333px #333333, 1740px 1409px #333333, 1341px 1871px #333333, 1279px 1064px #333333, 169px 874px #333333, 161px 528px #333333, 1671px 1669px #333333, 169px 632px #333333, 547px 1724px #333333, 1904px 110px #333333, 679px 1670px #333333, 196px 123px #333333, 786px 871px #333333, 1840px 324px #333333, 356px 967px #333333, 61px 549px #333333, 99px 677px #333333, 1719px 87px #333333, 1713px 1990px #333333, 1717px 1358px #333333, 108px 1187px #333333, 51px 869px #333333, 1461px 902px #333333, 1034px 891px #333333, 962px 1881px #333333, 1723px 595px #333333, 479px 901px #333333, 1546px 1823px #333333, 285px 1208px #333333, 1056px 347px #333333, 261px 988px #333333, 466px 990px #333333, 1657px 648px #333333, 1249px 933px #333333, 1552px 1555px #333333, 147px 62px #333333, 292px 1157px #333333, 1816px 423px #333333, 1714px 757px #333333, 1036px 961px #333333, 1955px 710px #333333, 1842px 516px #333333, 479px 1870px #333333, 1579px 1445px #333333, 1225px 1309px #333333, 1965px 566px #333333, 1575px 1072px #333333, 923px 329px #333333, 651px 1514px #333333, 865px 1100px #333333, 782px 1873px #333333, 115px 299px #333333, 14px 1668px #333333, 1666px 1817px #333333, 1096px 1068px #333333, 1462px 742px #333333, 1384px 1750px #333333; + -webkit-animation: animStar 150s linear infinite; + -moz-animation: animStar 150s linear infinite; + -ms-animation: animStar 150s linear infinite; + animation: animStar 150s linear infinite; +} + +#stars3:after { + content: " "; + position: absolute; + top: 2000px; + width: 3px; + height: 3px; + background: transparent; + box-shadow: 940px 1360px #333333, 1071px 539px #333333, 1710px 1414px #333333, 836px 299px #333333, 1944px 1420px #333333, 253px 1449px #333333, 1257px 1250px #333333, 1588px 1830px #333333, 1077px 1204px #333333, 273px 1081px #333333, 1993px 766px #333333, 1808px 479px #333333, 917px 263px #333333, 663px 1820px #333333, 342px 1988px #333333, 727px 1250px #333333, 636px 1666px #333333, 692px 1112px #333333, 248px 1211px #333333, 1422px 1121px #333333, 881px 46px #333333, 1531px 1977px #333333, 1643px 1023px #333333, 684px 1071px #333333, 1142px 1873px #333333, 292px 1313px #333333, 256px 1237px #333333, 89px 912px #333333, 964px 1783px #333333, 877px 760px #333333, 1641px 1474px #333333, 1492px 24px #333333, 1776px 1642px #333333, 183px 602px #333333, 1998px 62px #333333, 1560px 367px #333333, 1333px 995px #333333, 704px 1815px #333333, 1809px 712px #333333, 1503px 288px #333333, 630px 556px #333333, 1715px 125px #333333, 353px 1878px #333333, 975px 333px #333333, 1740px 1409px #333333, 1341px 1871px #333333, 1279px 1064px #333333, 169px 874px #333333, 161px 528px #333333, 1671px 1669px #333333, 169px 632px #333333, 547px 1724px #333333, 1904px 110px #333333, 679px 1670px #333333, 196px 123px #333333, 786px 871px #333333, 1840px 324px #333333, 356px 967px #333333, 61px 549px #333333, 99px 677px #333333, 1719px 87px #333333, 1713px 1990px #333333, 1717px 1358px #333333, 108px 1187px #333333, 51px 869px #333333, 1461px 902px #333333, 1034px 891px #333333, 962px 1881px #333333, 1723px 595px #333333, 479px 901px #333333, 1546px 1823px #333333, 285px 1208px #333333, 1056px 347px #333333, 261px 988px #333333, 466px 990px #333333, 1657px 648px #333333, 1249px 933px #333333, 1552px 1555px #333333, 147px 62px #333333, 292px 1157px #333333, 1816px 423px #333333, 1714px 757px #333333, 1036px 961px #333333, 1955px 710px #333333, 1842px 516px #333333, 479px 1870px #333333, 1579px 1445px #333333, 1225px 1309px #333333, 1965px 566px #333333, 1575px 1072px #333333, 923px 329px #333333, 651px 1514px #333333, 865px 1100px #333333, 782px 1873px #333333, 115px 299px #333333, 14px 1668px #333333, 1666px 1817px #333333, 1096px 1068px #333333, 1462px 742px #333333, 1384px 1750px #333333; +} + +#stars4 { + width: 1px; + height: 1px; + background: transparent; + box-shadow: 233px 1976px #333333, 1196px 1119px #333333, 646px 740px #333333, 335px 645px #333333, 1119px 1452px #333333, 176px 1870px #333333, 639px 1711px #333333, 647px 1388px #333333, 1516px 1108px #333333, 464px 66px #333333, 331px 344px #333333, 772px 1189px #333333, 1516px 1850px #333333, 1500px 1463px #333333, 1275px 876px #333333, 1107px 645px #333333, 977px 478px #333333, 583px 1179px #333333, 284px 395px #333333, 1220px 461px #333333, 1160px 249px #333333, 196px 865px #333333, 670px 1915px #333333, 1449px 382px #333333, 1191px 546px #333333, 1329px 605px #333333, 1945px 458px #333333, 995px 749px #333333, 1495px 861px #333333, 708px 1731px #333333, 348px 653px #333333, 548px 1298px #333333, 1606px 990px #333333, 1049px 1204px #333333, 253px 1501px #333333, 1154px 166px #333333, 1087px 104px #333333, 1034px 1161px #333333, 1681px 462px #333333, 577px 1897px #333333, 193px 1901px #333333, 1701px 1755px #333333, 864px 1297px #333333, 800px 1289px #333333, 676px 28px #333333, 185px 1341px #333333, 379px 1151px #333333, 1224px 1725px #333333, 280px 541px #333333, 473px 1196px #333333, 921px 1628px #333333, 969px 432px #333333, 1475px 758px #333333, 1195px 993px #333333, 876px 1840px #333333, 1274px 1689px #333333, 1977px 1101px #333333, 837px 527px #333333, 1785px 1610px #333333, 1650px 1843px #333333, 1127px 1508px #333333, 401px 1050px #333333, 51px 1105px #333333, 545px 880px #333333, 1786px 1672px #333333, 318px 260px #333333, 568px 254px #333333, 1026px 1527px #333333, 1242px 852px #333333, 1785px 982px #333333, 1318px 1071px #333333, 398px 1061px #333333, 1509px 257px #333333, 599px 928px #333333, 1195px 1800px #333333, 1254px 906px #333333, 141px 26px #333333, 1384px 1502px #333333, 476px 767px #333333, 1973px 722px #333333, 1339px 1031px #333333, 778px 818px #333333, 213px 1320px #333333, 184px 221px #333333, 983px 1911px #333333, 923px 1439px #333333, 1936px 581px #333333, 1105px 625px #333333, 325px 729px #333333, 1475px 204px #333333, 1483px 1564px #333333, 1327px 1272px #333333, 1187px 1944px #333333, 1945px 1471px #333333, 116px 960px #333333, 1660px 1610px #333333, 412px 1022px #333333, 1552px 1516px #333333, 1517px 1892px #333333, 306px 829px #333333, 1416px 462px #333333, 1575px 1460px #333333, 424px 1500px #333333, 1530px 1169px #333333, 1388px 1608px #333333, 185px 416px #333333, 634px 1446px #333333, 767px 479px #333333, 71px 426px #333333, 1937px 145px #333333, 1955px 1312px #333333, 1811px 611px #333333, 1145px 569px #333333, 1460px 676px #333333, 131px 1858px #333333, 1557px 473px #333333, 735px 130px #333333, 112px 1531px #333333, 1312px 305px #333333, 409px 1032px #333333, 149px 1964px #333333, 535px 1215px #333333, 1382px 630px #333333, 1437px 1368px #333333, 362px 1181px #333333, 388px 181px #333333, 274px 1287px #333333, 1858px 1414px #333333, 661px 1935px #333333, 675px 1205px #333333, 1829px 1725px #333333, 1937px 1145px #333333, 237px 908px #333333, 1059px 1185px #333333, 824px 1248px #333333, 1167px 1730px #333333, 180px 1961px #333333, 1663px 203px #333333, 374px 221px #333333, 724px 1883px #333333, 970px 1362px #333333, 832px 505px #333333, 313px 233px #333333, 1909px 597px #333333, 434px 201px #333333, 587px 995px #333333, 1833px 623px #333333, 1464px 561px #333333, 231px 593px #333333, 1558px 1433px #333333, 1986px 1767px #333333, 1753px 1728px #333333, 1153px 1623px #333333, 249px 229px #333333, 1503px 1186px #333333, 1784px 137px #333333, 841px 403px #333333, 1400px 354px #333333, 197px 499px #333333, 1188px 681px #333333, 158px 391px #333333, 443px 1099px #333333, 723px 1445px #333333, 1408px 1235px #333333, 1908px 195px #333333, 271px 891px #333333, 469px 1693px #333333, 580px 11px #333333, 1533px 70px #333333, 859px 761px #333333, 1510px 1844px #333333, 421px 558px #333333, 1132px 1453px #333333, 757px 1987px #333333, 212px 293px #333333, 569px 323px #333333, 1404px 1394px #333333, 252px 1386px #333333, 1668px 1857px #333333, 123px 1684px #333333, 105px 490px #333333, 1083px 1769px #333333, 1071px 1953px #333333, 1271px 1159px #333333, 699px 1491px #333333, 1744px 1997px #333333, 1868px 1973px #333333, 1438px 1449px #333333, 1222px 1921px #333333, 1328px 1210px #333333, 438px 873px #333333, 809px 780px #333333, 491px 1524px #333333, 447px 1830px #333333, 927px 1936px #333333, 564px 691px #333333, 1784px 1747px #333333, 1978px 1722px #333333, 1599px 1480px #333333, 1276px 729px #333333, 731px 1174px #333333, 1586px 1711px #333333, 451px 1340px #333333, 1075px 1899px #333333, 13px 575px #333333, 309px 1340px #333333, 981px 183px #333333, 248px 1315px #333333, 849px 80px #333333, 1754px 1540px #333333, 73px 1432px #333333, 1208px 1828px #333333, 65px 575px #333333, 1098px 730px #333333, 127px 1358px #333333, 185px 19px #333333, 1222px 1679px #333333, 1122px 315px #333333, 1906px 452px #333333, 761px 284px #333333, 813px 492px #333333, 1344px 843px #333333, 118px 1834px #333333, 1620px 359px #333333, 1755px 1246px #333333, 299px 1076px #333333, 1746px 158px #333333, 6px 1635px #333333, 143px 190px #333333, 101px 468px #333333, 137px 971px #333333, 1221px 1929px #333333, 1752px 650px #333333, 1635px 1761px #333333, 1522px 833px #333333, 908px 153px #333333, 1044px 350px #333333, 1151px 1940px #333333, 822px 210px #333333, 1774px 310px #333333, 796px 1447px #333333, 1069px 1903px #333333, 217px 565px #333333, 662px 1370px #333333, 1876px 1570px #333333, 847px 46px #333333, 1042px 1689px #333333, 1584px 1434px #333333, 1791px 908px #333333, 973px 908px #333333, 793px 747px #333333, 122px 483px #333333, 1137px 1374px #333333, 1757px 1791px #333333, 513px 225px #333333, 63px 731px #333333, 1179px 1926px #333333, 346px 18px #333333, 589px 175px #333333, 87px 302px #333333, 380px 1295px #333333, 450px 921px #333333, 1667px 1973px #333333, 1495px 1373px #333333, 1462px 1850px #333333, 540px 288px #333333, 1208px 1051px #333333, 1554px 1095px #333333, 1009px 1516px #333333, 181px 572px #333333, 165px 387px #333333, 549px 1835px #333333, 960px 16px #333333, 1360px 403px #333333, 1251px 43px #333333, 1905px 1813px #333333, 1106px 866px #333333, 1809px 277px #333333, 1828px 1720px #333333, 295px 1610px #333333, 523px 166px #333333, 1069px 692px #333333, 1292px 217px #333333, 11px 1721px #333333, 99px 1045px #333333, 51px 1584px #333333, 1053px 266px #333333, 1287px 1235px #333333, 747px 1722px #333333, 1542px 736px #333333, 1256px 18px #333333, 102px 609px #333333, 586px 1339px #333333, 1843px 1697px #333333, 824px 1687px #333333, 1124px 882px #333333, 395px 501px #333333, 1456px 672px #333333, 1472px 1648px #333333, 1326px 1164px #333333, 777px 1672px #333333, 81px 345px #333333, 91px 386px #333333, 243px 411px #333333, 1560px 90px #333333, 6px 1771px #333333, 1601px 616px #333333, 1220px 1808px #333333, 1160px 836px #333333, 246px 1777px #333333, 456px 863px #333333, 97px 1138px #333333, 1811px 942px #333333, 213px 414px #333333, 891px 392px #333333, 1044px 927px #333333, 1856px 216px #333333, 957px 347px #333333, 1486px 406px #333333, 838px 912px #333333, 803px 361px #333333, 564px 826px #333333, 1597px 949px #333333, 1206px 289px #333333, 33px 1035px #333333, 1762px 1377px #333333, 789px 1815px #333333, 1594px 1342px #333333, 1668px 880px #333333, 1539px 1581px #333333, 1547px 53px #333333, 861px 1433px #333333, 693px 1618px #333333, 1762px 782px #333333, 1568px 682px #333333, 1126px 1762px #333333, 1242px 134px #333333, 495px 959px #333333, 1606px 219px #333333, 1878px 1415px #333333, 1652px 797px #333333, 782px 1903px #333333, 1774px 1133px #333333, 1430px 408px #333333, 265px 394px #333333, 890px 336px #333333, 1051px 311px #333333, 461px 1559px #333333, 1931px 91px #333333, 1160px 380px #333333, 1442px 1058px #333333, 1157px 364px #333333, 586px 227px #333333, 1365px 715px #333333, 1658px 1655px #333333, 1923px 1664px #333333, 1023px 1844px #333333, 1939px 1367px #333333, 1203px 1305px #333333, 359px 642px #333333, 1056px 425px #333333, 787px 202px #333333, 1609px 1850px #333333, 1964px 200px #333333, 1537px 586px #333333, 1589px 903px #333333, 1063px 1694px #333333, 760px 1185px #333333, 597px 1396px #333333, 294px 452px #333333, 433px 818px #333333, 199px 840px #333333, 1332px 1937px #333333, 169px 1907px #333333, 591px 834px #333333, 1716px 1032px #333333, 45px 1879px #333333, 686px 1469px #333333, 1520px 475px #333333, 1122px 859px #333333, 973px 1541px #333333, 269px 477px #333333, 1390px 716px #333333, 1791px 783px #333333, 824px 2000px #333333, 1211px 1717px #333333, 1008px 1587px #333333, 1422px 204px #333333, 234px 556px #333333, 506px 550px #333333, 942px 1670px #333333, 397px 853px #333333, 599px 795px #333333, 762px 1926px #333333, 1202px 1424px #333333, 135px 1316px #333333, 1442px 1692px #333333, 977px 652px #333333, 564px 1648px #333333, 997px 1474px #333333, 67px 1366px #333333, 1860px 1451px #333333, 1105px 772px #333333, 1886px 1396px #333333, 1510px 658px #333333, 976px 1544px #333333, 894px 543px #333333, 1098px 1189px #333333, 690px 77px #333333, 770px 733px #333333, 557px 1403px #333333, 1758px 1623px #333333, 1341px 812px #333333, 699px 967px #333333, 277px 866px #333333, 1526px 1828px #333333, 8px 977px #333333, 1707px 952px #333333, 12px 1900px #333333, 72px 921px #333333, 496px 1067px #333333, 1288px 1749px #333333, 273px 984px #333333, 1197px 1991px #333333, 242px 789px #333333, 903px 1035px #333333, 480px 1492px #333333, 102px 1331px #333333, 738px 1343px #333333, 560px 1475px #333333, 367px 846px #333333, 1420px 962px #333333, 1976px 892px #333333, 1911px 1763px #333333, 1639px 1002px #333333, 437px 1522px #333333, 1906px 1025px #333333, 730px 1364px #333333, 1127px 521px #333333, 1401px 1792px #333333, 1954px 1066px #333333, 232px 250px #333333, 1685px 660px #333333, 1011px 999px #333333, 1970px 790px #333333, 750px 499px #333333, 1738px 660px #333333, 1621px 1849px #333333, 446px 52px #333333, 1055px 1396px #333333, 1165px 1497px #333333, 1740px 1425px #333333, 1012px 1920px #333333, 1258px 1560px #333333, 1020px 1152px #333333, 362px 673px #333333, 1065px 975px #333333, 582px 755px #333333, 1271px 1479px #333333, 719px 548px #333333, 1602px 879px #333333, 590px 499px #333333, 721px 1412px #333333, 1180px 113px #333333, 1801px 1961px #333333, 589px 941px #333333, 883px 476px #333333, 214px 890px #333333, 1028px 892px #333333, 1107px 1832px #333333, 944px 361px #333333, 480px 1453px #333333, 1466px 683px #333333, 981px 745px #333333, 1968px 828px #333333, 657px 1830px #333333, 11px 1338px #333333, 179px 730px #333333, 1713px 197px #333333, 51px 955px #333333, 1243px 319px #333333, 1175px 624px #333333, 446px 46px #333333, 5px 1158px #333333, 82px 1352px #333333, 1877px 402px #333333, 708px 1778px #333333, 903px 1625px #333333, 1824px 352px #333333, 1229px 140px #333333, 1518px 24px #333333, 1017px 512px #333333, 515px 699px #333333, 295px 265px #333333, 69px 1773px #333333, 1640px 1163px #333333, 536px 342px #333333, 970px 1766px #333333, 560px 1416px #333333, 577px 193px #333333, 469px 9px #333333, 466px 276px #333333, 711px 853px #333333, 401px 685px #333333, 85px 506px #333333, 865px 558px #333333, 631px 105px #333333, 887px 866px #333333, 1704px 1001px #333333, 1051px 1199px #333333, 275px 1909px #333333, 1462px 829px #333333, 375px 1057px #333333, 1531px 1501px #333333, 205px 403px #333333, 33px 1869px #333333, 967px 1176px #333333, 376px 863px #333333, 1769px 1545px #333333, 535px 51px #333333, 1972px 1569px #333333, 1773px 960px #333333, 487px 620px #333333, 1660px 687px #333333, 1632px 972px #333333, 1362px 42px #333333, 479px 1655px #333333, 1531px 1808px #333333, 1450px 1412px #333333, 1549px 170px #333333, 1904px 1305px #333333, 1209px 48px #333333, 1933px 820px #333333, 1623px 595px #333333, 48px 643px #333333, 179px 1754px #333333, 589px 1032px #333333, 1199px 356px #333333, 1755px 1418px #333333, 780px 1174px #333333, 1905px 758px #333333, 1567px 713px #333333, 1372px 705px #333333, 456px 654px #333333, 759px 690px #333333, 452px 673px #333333, 993px 1610px #333333, 1271px 188px #333333, 343px 1750px #333333, 1943px 1735px #333333, 1717px 853px #333333, 1247px 303px #333333, 1314px 1895px #333333, 1203px 489px #333333, 741px 469px #333333, 4px 246px #333333, 1515px 115px #333333, 606px 218px #333333, 1966px 1471px #333333, 177px 87px #333333, 1575px 588px #333333, 1136px 1386px #333333, 70px 1868px #333333, 1053px 18px #333333, 1124px 721px #333333, 1748px 1181px #333333, 191px 1387px #333333, 1931px 840px #333333, 1088px 1603px #333333, 634px 1255px #333333, 814px 1434px #333333, 585px 64px #333333, 1074px 1618px #333333, 1692px 761px #333333, 651px 643px #333333, 193px 335px #333333, 1103px 1447px #333333, 491px 1142px #333333, 521px 408px #333333, 536px 340px #333333, 411px 1091px #333333, 1646px 193px #333333, 1595px 1285px #333333, 870px 1349px #333333, 1085px 1013px #333333, 204px 1864px #333333, 1359px 299px #333333, 807px 964px #333333, 219px 509px #333333, 36px 1227px #333333, 702px 1873px #333333, 1471px 934px #333333, 1763px 792px #333333, 973px 1957px #333333, 987px 68px #333333, 593px 1282px #333333, 1900px 607px #333333, 407px 1659px #333333, 587px 17px #333333, 632px 158px #333333; + -webkit-animation: animStar 600s linear infinite; + -moz-animation: animStar 600s linear infinite; + -ms-animation: animStar 600s linear infinite; + animation: animStar 600s linear infinite; +} + +#stars4:after { + content: " "; + position: absolute; + top: 2000px; + width: 1px; + height: 1px; + background: transparent; + box-shadow: 233px 1976px #333333, 1196px 1119px #333333, 646px 740px #333333, 335px 645px #333333, 1119px 1452px #333333, 176px 1870px #333333, 639px 1711px #333333, 647px 1388px #333333, 1516px 1108px #333333, 464px 66px #333333, 331px 344px #333333, 772px 1189px #333333, 1516px 1850px #333333, 1500px 1463px #333333, 1275px 876px #333333, 1107px 645px #333333, 977px 478px #333333, 583px 1179px #333333, 284px 395px #333333, 1220px 461px #333333, 1160px 249px #333333, 196px 865px #333333, 670px 1915px #333333, 1449px 382px #333333, 1191px 546px #333333, 1329px 605px #333333, 1945px 458px #333333, 995px 749px #333333, 1495px 861px #333333, 708px 1731px #333333, 348px 653px #333333, 548px 1298px #333333, 1606px 990px #333333, 1049px 1204px #333333, 253px 1501px #333333, 1154px 166px #333333, 1087px 104px #333333, 1034px 1161px #333333, 1681px 462px #333333, 577px 1897px #333333, 193px 1901px #333333, 1701px 1755px #333333, 864px 1297px #333333, 800px 1289px #333333, 676px 28px #333333, 185px 1341px #333333, 379px 1151px #333333, 1224px 1725px #333333, 280px 541px #333333, 473px 1196px #333333, 921px 1628px #333333, 969px 432px #333333, 1475px 758px #333333, 1195px 993px #333333, 876px 1840px #333333, 1274px 1689px #333333, 1977px 1101px #333333, 837px 527px #333333, 1785px 1610px #333333, 1650px 1843px #333333, 1127px 1508px #333333, 401px 1050px #333333, 51px 1105px #333333, 545px 880px #333333, 1786px 1672px #333333, 318px 260px #333333, 568px 254px #333333, 1026px 1527px #333333, 1242px 852px #333333, 1785px 982px #333333, 1318px 1071px #333333, 398px 1061px #333333, 1509px 257px #333333, 599px 928px #333333, 1195px 1800px #333333, 1254px 906px #333333, 141px 26px #333333, 1384px 1502px #333333, 476px 767px #333333, 1973px 722px #333333, 1339px 1031px #333333, 778px 818px #333333, 213px 1320px #333333, 184px 221px #333333, 983px 1911px #333333, 923px 1439px #333333, 1936px 581px #333333, 1105px 625px #333333, 325px 729px #333333, 1475px 204px #333333, 1483px 1564px #333333, 1327px 1272px #333333, 1187px 1944px #333333, 1945px 1471px #333333, 116px 960px #333333, 1660px 1610px #333333, 412px 1022px #333333, 1552px 1516px #333333, 1517px 1892px #333333, 306px 829px #333333, 1416px 462px #333333, 1575px 1460px #333333, 424px 1500px #333333, 1530px 1169px #333333, 1388px 1608px #333333, 185px 416px #333333, 634px 1446px #333333, 767px 479px #333333, 71px 426px #333333, 1937px 145px #333333, 1955px 1312px #333333, 1811px 611px #333333, 1145px 569px #333333, 1460px 676px #333333, 131px 1858px #333333, 1557px 473px #333333, 735px 130px #333333, 112px 1531px #333333, 1312px 305px #333333, 409px 1032px #333333, 149px 1964px #333333, 535px 1215px #333333, 1382px 630px #333333, 1437px 1368px #333333, 362px 1181px #333333, 388px 181px #333333, 274px 1287px #333333, 1858px 1414px #333333, 661px 1935px #333333, 675px 1205px #333333, 1829px 1725px #333333, 1937px 1145px #333333, 237px 908px #333333, 1059px 1185px #333333, 824px 1248px #333333, 1167px 1730px #333333, 180px 1961px #333333, 1663px 203px #333333, 374px 221px #333333, 724px 1883px #333333, 970px 1362px #333333, 832px 505px #333333, 313px 233px #333333, 1909px 597px #333333, 434px 201px #333333, 587px 995px #333333, 1833px 623px #333333, 1464px 561px #333333, 231px 593px #333333, 1558px 1433px #333333, 1986px 1767px #333333, 1753px 1728px #333333, 1153px 1623px #333333, 249px 229px #333333, 1503px 1186px #333333, 1784px 137px #333333, 841px 403px #333333, 1400px 354px #333333, 197px 499px #333333, 1188px 681px #333333, 158px 391px #333333, 443px 1099px #333333, 723px 1445px #333333, 1408px 1235px #333333, 1908px 195px #333333, 271px 891px #333333, 469px 1693px #333333, 580px 11px #333333, 1533px 70px #333333, 859px 761px #333333, 1510px 1844px #333333, 421px 558px #333333, 1132px 1453px #333333, 757px 1987px #333333, 212px 293px #333333, 569px 323px #333333, 1404px 1394px #333333, 252px 1386px #333333, 1668px 1857px #333333, 123px 1684px #333333, 105px 490px #333333, 1083px 1769px #333333, 1071px 1953px #333333, 1271px 1159px #333333, 699px 1491px #333333, 1744px 1997px #333333, 1868px 1973px #333333, 1438px 1449px #333333, 1222px 1921px #333333, 1328px 1210px #333333, 438px 873px #333333, 809px 780px #333333, 491px 1524px #333333, 447px 1830px #333333, 927px 1936px #333333, 564px 691px #333333, 1784px 1747px #333333, 1978px 1722px #333333, 1599px 1480px #333333, 1276px 729px #333333, 731px 1174px #333333, 1586px 1711px #333333, 451px 1340px #333333, 1075px 1899px #333333, 13px 575px #333333, 309px 1340px #333333, 981px 183px #333333, 248px 1315px #333333, 849px 80px #333333, 1754px 1540px #333333, 73px 1432px #333333, 1208px 1828px #333333, 65px 575px #333333, 1098px 730px #333333, 127px 1358px #333333, 185px 19px #333333, 1222px 1679px #333333, 1122px 315px #333333, 1906px 452px #333333, 761px 284px #333333, 813px 492px #333333, 1344px 843px #333333, 118px 1834px #333333, 1620px 359px #333333, 1755px 1246px #333333, 299px 1076px #333333, 1746px 158px #333333, 6px 1635px #333333, 143px 190px #333333, 101px 468px #333333, 137px 971px #333333, 1221px 1929px #333333, 1752px 650px #333333, 1635px 1761px #333333, 1522px 833px #333333, 908px 153px #333333, 1044px 350px #333333, 1151px 1940px #333333, 822px 210px #333333, 1774px 310px #333333, 796px 1447px #333333, 1069px 1903px #333333, 217px 565px #333333, 662px 1370px #333333, 1876px 1570px #333333, 847px 46px #333333, 1042px 1689px #333333, 1584px 1434px #333333, 1791px 908px #333333, 973px 908px #333333, 793px 747px #333333, 122px 483px #333333, 1137px 1374px #333333, 1757px 1791px #333333, 513px 225px #333333, 63px 731px #333333, 1179px 1926px #333333, 346px 18px #333333, 589px 175px #333333, 87px 302px #333333, 380px 1295px #333333, 450px 921px #333333, 1667px 1973px #333333, 1495px 1373px #333333, 1462px 1850px #333333, 540px 288px #333333, 1208px 1051px #333333, 1554px 1095px #333333, 1009px 1516px #333333, 181px 572px #333333, 165px 387px #333333, 549px 1835px #333333, 960px 16px #333333, 1360px 403px #333333, 1251px 43px #333333, 1905px 1813px #333333, 1106px 866px #333333, 1809px 277px #333333, 1828px 1720px #333333, 295px 1610px #333333, 523px 166px #333333, 1069px 692px #333333, 1292px 217px #333333, 11px 1721px #333333, 99px 1045px #333333, 51px 1584px #333333, 1053px 266px #333333, 1287px 1235px #333333, 747px 1722px #333333, 1542px 736px #333333, 1256px 18px #333333, 102px 609px #333333, 586px 1339px #333333, 1843px 1697px #333333, 824px 1687px #333333, 1124px 882px #333333, 395px 501px #333333, 1456px 672px #333333, 1472px 1648px #333333, 1326px 1164px #333333, 777px 1672px #333333, 81px 345px #333333, 91px 386px #333333, 243px 411px #333333, 1560px 90px #333333, 6px 1771px #333333, 1601px 616px #333333, 1220px 1808px #333333, 1160px 836px #333333, 246px 1777px #333333, 456px 863px #333333, 97px 1138px #333333, 1811px 942px #333333, 213px 414px #333333, 891px 392px #333333, 1044px 927px #333333, 1856px 216px #333333, 957px 347px #333333, 1486px 406px #333333, 838px 912px #333333, 803px 361px #333333, 564px 826px #333333, 1597px 949px #333333, 1206px 289px #333333, 33px 1035px #333333, 1762px 1377px #333333, 789px 1815px #333333, 1594px 1342px #333333, 1668px 880px #333333, 1539px 1581px #333333, 1547px 53px #333333, 861px 1433px #333333, 693px 1618px #333333, 1762px 782px #333333, 1568px 682px #333333, 1126px 1762px #333333, 1242px 134px #333333, 495px 959px #333333, 1606px 219px #333333, 1878px 1415px #333333, 1652px 797px #333333, 782px 1903px #333333, 1774px 1133px #333333, 1430px 408px #333333, 265px 394px #333333, 890px 336px #333333, 1051px 311px #333333, 461px 1559px #333333, 1931px 91px #333333, 1160px 380px #333333, 1442px 1058px #333333, 1157px 364px #333333, 586px 227px #333333, 1365px 715px #333333, 1658px 1655px #333333, 1923px 1664px #333333, 1023px 1844px #333333, 1939px 1367px #333333, 1203px 1305px #333333, 359px 642px #333333, 1056px 425px #333333, 787px 202px #333333, 1609px 1850px #333333, 1964px 200px #333333, 1537px 586px #333333, 1589px 903px #333333, 1063px 1694px #333333, 760px 1185px #333333, 597px 1396px #333333, 294px 452px #333333, 433px 818px #333333, 199px 840px #333333, 1332px 1937px #333333, 169px 1907px #333333, 591px 834px #333333, 1716px 1032px #333333, 45px 1879px #333333, 686px 1469px #333333, 1520px 475px #333333, 1122px 859px #333333, 973px 1541px #333333, 269px 477px #333333, 1390px 716px #333333, 1791px 783px #333333, 824px 2000px #333333, 1211px 1717px #333333, 1008px 1587px #333333, 1422px 204px #333333, 234px 556px #333333, 506px 550px #333333, 942px 1670px #333333, 397px 853px #333333, 599px 795px #333333, 762px 1926px #333333, 1202px 1424px #333333, 135px 1316px #333333, 1442px 1692px #333333, 977px 652px #333333, 564px 1648px #333333, 997px 1474px #333333, 67px 1366px #333333, 1860px 1451px #333333, 1105px 772px #333333, 1886px 1396px #333333, 1510px 658px #333333, 976px 1544px #333333, 894px 543px #333333, 1098px 1189px #333333, 690px 77px #333333, 770px 733px #333333, 557px 1403px #333333, 1758px 1623px #333333, 1341px 812px #333333, 699px 967px #333333, 277px 866px #333333, 1526px 1828px #333333, 8px 977px #333333, 1707px 952px #333333, 12px 1900px #333333, 72px 921px #333333, 496px 1067px #333333, 1288px 1749px #333333, 273px 984px #333333, 1197px 1991px #333333, 242px 789px #333333, 903px 1035px #333333, 480px 1492px #333333, 102px 1331px #333333, 738px 1343px #333333, 560px 1475px #333333, 367px 846px #333333, 1420px 962px #333333, 1976px 892px #333333, 1911px 1763px #333333, 1639px 1002px #333333, 437px 1522px #333333, 1906px 1025px #333333, 730px 1364px #333333, 1127px 521px #333333, 1401px 1792px #333333, 1954px 1066px #333333, 232px 250px #333333, 1685px 660px #333333, 1011px 999px #333333, 1970px 790px #333333, 750px 499px #333333, 1738px 660px #333333, 1621px 1849px #333333, 446px 52px #333333, 1055px 1396px #333333, 1165px 1497px #333333, 1740px 1425px #333333, 1012px 1920px #333333, 1258px 1560px #333333, 1020px 1152px #333333, 362px 673px #333333, 1065px 975px #333333, 582px 755px #333333, 1271px 1479px #333333, 719px 548px #333333, 1602px 879px #333333, 590px 499px #333333, 721px 1412px #333333, 1180px 113px #333333, 1801px 1961px #333333, 589px 941px #333333, 883px 476px #333333, 214px 890px #333333, 1028px 892px #333333, 1107px 1832px #333333, 944px 361px #333333, 480px 1453px #333333, 1466px 683px #333333, 981px 745px #333333, 1968px 828px #333333, 657px 1830px #333333, 11px 1338px #333333, 179px 730px #333333, 1713px 197px #333333, 51px 955px #333333, 1243px 319px #333333, 1175px 624px #333333, 446px 46px #333333, 5px 1158px #333333, 82px 1352px #333333, 1877px 402px #333333, 708px 1778px #333333, 903px 1625px #333333, 1824px 352px #333333, 1229px 140px #333333, 1518px 24px #333333, 1017px 512px #333333, 515px 699px #333333, 295px 265px #333333, 69px 1773px #333333, 1640px 1163px #333333, 536px 342px #333333, 970px 1766px #333333, 560px 1416px #333333, 577px 193px #333333, 469px 9px #333333, 466px 276px #333333, 711px 853px #333333, 401px 685px #333333, 85px 506px #333333, 865px 558px #333333, 631px 105px #333333, 887px 866px #333333, 1704px 1001px #333333, 1051px 1199px #333333, 275px 1909px #333333, 1462px 829px #333333, 375px 1057px #333333, 1531px 1501px #333333, 205px 403px #333333, 33px 1869px #333333, 967px 1176px #333333, 376px 863px #333333, 1769px 1545px #333333, 535px 51px #333333, 1972px 1569px #333333, 1773px 960px #333333, 487px 620px #333333, 1660px 687px #333333, 1632px 972px #333333, 1362px 42px #333333, 479px 1655px #333333, 1531px 1808px #333333, 1450px 1412px #333333, 1549px 170px #333333, 1904px 1305px #333333, 1209px 48px #333333, 1933px 820px #333333, 1623px 595px #333333, 48px 643px #333333, 179px 1754px #333333, 589px 1032px #333333, 1199px 356px #333333, 1755px 1418px #333333, 780px 1174px #333333, 1905px 758px #333333, 1567px 713px #333333, 1372px 705px #333333, 456px 654px #333333, 759px 690px #333333, 452px 673px #333333, 993px 1610px #333333, 1271px 188px #333333, 343px 1750px #333333, 1943px 1735px #333333, 1717px 853px #333333, 1247px 303px #333333, 1314px 1895px #333333, 1203px 489px #333333, 741px 469px #333333, 4px 246px #333333, 1515px 115px #333333, 606px 218px #333333, 1966px 1471px #333333, 177px 87px #333333, 1575px 588px #333333, 1136px 1386px #333333, 70px 1868px #333333, 1053px 18px #333333, 1124px 721px #333333, 1748px 1181px #333333, 191px 1387px #333333, 1931px 840px #333333, 1088px 1603px #333333, 634px 1255px #333333, 814px 1434px #333333, 585px 64px #333333, 1074px 1618px #333333, 1692px 761px #333333, 651px 643px #333333, 193px 335px #333333, 1103px 1447px #333333, 491px 1142px #333333, 521px 408px #333333, 536px 340px #333333, 411px 1091px #333333, 1646px 193px #333333, 1595px 1285px #333333, 870px 1349px #333333, 1085px 1013px #333333, 204px 1864px #333333, 1359px 299px #333333, 807px 964px #333333, 219px 509px #333333, 36px 1227px #333333, 702px 1873px #333333, 1471px 934px #333333, 1763px 792px #333333, 973px 1957px #333333, 987px 68px #333333, 593px 1282px #333333, 1900px 607px #333333, 407px 1659px #333333, 587px 17px #333333, 632px 158px #333333; +} + +@-webkit-keyframes animStar { + from { + -webkit-transform: translateY(0px); + } + to { + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes animStar { + from { + -moz-transform: translateY(0px); + } + to { + -moz-transform: translateY(-2000px); + } +} + +@-ms-keyframes animStar { + from { + -ms-transform: translateY(0px); + } + to { + -ms-transform: translateY(-2000px); + } +} + +@keyframes animStar { + from { + transform: translateY(0px); + } + to { + transform: translateY(-2000px); + } +} \ No newline at end of file diff --git a/assets/js/breakpoints.min.js b/assets/js/breakpoints.min.js new file mode 100644 index 0000000..32419cc --- /dev/null +++ b/assets/js/breakpoints.min.js @@ -0,0 +1,2 @@ +/* breakpoints.js v1.0 | @ajlkn | MIT licensed */ +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+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="
",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 01){for(var r=0;r=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o 0) { + + // Shrink effect. + $main + .scrollex({ + mode: 'top', + enter: function() { + $nav.addClass('alt'); + }, + leave: function() { + $nav.removeClass('alt'); + }, + }); + + // Links. + var $nav_a = $nav.find('a'); + + $nav_a + .scrolly({ + speed: 1000, + offset: function() { return $nav.height(); } + }) + .on('click', function() { + + var $this = $(this); + + // External link? Bail. + if ($this.attr('href').charAt(0) != '#') + return; + + // Deactivate all links. + $nav_a + .removeClass('active') + .removeClass('active-locked'); + + // Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section). + $this + .addClass('active') + .addClass('active-locked'); + + }) + .each(function() { + + var $this = $(this), + id = $this.attr('href'), + $section = $(id); + + // No section for this link? Bail. + if ($section.length < 1) + return; + + // Scrollex. + $section.scrollex({ + mode: 'middle', + initialize: function() { + + // Deactivate section. + if (browser.canUse('transition')) + $section.addClass('inactive'); + + }, + enter: function() { + + // Activate section. + $section.removeClass('inactive'); + + // No locked links? Deactivate all links and activate this section's one. + if ($nav_a.filter('.active-locked').length == 0) { + + $nav_a.removeClass('active'); + $this.addClass('active'); + + } + + // Otherwise, if this section's link is the one that's locked, unlock it. + else if ($this.hasClass('active-locked')) + $this.removeClass('active-locked'); + + } + }); + + }); + + } + + // Scrolly. + $('.scrolly').scrolly({ + speed: 1000 + }); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/util.js b/assets/js/util.js new file mode 100644 index 0000000..bdb8e9f --- /dev/null +++ b/assets/js/util.js @@ -0,0 +1,587 @@ +(function($) { + + /** + * Generate an indented list of links from a nav. Meant for use with panel(). + * @return {jQuery} jQuery object. + */ + $.fn.navList = function() { + + var $this = $(this); + $a = $this.find('a'), + b = []; + + $a.each(function() { + + var $this = $(this), + indent = Math.max(0, $this.parents('li').length - 1), + href = $this.attr('href'), + target = $this.attr('target'); + + b.push( + '' + + '' + + $this.text() + + '' + ); + + }); + + return b.join(''); + + }; + + /** + * Panel-ify an element. + * @param {object} userConfig User config. + * @return {jQuery} jQuery object. + */ + $.fn.panel = function(userConfig) { + + // No elements? + if (this.length == 0) + return $this; + + // Multiple elements? + if (this.length > 1) { + + for (var i=0; i < this.length; i++) + $(this[i]).panel(userConfig); + + return $this; + + } + + // Vars. + var $this = $(this), + $body = $('body'), + $window = $(window), + id = $this.attr('id'), + config; + + // Config. + config = $.extend({ + + // Delay. + delay: 0, + + // Hide panel on link click. + hideOnClick: false, + + // Hide panel on escape keypress. + hideOnEscape: false, + + // Hide panel on swipe. + hideOnSwipe: false, + + // Reset scroll position on hide. + resetScroll: false, + + // Reset forms on hide. + resetForms: false, + + // Side of viewport the panel will appear. + side: null, + + // Target element for "class". + target: $this, + + // Class to toggle. + visibleClass: 'visible' + + }, userConfig); + + // Expand "target" if it's not a jQuery object already. + if (typeof config.target != 'jQuery') + config.target = $(config.target); + + // Panel. + + // Methods. + $this._hide = function(event) { + + // Already hidden? Bail. + if (!config.target.hasClass(config.visibleClass)) + return; + + // If an event was provided, cancel it. + if (event) { + + event.preventDefault(); + event.stopPropagation(); + + } + + // Hide. + config.target.removeClass(config.visibleClass); + + // Post-hide stuff. + window.setTimeout(function() { + + // Reset scroll position. + if (config.resetScroll) + $this.scrollTop(0); + + // Reset forms. + if (config.resetForms) + $this.find('form').each(function() { + this.reset(); + }); + + }, config.delay); + + }; + + // Vendor fixes. + $this + .css('-ms-overflow-style', '-ms-autohiding-scrollbar') + .css('-webkit-overflow-scrolling', 'touch'); + + // Hide on click. + if (config.hideOnClick) { + + $this.find('a') + .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)'); + + $this + .on('click', 'a', function(event) { + + var $a = $(this), + href = $a.attr('href'), + target = $a.attr('target'); + + if (!href || href == '#' || href == '' || href == '#' + id) + return; + + // Cancel original event. + event.preventDefault(); + event.stopPropagation(); + + // Hide panel. + $this._hide(); + + // Redirect to href. + window.setTimeout(function() { + + if (target == '_blank') + window.open(href); + else + window.location.href = href; + + }, config.delay + 10); + + }); + + } + + // Event: Touch stuff. + $this.on('touchstart', function(event) { + + $this.touchPosX = event.originalEvent.touches[0].pageX; + $this.touchPosY = event.originalEvent.touches[0].pageY; + + }) + + $this.on('touchmove', function(event) { + + if ($this.touchPosX === null + || $this.touchPosY === null) + return; + + var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX, + diffY = $this.touchPosY - event.originalEvent.touches[0].pageY, + th = $this.outerHeight(), + ts = ($this.get(0).scrollHeight - $this.scrollTop()); + + // Hide on swipe? + if (config.hideOnSwipe) { + + var result = false, + boundary = 20, + delta = 50; + + switch (config.side) { + + case 'left': + result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta); + break; + + case 'right': + result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)); + break; + + case 'top': + result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta); + break; + + case 'bottom': + result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta)); + break; + + default: + break; + + } + + if (result) { + + $this.touchPosX = null; + $this.touchPosY = null; + $this._hide(); + + return false; + + } + + } + + // Prevent vertical scrolling past the top or bottom. + if (($this.scrollTop() < 0 && diffY < 0) + || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { + + event.preventDefault(); + event.stopPropagation(); + + } + + }); + + // Event: Prevent certain events inside the panel from bubbling. + $this.on('click touchend touchstart touchmove', function(event) { + event.stopPropagation(); + }); + + // Event: Hide panel if a child anchor tag pointing to its ID is clicked. + $this.on('click', 'a[href="#' + id + '"]', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + config.target.removeClass(config.visibleClass); + + }); + + // Body. + + // Event: Hide panel on body click/tap. + $body.on('click touchend', function(event) { + $this._hide(event); + }); + + // Event: Toggle. + $body.on('click', 'a[href="#' + id + '"]', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + config.target.toggleClass(config.visibleClass); + + }); + + // Window. + + // Event: Hide on ESC. + if (config.hideOnEscape) + $window.on('keydown', function(event) { + + if (event.keyCode == 27) + $this._hide(event); + + }); + + return $this; + + }; + + /** + * Apply "placeholder" attribute polyfill to one or more forms. + * @return {jQuery} jQuery object. + */ + $.fn.placeholder = function() { + + // Browser natively supports placeholders? Bail. + if (typeof (document.createElement('input')).placeholder != 'undefined') + return $(this); + + // No elements? + if (this.length == 0) + return $this; + + // Multiple elements? + if (this.length > 1) { + + for (var i=0; i < this.length; i++) + $(this[i]).placeholder(); + + return $this; + + } + + // Vars. + var $this = $(this); + + // Text, TextArea. + $this.find('input[type=text],textarea') + .each(function() { + + var i = $(this); + + if (i.val() == '' + || i.val() == i.attr('placeholder')) + i + .addClass('polyfill-placeholder') + .val(i.attr('placeholder')); + + }) + .on('blur', function() { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + return; + + if (i.val() == '') + i + .addClass('polyfill-placeholder') + .val(i.attr('placeholder')); + + }) + .on('focus', function() { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + return; + + if (i.val() == i.attr('placeholder')) + i + .removeClass('polyfill-placeholder') + .val(''); + + }); + + // Password. + $this.find('input[type=password]') + .each(function() { + + var i = $(this); + var x = $( + $('
') + .append(i.clone()) + .remove() + .html() + .replace(/type="password"/i, 'type="text"') + .replace(/type=password/i, 'type=text') + ); + + if (i.attr('id') != '') + x.attr('id', i.attr('id') + '-polyfill-field'); + + if (i.attr('name') != '') + x.attr('name', i.attr('name') + '-polyfill-field'); + + x.addClass('polyfill-placeholder') + .val(x.attr('placeholder')).insertAfter(i); + + if (i.val() == '') + i.hide(); + else + x.hide(); + + i + .on('blur', function(event) { + + event.preventDefault(); + + var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); + + if (i.val() == '') { + + i.hide(); + x.show(); + + } + + }); + + x + .on('focus', function(event) { + + event.preventDefault(); + + var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']'); + + x.hide(); + + i + .show() + .focus(); + + }) + .on('keypress', function(event) { + + event.preventDefault(); + x.val(''); + + }); + + }); + + // Events. + $this + .on('submit', function() { + + $this.find('input[type=text],input[type=password],textarea') + .each(function(event) { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + i.attr('name', ''); + + if (i.val() == i.attr('placeholder')) { + + i.removeClass('polyfill-placeholder'); + i.val(''); + + } + + }); + + }) + .on('reset', function(event) { + + event.preventDefault(); + + $this.find('select') + .val($('option:first').val()); + + $this.find('input,textarea') + .each(function() { + + var i = $(this), + x; + + i.removeClass('polyfill-placeholder'); + + switch (this.type) { + + case 'submit': + case 'reset': + break; + + case 'password': + i.val(i.attr('defaultValue')); + + x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); + + if (i.val() == '') { + i.hide(); + x.show(); + } + else { + i.show(); + x.hide(); + } + + break; + + case 'checkbox': + case 'radio': + i.attr('checked', i.attr('defaultValue')); + break; + + case 'text': + case 'textarea': + i.val(i.attr('defaultValue')); + + if (i.val() == '') { + i.addClass('polyfill-placeholder'); + i.val(i.attr('placeholder')); + } + + break; + + default: + i.val(i.attr('defaultValue')); + break; + + } + }); + + }); + + return $this; + + }; + + /** + * Moves elements to/from the first positions of their respective parents. + * @param {jQuery} $elements Elements (or selector) to move. + * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations. + */ + $.prioritize = function($elements, condition) { + + var key = '__prioritize'; + + // Expand $elements if it's not already a jQuery object. + if (typeof $elements != 'jQuery') + $elements = $($elements); + + // Step through elements. + $elements.each(function() { + + var $e = $(this), $p, + $parent = $e.parent(); + + // No parent? Bail. + if ($parent.length == 0) + return; + + // Not moved? Move it. + if (!$e.data(key)) { + + // Condition is false? Bail. + if (!condition) + return; + + // Get placeholder (which will serve as our point of reference for when this element needs to move back). + $p = $e.prev(); + + // Couldn't find anything? Means this element's already at the top, so bail. + if ($p.length == 0) + return; + + // Move element to top of parent. + $e.prependTo($parent); + + // Mark element as moved. + $e.data(key, $p); + + } + + // Moved already? + else { + + // Condition is true? Bail. + if (condition) + return; + + $p = $e.data(key); + + // Move element back to its original location (using our placeholder). + $e.insertAfter($p); + + // Unmark element as moved. + $e.removeData(key); + + } + + }); + + }; + +})(jQuery); \ No newline at end of file diff --git a/assets/sass/base/_page.scss b/assets/sass/base/_page.scss new file mode 100644 index 0000000..4194159 --- /dev/null +++ b/assets/sass/base/_page.scss @@ -0,0 +1,51 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Basic */ + + // MSIE: Required for IEMobile. + @-ms-viewport { + width: device-width; + } + + // MSIE: Prevents scrollbar from overlapping content. + body { + -ms-overflow-style: scrollbar; + } + + // Ensures page width is always >=320px. + @include breakpoint('<=xsmall') { + html, body { + min-width: 320px; + } + } + + // Set box model to border-box. + // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + body { + background-color: _palette(bg); + @include vendor('background-image', ( + 'url("images/overlay.png")', + 'linear-gradient(45deg, #{_palette(bg1)} 15%, #{_palette(bg2) 85%})', + )); + + // Stops initial animations until page loads. + &.is-preload { + *, *:before, *:after { + @include vendor('animation', 'none !important'); + @include vendor('transition', 'none !important'); + } + } + + } \ No newline at end of file diff --git a/assets/sass/base/_reset.scss b/assets/sass/base/_reset.scss new file mode 100644 index 0000000..3af8aa8 --- /dev/null +++ b/assets/sass/base/_reset.scss @@ -0,0 +1,76 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +// Reset. +// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain) + + html, body, div, span, applet, object, + iframe, h1, h2, h3, h4, h5, h6, p, blockquote, + pre, a, abbr, acronym, address, big, cite, + code, del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, b, + u, i, center, dl, dt, dd, ol, ul, li, fieldset, + form, label, legend, table, caption, tbody, + tfoot, thead, tr, th, td, article, aside, + canvas, details, embed, figure, figcaption, + footer, header, hgroup, menu, nav, output, ruby, + section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + } + + article, aside, details, figcaption, figure, + footer, header, hgroup, menu, nav, section { + display: block; + } + + body { + line-height: 1; + } + + ol, ul { + list-style:none; + } + + blockquote, q { + quotes: none; + + &:before, + &:after { + content: ''; + content: none; + } + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + body { + -webkit-text-size-adjust: none; + } + + mark { + background-color: transparent; + color: inherit; + } + + input::-moz-focus-inner { + border: 0; + padding: 0; + } + + input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + } \ No newline at end of file diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss new file mode 100644 index 0000000..ba56621 --- /dev/null +++ b/assets/sass/base/_typography.scss @@ -0,0 +1,216 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Type */ + + body { + background-color: _palette(bg); + color: _palette(fg); + } + + body, input, select, textarea { + font-family: _font(family); + font-size: 17pt; + font-weight: _font(weight); + line-height: 1.65; + + @include breakpoint('<=xlarge') { + font-size: 14pt; + } + + @include breakpoint('<=large') { + font-size: 12pt; + } + + @include breakpoint('<=xxsmall') { + font-size: 11pt; + } + } + + a { + @include vendor('transition', ( + 'color #{_duration(transition)} ease', + 'border-bottom #{_duration(transition)} ease' + )); + text-decoration: none; + border-bottom: dotted 1px; + color: inherit; + + &:hover { + border-bottom-color: transparent; + } + } + + strong, b { + font-weight: _font(weight-bold); + } + + em, i { + font-style: italic; + } + + p { + margin: 0 0 _size(element-margin) 0; + + &.content { + -moz-columns: 20em 2; + -webkit-columns: 20em 2; + -ms-columns: 20em 2; + columns: 20em 2; + -moz-column-gap: _size(element-margin); + -webkit-column-gap: _size(element-margin); + -ms-column-gap: _size(element-margin); + column-gap: _size(element-margin); + text-align: justify; + } + } + + h1, h2, h3, h4, h5, h6 { + font-weight: _font(weight); + line-height: 1.5; + margin: 0 0 (_size(element-margin) * 0.35) 0; + letter-spacing: _font(letter-spacing); + + a { + color: inherit; + text-decoration: none; + } + } + + h1 { + font-size: 2.5em; + line-height: 1.2; + } + + h2 { + font-size: 1.5em; + } + + h3 { + font-size: 1.25em; + } + + h4 { + font-size: 1.1em; + } + + h5 { + font-size: 0.9em; + } + + h6 { + font-size: 0.7em; + } + + @include breakpoint('<=small') { + h1 { + font-size: 2em; + } + } + + sub { + font-size: 0.8em; + position: relative; + top: 0.5em; + } + + sup { + font-size: 0.8em; + position: relative; + top: -0.5em; + } + + blockquote { + border-left: solid 4px; + font-style: italic; + margin: 0 0 _size(element-margin) 0; + padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin); + } + + code { + border-radius: _size(border-radius); + border: solid 1px; + font-family: _font(family-fixed); + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; + } + + pre { + -webkit-overflow-scrolling: touch; + font-family: _font(family-fixed); + font-size: 0.9em; + margin: 0 0 _size(element-margin) 0; + + code { + display: block; + line-height: 1.75; + padding: 1em 1.5em; + overflow-x: auto; + } + } + + hr { + border: 0; + border-bottom: solid 1px; + margin: _size(element-margin) 0; + + &.major { + margin: (_size(element-margin) * 1.5) 0; + } + } + + .align-left { + text-align: left; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + + @mixin color-typography($p: null) { + @if $p != null { + background-color: _palette($p, bg); + color: _palette($p, fg); + } + + input, select, textarea { + color: _palette($p, fg-bold); + } + + a { + &:hover { + color: _palette($p, fg-bold); + } + } + + strong, b { + color: _palette($p, fg-bold); + } + + h1, h2, h3, h4, h5, h6 { + color: _palette($p, fg-bold); + } + + blockquote { + border-left-color: _palette($p, border); + } + + code { + background: _palette($p, border-bg); + border-color: _palette($p, border); + } + + hr { + border-bottom-color: _palette($p, border); + } + } + + @include color-typography; \ No newline at end of file diff --git a/assets/sass/components/_actions.scss b/assets/sass/components/_actions.scss new file mode 100644 index 0000000..df2fbcc --- /dev/null +++ b/assets/sass/components/_actions.scss @@ -0,0 +1,101 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Actions */ + + ul.actions { + @include vendor('display', 'flex'); + cursor: default; + list-style: none; + margin-left: (_size(element-margin) * -0.5); + padding-left: 0; + + li { + padding: 0 0 0 (_size(element-margin) * 0.5); + vertical-align: middle; + } + + &.special { + @include vendor('justify-content', 'center'); + width: 100%; + margin-left: 0; + + li { + &:first-child { + padding-left: 0; + } + } + } + + &.stacked { + @include vendor('flex-direction', 'column'); + margin-left: 0; + + li { + padding: (_size(element-margin) * 0.65) 0 0 0; + + &:first-child { + padding-top: 0; + } + } + } + + &.fit { + width: calc(100% + #{_size(element-margin) * 0.5}); + + li { + @include vendor('flex-grow', '1'); + @include vendor('flex-shrink', '1'); + width: 100%; + + > * { + width: 100%; + } + } + + &.stacked { + width: 100%; + } + } + + @include breakpoint('<=xsmall') { + &:not(.fixed) { + @include vendor('flex-direction', 'column'); + margin-left: 0; + width: 100% !important; + + li { + @include vendor('flex-grow', '1'); + @include vendor('flex-shrink', '1'); + padding: (_size(element-margin) * 0.5) 0 0 0; + text-align: center; + width: 100%; + + > * { + width: 100%; + } + + &:first-child { + padding-top: 0; + } + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + width: 100%; + + &.icon { + &:before { + margin-left: -0.5rem; + } + } + } + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_box.scss b/assets/sass/components/_box.scss new file mode 100644 index 0000000..13458fb --- /dev/null +++ b/assets/sass/components/_box.scss @@ -0,0 +1,34 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Box */ + + .box { + border-radius: _size(border-radius); + border: solid _size(border-width); + margin-bottom: _size(element-margin); + padding: 1.5em; + + > :last-child, + > :last-child > :last-child, + > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + &.alt { + border: 0; + border-radius: 0; + padding: 0; + } + } + + @mixin color-box($p: null) { + .box { + border-color: _palette($p, border); + } + } + + @include color-box; \ No newline at end of file diff --git a/assets/sass/components/_button.scss b/assets/sass/components/_button.scss new file mode 100644 index 0000000..440e109 --- /dev/null +++ b/assets/sass/components/_button.scss @@ -0,0 +1,109 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + @include vendor('appearance', 'none'); + @include vendor('transition', ( + 'background-color #{_duration(transition)} ease-in-out', + 'color #{_duration(transition)} ease-in-out' + )); + border-radius: _size(border-radius); + border: 0; + cursor: pointer; + display: inline-block; + font-weight: _font(weight); + height: 2.75em; + line-height: 2.75em; + min-width: 9.25em; + padding: 0 1.5em; + text-align: center; + text-decoration: none; + white-space: nowrap; + + &.icon { + padding-left: 1.35em; + + &:before { + margin-right: 0.5em; + } + } + + &.fit { + width: 100%; + } + + &.small { + font-size: 0.8em; + } + + &.large { + font-size: 1.35em; + } + + &.disabled, + &:disabled { + @include vendor('pointer-events', 'none'); + opacity: 0.25; + } + + @include breakpoint('<=small') { + min-width: 0; + } + } + + @mixin color-button($p: null) { + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + background-color: transparent; + box-shadow: inset 0 0 0 1px _palette($p, border); + color: _palette($p, fg-bold) !important; + + &:hover { + background-color: _palette($p, border-bg); + } + + &:active { + background-color: _palette($p, border2-bg); + } + + &.icon { + &:before { + color: _palette($p, fg-light); + } + } + + &.primary { + background-color: _palette(accent); + color: _palette(invert, bg) !important; + box-shadow: none; + + &:hover { + background-color: lighten(_palette(accent), 3); + } + + &:active { + background-color: darken(_palette(accent), 3); + } + + &.icon { + &:before { + color: _palette(invert, bg) !important; + } + } + } + } + } + + @include color-button; \ No newline at end of file diff --git a/assets/sass/components/_features.scss b/assets/sass/components/_features.scss new file mode 100644 index 0000000..7c61cea --- /dev/null +++ b/assets/sass/components/_features.scss @@ -0,0 +1,60 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Features */ + + .features { + @include vendor('display', 'flex'); + @include vendor('flex-wrap', 'wrap'); + @include vendor('justify-content', 'center'); + width: calc(100% + #{_size(element-margin)}); + margin: 0 0 (_size(element-margin) * 1.5) (_size(element-margin) * -1); + padding: 0; + list-style: none; + + li { + width: calc(#{(100% / 3)} - #{_size(element-margin)}); + margin-left: _size(element-margin); + margin-top: (_size(element-margin) * 1.5); + padding: 0; + + &:nth-child(1), + &:nth-child(2), + &:nth-child(3) { + margin-top: 0; + } + + > :last-child { + margin-bottom: 0; + } + } + + @include breakpoint('<=medium') { + li { + width: calc(#{(100% / 2)} - #{_size(element-margin)}); + + &:nth-child(3) { + margin-top: (_size(element-margin) * 1.5); + } + } + } + + @include breakpoint('<=small') { + width: 100%; + margin: 0 0 _size(element-margin) 0; + + li { + width: 100%; + margin-left: 0; + margin-top: _size(element-margin); + + &:nth-child(2), + &:nth-child(3) { + margin-top: _size(element-margin); + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_form.scss b/assets/sass/components/_form.scss new file mode 100644 index 0000000..7ac57d9 --- /dev/null +++ b/assets/sass/components/_form.scss @@ -0,0 +1,221 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Form */ + + form { + margin: 0 0 _size(element-margin) 0; + } + + label { + display: block; + font-size: 0.9em; + font-weight: _font(weight-bold); + margin: 0 0 (_size(element-margin) * 0.5) 0; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + @include vendor('appearance', 'none'); + border-radius: _size(border-radius); + border: solid 1px; + color: inherit; + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; + + &:invalid { + box-shadow: none; + } + } + + select { + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: _size(element-height); + padding-right: _size(element-height); + text-overflow: ellipsis; + + &:focus { + &::-ms-value { + background-color: transparent; + } + } + + &::-ms-expand { + display: none; + } + } + + input[type="text"], + input[type="password"], + input[type="email"], + select { + height: _size(element-height); + } + + textarea { + padding: 0.75em 1em; + } + + input[type="checkbox"], + input[type="radio"], { + @include vendor('appearance', 'none'); + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; + + & + label { + @include icon(false, solid); + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: _font(weight); + padding-left: (_size(element-height) * 0.6) + 0.75em; + padding-right: 0.75em; + position: relative; + + &:before { + border-radius: _size(border-radius); + border: solid 1px; + content: ''; + display: inline-block; + font-size: 0.8em; + height: (_size(element-height) * 0.75); + left: 0; + line-height: (_size(element-height) * 0.75); + position: absolute; + text-align: center; + top: 0; + width: (_size(element-height) * 0.75); + } + } + + &:checked + label { + &:before { + content: '\f00c'; + } + } + } + + input[type="checkbox"] { + & + label { + &:before { + border-radius: _size(border-radius); + } + } + } + + input[type="radio"] { + & + label { + &:before { + border-radius: 100%; + } + } + } + + ::-webkit-input-placeholder { + opacity: 1.0; + } + + :-moz-placeholder { + opacity: 1.0; + } + + ::-moz-placeholder { + opacity: 1.0; + } + + :-ms-input-placeholder { + opacity: 1.0; + } + + @mixin color-form($p: null) { + label { + color: _palette($p, fg-bold); + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + background-color: _palette($p, border-bg); + border-color: _palette($p, border); + + &:focus { + border-color: _palette(accent); + box-shadow: 0 0 0 1px _palette(accent); + } + } + + select { + background-image: svg-url(""); + + option { + color: _palette($p, fg-bold); + background: _palette($p, bg); + } + } + + input[type="checkbox"], + input[type="radio"], { + & + label { + color: _palette($p, fg); + + &:before { + background: _palette($p, border-bg); + border-color: _palette($p, border); + } + } + + &:checked + label { + &:before { + background-color: _palette($p, fg-bold); + border-color: _palette($p, fg-bold); + color: _palette($p, bg); + } + } + + &:focus + label { + &:before { + border-color: _palette(accent); + box-shadow: 0 0 0 1px _palette(accent); + } + } + } + + ::-webkit-input-placeholder { + color: _palette($p, fg-light) !important; + } + + :-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + ::-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + :-ms-input-placeholder { + color: _palette($p, fg-light) !important; + } + + .formerize-placeholder { + color: _palette($p, fg-light) !important; + } + } + + @include color-form; \ No newline at end of file diff --git a/assets/sass/components/_icon.scss b/assets/sass/components/_icon.scss new file mode 100644 index 0000000..6446999 --- /dev/null +++ b/assets/sass/components/_icon.scss @@ -0,0 +1,146 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Icon */ + + .icon { + @include icon; + @include vendor('transition', ( + 'background-color #{_duration(transition)} ease-in-out', + 'color #{_duration(transition)} ease-in-out' + )); + border-bottom: none; + position: relative; + + > .label { + display: none; + } + + &:before { + line-height: solid; + } + + &.solid { + &:before { + font-weight: 900; + } + } + + &.brands { + &:before { + font-family: 'Font Awesome 5 Brands'; + } + } + + &.major { + border: solid 1px; + display: inline-block; + border-radius: 100%; + padding: 0.65em; + margin: 0 0 _size(element-margin) 0; + cursor: default; + + &:before { + display: inline-block; + font-size: 6.25rem; + width: 2.25em; + height: 2.25em; + line-height: 2.2em; + border-radius: 100%; + border: solid 1px; + text-align: center; + } + } + + &.alt { + display: inline-block; + border: solid 1px; + border-radius: 100%; + + &:before { + display: block; + font-size: 1.25em; + width: 2em; + height: 2em; + text-align: center; + line-height: 2em; + } + } + + &.style1 { + color: _palette(accent1); + } + + &.style2 { + color: _palette(accent2); + } + + &.style3 { + color: _palette(accent3); + } + + &.style4 { + color: _palette(accent4); + } + + &.style5 { + color: _palette(accent5); + } + + @include breakpoint('<=xlarge') { + &.major { + &:before { + font-size: 5.5rem; + } + } + } + + @include breakpoint('<=large') { + &.major { + &:before { + font-size: 4.75rem; + } + } + } + + @include breakpoint('<=small') { + &.major { + margin: 0 0 (_size(element-margin) * 0.75) 0; + padding: 0.35em; + + &:before { + font-size: 3.5rem; + } + } + } + } + + @mixin color-icon($p: null) { + .icon { + &.major { + border-color: _palette($p, border); + + &:before { + border-color: _palette($p, border); + } + } + + &.alt { + border-color: _palette($p, border); + color: _palette($p, fg-bold); + + &:hover { + background-color: _palette($p, border-bg); + } + + &:active { + background-color: _palette($p, border2-bg); + } + } + } + } + + @include color-icon; \ No newline at end of file diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss new file mode 100644 index 0000000..001d135 --- /dev/null +++ b/assets/sass/components/_icons.scss @@ -0,0 +1,22 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Icons */ + + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; + + li { + display: inline-block; + padding: 0 0.65em 0 0; + + &:last-child { + padding-right: 0 !important; + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss new file mode 100644 index 0000000..3c4db8c --- /dev/null +++ b/assets/sass/components/_image.scss @@ -0,0 +1,60 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Image */ + + .image { + border-radius: _size(border-radius); + border: 0; + display: inline-block; + position: relative; + + img { + border-radius: _size(border-radius); + display: block; + } + + &.left, + &.right { + max-width: 40%; + + img { + width: 100%; + } + } + + &.left { + float: left; + margin: 0 1.5em 1em 0; + top: 0.25em; + } + + &.right { + float: right; + margin: 0 0 1em 1.5em; + top: 0.25em; + } + + &.fit { + display: block; + margin: 0 0 _size(element-margin) 0; + width: 100%; + + img { + width: 100%; + } + } + + &.main { + display: block; + margin: 0 0 (_size(element-margin) * 1.5) 0; + width: 100%; + + img { + width: 100%; + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_list.scss b/assets/sass/components/_list.scss new file mode 100644 index 0000000..bd49689 --- /dev/null +++ b/assets/sass/components/_list.scss @@ -0,0 +1,94 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* List */ + + ol { + list-style: decimal; + margin: 0 0 _size(element-margin) 0; + padding-left: 1.25em; + + li { + padding-left: 0.25em; + } + } + + ul { + list-style: disc; + margin: 0 0 _size(element-margin) 0; + padding-left: 1em; + + li { + padding-left: 0.5em; + } + + &.alt { + list-style: none; + padding-left: 0; + + li { + border-top: solid 1px; + padding: 0.5em 0; + + &:first-child { + border-top: 0; + padding-top: 0; + } + } + } + } + + dl { + margin: 0 0 _size(element-margin) 0; + + dt { + display: block; + font-weight: _font(weight-bold); + margin: 0 0 (_size(element-margin) * 0.5) 0; + } + + dd { + margin-left: _size(element-margin); + } + + &.alt { + dt { + display: block; + width: 3em; + margin: 0; + clear: left; + float: left; + } + + dd { + margin: 0 0 0.85em 5.5em; + } + + &:after { + content: ''; + display: block; + clear: both; + } + } + } + + @mixin color-list($p: null) { + ul { + &.alt { + li { + border-top-color: _palette($p, border); + } + } + } + + dl { + dt { + color: _palette($p, fg-bold); + } + } + } + + @include color-list; \ No newline at end of file diff --git a/assets/sass/components/_row.scss b/assets/sass/components/_row.scss new file mode 100644 index 0000000..fcd1df2 --- /dev/null +++ b/assets/sass/components/_row.scss @@ -0,0 +1,31 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Row */ + + .row { + @include html-grid(1.5em); + + @include breakpoint('<=xlarge') { + @include html-grid(1.5em, 'xlarge'); + } + + @include breakpoint('<=large') { + @include html-grid(1.5em, 'large'); + } + + @include breakpoint('<=medium') { + @include html-grid(1.5em, 'medium'); + } + + @include breakpoint('<=small') { + @include html-grid(1em, 'small'); + } + + @include breakpoint('<=xsmall') { + @include html-grid(1.25em, 'xsmall'); + } + } \ No newline at end of file diff --git a/assets/sass/components/_section.scss b/assets/sass/components/_section.scss new file mode 100644 index 0000000..7a36cd9 --- /dev/null +++ b/assets/sass/components/_section.scss @@ -0,0 +1,104 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Section/Article */ + + section, article { + &.special { + text-align: center; + } + } + + header { + &.major { + margin-bottom: (_size(element-margin) * 1.5); + + h2 { + font-size: 2em; + + &:after { + display: block; + content: ''; + width: 3.25em; + height: 2px; + margin: (_size(element-margin) * 0.35) 0 (_size(element-margin) * 0.5) 0; + border-radius: 2px; + + section.special &, article.special & { + margin-left: auto; + margin-right: auto; + } + } + } + + p { + font-size: 1.25em; + letter-spacing: _font(letter-spacing); + } + + &.special { + text-align: center; + + h2 { + &:after { + margin-left: auto; + margin-right: auto; + } + } + } + } + } + + footer { + &.major { + margin-top: (_size(element-margin) * 1.5); + } + } + + @include breakpoint('<=small') { + header { + &.major { + margin-bottom: 0; + + h2 { + font-size: 1.5em; + } + + p { + font-size: 1em; + letter-spacing: 0; + + br { + display: none; + } + } + } + } + + footer { + &.major { + margin-top: 0; + } + } + } + + @mixin color-section($p: null) { + header { + &.major { + h2 { + &:after { + background-color: _palette($p, border); + + @if $p == 'invert' { + @include vendor('background-image', 'linear-gradient(90deg, #{_palette(accent1)}, #{_palette(accent3)}, #{_palette(accent5)})'); + } + } + } + } + } + } + + @include color-section; \ No newline at end of file diff --git a/assets/sass/components/_spotlight.scss b/assets/sass/components/_spotlight.scss new file mode 100644 index 0000000..da1aba6 --- /dev/null +++ b/assets/sass/components/_spotlight.scss @@ -0,0 +1,93 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Spotlight */ + + .spotlight { + @include vendor('display', 'flex'); + @include vendor('align-items', 'center'); + margin: 0 0 _size(element-margin) 0; + + .content { + @include vendor('flex', '1'); + + > :last-child { + margin-bottom: 0; + } + + header { + &.major { + margin: 0 0 _size(element-margin) 0; + } + } + } + + .image { + display: inline-block; + margin-left: 4em; + padding: 0.65em; + border-radius: 100%; + border: solid 1px; + + img { + display: block; + border-radius: 100%; + width: 16em; + } + } + + @include breakpoint('<=medium') { + @include vendor('flex-direction', 'column-reverse'); + text-align: center; + + .content { + @include vendor('flex', '0 1 auto'); + width: 100%; + + header { + &.major { + h2 { + &:after { + margin-left: auto; + margin-right: auto; + } + } + } + } + + .actions { + @include vendor('justify-content', 'center'); + width: calc(100% + #{_size(element-margin) * 0.5}); + } + } + + .image { + @include vendor('flex', '0 1 auto'); + margin-left: 0; + margin-bottom: _size(element-margin); + } + } + + @include breakpoint('<=small') { + .image { + padding: 0.35em; + + img { + width: 12em; + } + } + } + } + + @mixin color-spotlight($p: null) { + .spotlight { + .image { + border-color: _palette($p, border); + } + } + } + + @include color-spotlight; \ No newline at end of file diff --git a/assets/sass/components/_statistics.scss b/assets/sass/components/_statistics.scss new file mode 100644 index 0000000..d438287 --- /dev/null +++ b/assets/sass/components/_statistics.scss @@ -0,0 +1,108 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Statistics */ + + .statistics { + @include vendor('display', 'flex'); + width: 100%; + margin: 0 0 (_size(element-margin) * 1.5) 0; + padding: 0; + list-style: none; + cursor: default; + + li { + @include vendor('flex', '1'); + padding: 1.5em; + color: _palette(fg-bold); + text-align: center; + + &.style1 { + background-color: _palette(accent1); + } + + &.style2 { + background-color: _palette(accent2); + } + + &.style3 { + background-color: _palette(accent3); + } + + &.style4 { + background-color: _palette(accent4); + } + + &.style5 { + background-color: _palette(accent5); + } + + strong, b { + display: block; + font-size: 2em; + line-height: 1.1; + color: inherit !important; + font-weight: _font(weight); + letter-spacing: _font(letter-spacing); + } + + &:first-child { + border-top-left-radius: _size(border-radius); + border-bottom-left-radius: _size(border-radius); + } + + &:last-child { + border-top-right-radius: _size(border-radius); + border-bottom-right-radius: _size(border-radius); + } + + .icon { + display: inline-block; + + &:before { + font-size: 2.75rem; + line-height: 1.3; + } + } + } + + @include breakpoint('<=medium') { + li { + strong, b { + font-size: 1.5em; + } + } + } + + @include breakpoint('<=small') { + display: block; + width: 20em; + max-width: 100%; + margin: 0 auto _size(element-margin) auto; + + li { + &:first-child { + border-bottom-left-radius: 0; + border-top-right-radius: _size(border-radius); + } + + &:last-child { + border-top-right-radius: 0; + border-bottom-left-radius: _size(border-radius); + } + + .icon { + &:before { + font-size: 3.75rem; + } + } + + strong, b { + font-size: 2.5em; + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_table.scss b/assets/sass/components/_table.scss new file mode 100644 index 0000000..961513a --- /dev/null +++ b/assets/sass/components/_table.scss @@ -0,0 +1,114 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Table */ + + .table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + } + + table { + margin: 0 0 _size(element-margin) 0; + width: 100%; + + tbody { + tr { + border: solid 1px; + border-left: 0; + border-right: 0; + } + } + + td { + padding: 0.75em 0.75em; + } + + th { + font-size: 0.9em; + font-weight: _font(weight-bold); + padding: 0 0.75em 0.75em 0.75em; + text-align: left; + } + + thead { + border-bottom: solid 2px; + } + + tfoot { + border-top: solid 2px; + } + + &.alt { + border-collapse: separate; + + tbody { + tr { + td { + border: solid 1px; + border-left-width: 0; + border-top-width: 0; + + &:first-child { + border-left-width: 1px; + } + } + + &:first-child { + td { + border-top-width: 1px; + } + } + } + } + + thead { + border-bottom: 0; + } + + tfoot { + border-top: 0; + } + } + } + + @mixin color-table($p: null) { + table { + tbody { + tr { + border-color: _palette($p, border); + + &:nth-child(2n + 1) { + background-color: _palette($p, border-bg); + } + } + } + + th { + color: _palette($p, fg-bold); + } + + thead { + border-bottom-color: _palette($p, border); + } + + tfoot { + border-top-color: _palette($p, border); + } + + &.alt { + tbody { + tr { + td { + border-color: _palette($p, border); + } + } + } + } + } + } + + @include color-table; \ No newline at end of file diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss new file mode 100644 index 0000000..4a2e00d --- /dev/null +++ b/assets/sass/layout/_footer.scss @@ -0,0 +1,60 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Footer */ + + #footer { + @include vendor('display', 'flex'); + @include vendor('flex-wrap', 'wrap'); + @include padding(5em, 5em); + width: calc(100% + #{_size(element-margin)}); + margin: 0 0 (_size(element-margin) * 1.5) (_size(element-margin) * -1); + + > * { + width: calc(50% - #{_size(element-margin)}); + margin-left: _size(element-margin); + } + + .copyright { + width: 100%; + margin: (_size(element-margin) * 1.25) 0 _size(element-margin) 0; + font-size: 0.8em; + text-align: center; + } + + @include breakpoint('<=large') { + @include padding(4em, 4em); + } + + @include breakpoint('<=medium') { + @include padding(4em, 3em); + display: block; + margin: 0 0 (_size(element-margin) * 1.5) 0; + width: 100%; + + > * { + width: 100%; + margin-left: 0; + margin-bottom: (_size(element-margin) * 1.5); + } + + .copyright { + text-align: left; + } + } + + @include breakpoint('<=small') { + @include padding(3em, 2em); + } + + @include breakpoint('<=xsmall') { + @include padding(3em, 1.5em); + } + + @include breakpoint('<=xsmall') { + @include padding(2.5em, 1em); + } + } \ No newline at end of file diff --git a/assets/sass/layout/_header.scss b/assets/sass/layout/_header.scss new file mode 100644 index 0000000..d514776 --- /dev/null +++ b/assets/sass/layout/_header.scss @@ -0,0 +1,116 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Header */ + + #header { + @include padding(5em, 5em, (0, 0, -2em, 0)); + text-align: center; + + h1 { + margin: 0 0 (_size(element-margin) * 0.125) 0; + } + + p { + font-size: 1.25em; + letter-spacing: _font(letter-spacing); + } + + &.alt { + @include padding(6em, 5em, (1em, 0, 0, 0)); + + h1 { + font-size: 3.25em; + } + + > * { + @include vendor('transition', 'opacity 3s ease'); + @include vendor('transition-delay', '0.5s'); + opacity: 1; + } + + .logo { + @include vendor('transition', ( + 'opacity 1.25s ease', + 'transform 0.5s ease' + )); + @include vendor('transition-delay', '0s'); + display: block; + margin: 0 0 (_size(element-margin) * 0.75) 0; + + img { + display: block; + margin: 0 auto; + max-width: 75%; + } + } + } + + @include breakpoint('<=large') { + @include padding(4em, 4em, (0, 0, -2em, 0)); + + &.alt { + @include padding(5em, 4em, (1em, 0, 0, 0)); + } + } + + @include breakpoint('<=medium') { + @include padding(4em, 3em, (0, 0, -2em, 0)); + + &.alt { + @include padding(4em, 3em, (1em, 0, 0, 0)); + } + } + + @include breakpoint('<=small') { + @include padding(3em, 2em, (0, 0, -1em, 0)); + + p { + font-size: 1em; + letter-spacing: 0; + + br { + display: none; + } + } + + &.alt { + @include padding(3em, 2em, (1em, 0, 0, 0)); + + h1 { + font-size: 2.5em; + } + } + } + + @include breakpoint('<=xsmall') { + @include padding(3em, 1.5em, (0, 0, -1em, 0)); + + &.alt { + @include padding(3em, 1.5em, (1em, 0, 0, 0)); + } + } + + @include breakpoint('<=xxsmall') { + @include padding(2.5em, 1em, (0, 0, -1em, 0)); + + &.alt { + @include padding(2.5em, 1em, (1em, 0, 0, 0)); + } + } + + body.is-preload & { + &.alt { + > * { + opacity: 0; + } + + .logo { + @include vendor('transform', 'scale(0.8) rotate(-30deg)'); + } + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_main.scss b/assets/sass/layout/_main.scss new file mode 100644 index 0000000..8a5761d --- /dev/null +++ b/assets/sass/layout/_main.scss @@ -0,0 +1,99 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Main */ + + #main { + @include color(invert); + border-radius: _size(border-radius-main); + + > .main { + @include padding(5em, 5em); + border-top: solid 1px _palette(invert, border); + + &:first-child { + border-top: 0; + } + + > .image.main:first-child { + margin: -5em 0 5em -5em; + width: calc(100% + 10em); + border-top-right-radius: _size(border-radius-main); + border-top-left-radius: _size(border-radius-main); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + img { + border-top-right-radius: _size(border-radius-main); + border-top-left-radius: _size(border-radius-main); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + } + } + + @include breakpoint('<=large') { + > .main { + @include padding(4em, 4em); + + > .image.main:first-child { + margin: -4em 0 4em -4em; + width: calc(100% + 8em); + } + } + } + + @include breakpoint('<=medium') { + > .main { + @include padding(4em, 3em); + + > .image.main:first-child { + margin: -4em 0 4em -3em; + width: calc(100% + 6em); + } + } + } + + @include breakpoint('<=small') { + > .main { + @include padding(3em, 2em); + + > .image.main:first-child { + margin: -3em 0 2em -2em; + width: calc(100% + 4em); + } + } + } + + @include breakpoint('<=xsmall') { + > .main { + @include padding(3em, 1.5em); + + > .image.main:first-child { + margin: -3em 0 1.5em -1.5em; + width: calc(100% + 3em); + } + } + } + + @include breakpoint('<=xxsmall') { + border-radius: 0; + + > .main { + @include padding(2.5em, 1em); + + > .image.main:first-child { + margin: -2.5em 0 1.5em -1em; + width: calc(100% + 2em); + border-radius: 0; + + img { + border-radius: 0; + } + } + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_nav.scss b/assets/sass/layout/_nav.scss new file mode 100644 index 0000000..fb55ceb --- /dev/null +++ b/assets/sass/layout/_nav.scss @@ -0,0 +1,96 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Nav */ + + #nav { + @include vendor('transition', ( + 'background-color #{_duration(transition)} ease', + 'border-top-left-radius #{_duration(transition)} ease', + 'border-top-right-radius #{_duration(transition)} ease', + 'padding #{_duration(transition)} ease', + )); + @include color-typography(invert); + position: absolute; + width: _size(inner); + max-width: calc(100% - #{_size(element-margin) * 2}); + padding: 1em; + background-color: _palette(invert, bg-alt); + border-top-left-radius: _size(border-radius-main); + border-top-right-radius: _size(border-radius-main); + cursor: default; + text-align: center; + + & + #main { + padding-top: 4.25em; + } + + ul { + margin: 0; + padding: 0; + list-style: none; + + li { + @include vendor('transition', ( + 'margin #{_duration(transition)} ease' + )); + display: inline-block; + margin: 0 0.35em; + padding: 0; + vertical-align: middle; + + a { + @include vendor('transition', ( + 'font-size #{_duration(transition)} ease' + )); + display: inline-block; + height: 2.25em; + line-height: 2.25em; + padding: 0 1.25em; + border: 0; + border-radius: _size(border-radius); + box-shadow: inset 0 0 0 1px transparent; + + &:hover { + background-color: _palette(invert, border-bg); + } + + &.active { + background-color: _palette(invert, bg); + box-shadow: none; + } + } + } + } + + &.alt { + position: fixed; + top: 0; + padding: 0.5em 1em; + background-color: transparentize(_palette(invert, bg-alt), 0.05); + border-top-left-radius: 0; + border-top-right-radius: 0; + z-index: _misc(z-index-base); + + ul { + li { + margin: 0 0.175em; + + a { + font-size: 0.9em; + } + } + } + } + + @include breakpoint('<=small') { + display: none; + + & + #main { + padding-top: 0; + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_wrapper.scss b/assets/sass/layout/_wrapper.scss new file mode 100644 index 0000000..d94f54b --- /dev/null +++ b/assets/sass/layout/_wrapper.scss @@ -0,0 +1,21 @@ +/// +/// Stellar by HTML5 UP +/// html5up.net | @ajlkn +/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +/// + +/* Wrapper */ + + #wrapper { + width: _size(inner); + max-width: calc(100% - 4em); + margin: 0 auto; + + @include breakpoint('<=xsmall') { + max-width: calc(100% - 2em); + } + + @include breakpoint('<=xxsmall') { + max-width: 100%; + } + } \ No newline at end of file diff --git a/assets/sass/libs/_breakpoints.scss b/assets/sass/libs/_breakpoints.scss new file mode 100644 index 0000000..c5301d8 --- /dev/null +++ b/assets/sass/libs/_breakpoints.scss @@ -0,0 +1,223 @@ +// breakpoints.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Breakpoints. + /// @var {list} + $breakpoints: () !global; + +// Mixins. + + /// Sets breakpoints. + /// @param {map} $x Breakpoints. + @mixin breakpoints($x: ()) { + $breakpoints: $x !global; + } + + /// Wraps @content in a @media block targeting a specific orientation. + /// @param {string} $orientation Orientation. + @mixin orientation($orientation) { + @media screen and (orientation: #{$orientation}) { + @content; + } + } + + /// Wraps @content in a @media block using a given query. + /// @param {string} $query Query. + @mixin breakpoint($query: null) { + + $breakpoint: null; + $op: null; + $media: null; + + // Determine operator, breakpoint. + + // Greater than or equal. + @if (str-slice($query, 0, 2) == '>=') { + + $op: 'gte'; + $breakpoint: str-slice($query, 3); + + } + + // Less than or equal. + @elseif (str-slice($query, 0, 2) == '<=') { + + $op: 'lte'; + $breakpoint: str-slice($query, 3); + + } + + // Greater than. + @elseif (str-slice($query, 0, 1) == '>') { + + $op: 'gt'; + $breakpoint: str-slice($query, 2); + + } + + // Less than. + @elseif (str-slice($query, 0, 1) == '<') { + + $op: 'lt'; + $breakpoint: str-slice($query, 2); + + } + + // Not. + @elseif (str-slice($query, 0, 1) == '!') { + + $op: 'not'; + $breakpoint: str-slice($query, 2); + + } + + // Equal. + @else { + + $op: 'eq'; + $breakpoint: $query; + + } + + // Build media. + @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) { + + $a: map-get($breakpoints, $breakpoint); + + // Range. + @if (type-of($a) == 'list') { + + $x: nth($a, 1); + $y: nth($a, 2); + + // Max only. + @if ($x == null) { + + // Greater than or equal (>= 0 / anything) + @if ($op == 'gte') { + $media: 'screen'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< 0 / invalid) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: -1px)'; + } + + // Not (> y) + @elseif ($op == 'not') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (<= y) + @else { + $media: 'screen and (max-width: ' + $y + ')'; + } + + } + + // Min only. + @else if ($y == null) { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= inf / anything) + @elseif ($op == 'lte') { + $media: 'screen'; + } + + // Greater than (> inf / invalid) + @elseif ($op == 'gt') { + $media: 'screen and (max-width: -1px)'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Equal (>= x) + @else { + $media: 'screen and (min-width: ' + $x + ')'; + } + + } + + // Min and max. + @else { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x and > y) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (>= x and <= y) + @else { + $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')'; + } + + } + + } + + // String. + @else { + + // Missing a media type? Prefix with "screen". + @if (str-slice($a, 0, 1) == '(') { + $media: 'screen and ' + $a; + } + + // Otherwise, use as-is. + @else { + $media: $a; + } + + } + + } + + // Output. + @media #{$media} { + @content; + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_functions.scss b/assets/sass/libs/_functions.scss new file mode 100644 index 0000000..f563aab --- /dev/null +++ b/assets/sass/libs/_functions.scss @@ -0,0 +1,90 @@ +/// Removes a specific item from a list. +/// @author Hugo Giraudel +/// @param {list} $list List. +/// @param {integer} $index Index. +/// @return {list} Updated list. +@function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + +} + +/// Gets a value from a map. +/// @author Hugo Giraudel +/// @param {map} $map Map. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function val($map, $keys...) { + + @if nth($keys, 1) == null { + $keys: remove-nth($keys, 1); + } + + @each $key in $keys { + $map: map-get($map, $key); + } + + @return $map; + +} + +/// Gets a duration value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _duration($keys...) { + @return val($duration, $keys...); +} + +/// Gets a font value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _font($keys...) { + @return val($font, $keys...); +} + +/// Gets a misc value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _misc($keys...) { + @return val($misc, $keys...); +} + +/// Gets a palette value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _palette($keys...) { + @return val($palette, $keys...); +} + +/// Gets a size value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _size($keys...) { + @return val($size, $keys...); +} \ No newline at end of file diff --git a/assets/sass/libs/_html-grid.scss b/assets/sass/libs/_html-grid.scss new file mode 100644 index 0000000..7438a8c --- /dev/null +++ b/assets/sass/libs/_html-grid.scss @@ -0,0 +1,149 @@ +// html-grid.scss v1.0 | @ajlkn | MIT licensed */ + +// Mixins. + + /// Initializes the current element as an HTML grid. + /// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually). + /// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list). + @mixin html-grid($gutters: 1.5em, $suffix: '') { + + // Initialize. + $cols: 12; + $multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00; + $unit: 100% / $cols; + + // Suffixes. + $suffixes: null; + + @if (type-of($suffix) == 'list') { + $suffixes: $suffix; + } + @else { + $suffixes: ($suffix); + } + + // Gutters. + $guttersCols: null; + $guttersRows: null; + + @if (type-of($gutters) == 'list') { + + $guttersCols: nth($gutters, 1); + $guttersRows: nth($gutters, 2); + + } + @else { + + $guttersCols: $gutters; + $guttersRows: 0; + + } + + // Row. + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + + // Columns. + > * { + box-sizing: border-box; + } + + // Gutters. + &.gtr-uniform { + > * { + > :last-child { + margin-bottom: 0; + } + } + } + + // Alignment. + &.aln-left { + justify-content: flex-start; + } + + &.aln-center { + justify-content: center; + } + + &.aln-right { + justify-content: flex-end; + } + + &.aln-top { + align-items: flex-start; + } + + &.aln-middle { + align-items: center; + } + + &.aln-bottom { + align-items: flex-end; + } + + // Step through suffixes. + @each $suffix in $suffixes { + + // Suffix. + @if ($suffix != '') { + $suffix: '-' + $suffix; + } + @else { + $suffix: ''; + } + + // Row. + + // Important. + > .imp#{$suffix} { + order: -1; + } + + // Columns, offsets. + @for $i from 1 through $cols { + > .col-#{$i}#{$suffix} { + width: $unit * $i; + } + + > .off-#{$i}#{$suffix} { + margin-left: $unit * $i; + } + } + + // Step through multipliers. + @each $multiplier in $multipliers { + + // Gutters. + $class: null; + + @if ($multiplier != 1) { + $class: '.gtr-' + ($multiplier * 100); + } + + &#{$class} { + margin-top: ($guttersRows * $multiplier * -1); + margin-left: ($guttersCols * $multiplier * -1); + + > * { + padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier); + } + + // Uniform. + &.gtr-uniform { + margin-top: $guttersCols * $multiplier * -1; + + > * { + padding-top: $guttersCols * $multiplier; + } + } + + } + + } + + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_mixins.scss b/assets/sass/libs/_mixins.scss new file mode 100644 index 0000000..a331483 --- /dev/null +++ b/assets/sass/libs/_mixins.scss @@ -0,0 +1,78 @@ +/// Makes an element's :before pseudoelement a FontAwesome icon. +/// @param {string} $content Optional content value to use. +/// @param {string} $category Optional category to use. +/// @param {string} $where Optional pseudoelement to target (before or after). +@mixin icon($content: false, $category: regular, $where: before) { + + text-decoration: none; + + &:#{$where} { + + @if $content { + content: $content; + } + + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + + @if ($category == brands) { + font-family: 'Font Awesome 5 Brands'; + } + @elseif ($category == solid) { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + @else { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; + } + + } + +} + +/// Applies padding to an element, taking the current element-margin value into account. +/// @param {mixed} $tb Top/bottom padding. +/// @param {mixed} $lr Left/right padding. +/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) +/// @param {bool} $important If true, adds !important. +@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { + + @if $important { + $important: '!important'; + } + + $x: 0.1em; + + @if unit(_size(element-margin)) == 'rem' { + $x: 0.1rem; + } + + padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; + +} + +/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). +/// @param {string} $svg SVG data URL. +/// @return {string} Encoded SVG data URL. +@function svg-url($svg) { + + $svg: str-replace($svg, '"', '\''); + $svg: str-replace($svg, '%', '%25'); + $svg: str-replace($svg, '<', '%3C'); + $svg: str-replace($svg, '>', '%3E'); + $svg: str-replace($svg, '&', '%26'); + $svg: str-replace($svg, '#', '%23'); + $svg: str-replace($svg, '{', '%7B'); + $svg: str-replace($svg, '}', '%7D'); + $svg: str-replace($svg, ';', '%3B'); + + @return url("data:image/svg+xml;charset=utf8,#{$svg}"); + +} \ No newline at end of file diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss new file mode 100644 index 0000000..9f1d089 --- /dev/null +++ b/assets/sass/libs/_vars.scss @@ -0,0 +1,60 @@ +// Misc. + $misc: ( + z-index-base: 10000 + ); + +// Duration. + $duration: ( + transition: 0.2s + ); + +// Size. + $size: ( + border-radius: 8px, + border-radius-main: 0.25em, + element-height: 2.75em, + element-margin: 2em, + inner: 64em + ); + +// Font. + $font: ( + family: ('Source Sans Pro', Helvetica, sans-serif), + family-fixed: ('Courier New', monospace), + weight: 300, + weight-bold: 400, + letter-spacing: -0.025em + ); + +// Palette. + $palette: ( + bg: #935d8c, + fg: rgba(255,255,255,0.65), + fg-bold: #ffffff, + fg-light: rgba(255,255,255,0.5), + border: rgba(255,255,255,0.35), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.75), + border2-bg: rgba(255,255,255,0.2), + + invert: ( + bg: #ffffff, + bg-alt: #f7f7f7, + fg: #636363, + fg-bold: #636363, + fg-light: rgba(99,99,99,0.25), + border: #dddddd, + border-bg: rgba(222,222,222,0.25), + border2: #dddddd, + border2-bg: rgba(222,222,222,0.5), + ), + + accent: #8cc9f0, + accent1: #efa8b0, + accent2: #c79cc8, + accent3: #a89cc8, + accent4: #9bb2e1, + accent5: #8cc9f0, + bg1: #e37682, + bg2: #5f4d93 + ); \ No newline at end of file diff --git a/assets/sass/libs/_vendor.scss b/assets/sass/libs/_vendor.scss new file mode 100644 index 0000000..6599a3f --- /dev/null +++ b/assets/sass/libs/_vendor.scss @@ -0,0 +1,376 @@ +// vendor.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Vendor prefixes. + /// @var {list} + $vendor-prefixes: ( + '-moz-', + '-webkit-', + '-ms-', + '' + ); + + /// Properties that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-properties: ( + + // Animation. + 'animation', + 'animation-delay', + 'animation-direction', + 'animation-duration', + 'animation-fill-mode', + 'animation-iteration-count', + 'animation-name', + 'animation-play-state', + 'animation-timing-function', + + // Appearance. + 'appearance', + + // Backdrop filter. + 'backdrop-filter', + + // Background image options. + 'background-clip', + 'background-origin', + 'background-size', + + // Box sizing. + 'box-sizing', + + // Clip path. + 'clip-path', + + // Filter effects. + 'filter', + + // Flexbox. + 'align-content', + 'align-items', + 'align-self', + 'flex', + 'flex-basis', + 'flex-direction', + 'flex-flow', + 'flex-grow', + 'flex-shrink', + 'flex-wrap', + 'justify-content', + 'order', + + // Font feature. + 'font-feature-settings', + 'font-language-override', + 'font-variant-ligatures', + + // Font kerning. + 'font-kerning', + + // Fragmented borders and backgrounds. + 'box-decoration-break', + + // Grid layout. + 'grid-column', + 'grid-column-align', + 'grid-column-end', + 'grid-column-start', + 'grid-row', + 'grid-row-align', + 'grid-row-end', + 'grid-row-start', + 'grid-template-columns', + 'grid-template-rows', + + // Hyphens. + 'hyphens', + 'word-break', + + // Masks. + 'mask', + 'mask-border', + 'mask-border-outset', + 'mask-border-repeat', + 'mask-border-slice', + 'mask-border-source', + 'mask-border-width', + 'mask-clip', + 'mask-composite', + 'mask-image', + 'mask-origin', + 'mask-position', + 'mask-repeat', + 'mask-size', + + // Multicolumn. + 'break-after', + 'break-before', + 'break-inside', + 'column-count', + 'column-fill', + 'column-gap', + 'column-rule', + 'column-rule-color', + 'column-rule-style', + 'column-rule-width', + 'column-span', + 'column-width', + 'columns', + + // Object fit. + 'object-fit', + 'object-position', + + // Regions. + 'flow-from', + 'flow-into', + 'region-fragment', + + // Scroll snap points. + 'scroll-snap-coordinate', + 'scroll-snap-destination', + 'scroll-snap-points-x', + 'scroll-snap-points-y', + 'scroll-snap-type', + + // Shapes. + 'shape-image-threshold', + 'shape-margin', + 'shape-outside', + + // Tab size. + 'tab-size', + + // Text align last. + 'text-align-last', + + // Text decoration. + 'text-decoration-color', + 'text-decoration-line', + 'text-decoration-skip', + 'text-decoration-style', + + // Text emphasis. + 'text-emphasis', + 'text-emphasis-color', + 'text-emphasis-position', + 'text-emphasis-style', + + // Text size adjust. + 'text-size-adjust', + + // Text spacing. + 'text-spacing', + + // Transform. + 'transform', + 'transform-origin', + + // Transform 3D. + 'backface-visibility', + 'perspective', + 'perspective-origin', + 'transform-style', + + // Transition. + 'transition', + 'transition-delay', + 'transition-duration', + 'transition-property', + 'transition-timing-function', + + // Unicode bidi. + 'unicode-bidi', + + // User select. + 'user-select', + + // Writing mode. + 'writing-mode', + + ); + + /// Values that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-values: ( + + // Cross fade. + 'cross-fade', + + // Element function. + 'element', + + // Filter function. + 'filter', + + // Flexbox. + 'flex', + 'inline-flex', + + // Grab cursors. + 'grab', + 'grabbing', + + // Gradients. + 'linear-gradient', + 'repeating-linear-gradient', + 'radial-gradient', + 'repeating-radial-gradient', + + // Grid layout. + 'grid', + 'inline-grid', + + // Image set. + 'image-set', + + // Intrinsic width. + 'max-content', + 'min-content', + 'fit-content', + 'fill', + 'fill-available', + 'stretch', + + // Sticky position. + 'sticky', + + // Transform. + 'transform', + + // Zoom cursors. + 'zoom-in', + 'zoom-out', + + ); + +// Functions. + + /// Removes a specific item from a list. + /// @author Hugo Giraudel + /// @param {list} $list List. + /// @param {integer} $index Index. + /// @return {list} Updated list. + @function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + + } + + /// Replaces a substring within another string. + /// @author Hugo Giraudel + /// @param {string} $string String. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {string} Updated string. + @function str-replace($string, $search, $replace: '') { + + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; + + } + + /// Replaces a substring within each string in a list. + /// @param {list} $strings List of strings. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {list} Updated list of strings. + @function str-replace-all($strings, $search, $replace: '') { + + @each $string in $strings { + $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); + } + + @return $strings; + + } + +// Mixins. + + /// Wraps @content in vendorized keyframe blocks. + /// @param {string} $name Name. + @mixin keyframes($name) { + + @-moz-keyframes #{$name} { @content; } + @-webkit-keyframes #{$name} { @content; } + @-ms-keyframes #{$name} { @content; } + @keyframes #{$name} { @content; } + + } + + /// Vendorizes a declaration's property and/or value(s). + /// @param {string} $property Property. + /// @param {mixed} $value String/list of value(s). + @mixin vendor($property, $value) { + + // Determine if property should expand. + $expandProperty: index($vendor-properties, $property); + + // Determine if value should expand (and if so, add '-prefix-' placeholder). + $expandValue: false; + + @each $x in $value { + @each $y in $vendor-values { + @if $y == str-slice($x, 1, str-length($y)) { + + $value: set-nth($value, index($value, $x), '-prefix-' + $x); + $expandValue: true; + + } + } + } + + // Expand property? + @if $expandProperty { + @each $vendor in $vendor-prefixes { + #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Expand just the value? + @elseif $expandValue { + @each $vendor in $vendor-prefixes { + #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Neither? Treat them as a normal declaration. + @else { + #{$property}: #{$value}; + } + + } \ No newline at end of file diff --git a/assets/sass/main.scss b/assets/sass/main.scss new file mode 100644 index 0000000..104998e --- /dev/null +++ b/assets/sass/main.scss @@ -0,0 +1,70 @@ +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/vendor'; +@import 'libs/breakpoints'; +@import 'libs/html-grid'; +@import 'fontawesome-all.min.css'; +@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400'; + +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +// Breakpoints. + + @include breakpoints(( + xlarge: ( 1281px, 1680px ), + large: ( 981px, 1280px ), + medium: ( 737px, 980px ), + small: ( 481px, 736px ), + xsmall: ( 361px, 480px ), + xxsmall: ( null, 360px ) + )); + +// Mixins. + + @mixin color($p) { + @include color-typography($p); + @include color-box($p); + @include color-button($p); + @include color-form($p); + @include color-icon($p); + @include color-list($p); + @include color-section($p); + @include color-table($p); + @include color-spotlight($p); + } + +// Base. + + @import 'base/reset'; + @import 'base/page'; + @import 'base/typography'; + +// Component. + + @import 'components/row'; + @import 'components/box'; + @import 'components/button'; + @import 'components/form'; + @import 'components/icon'; + @import 'components/image'; + @import 'components/list'; + @import 'components/actions'; + @import 'components/icons'; + @import 'components/section'; + @import 'components/table'; + @import 'components/features'; + @import 'components/statistics'; + @import 'components/spotlight'; + +// Layout. + + @import 'layout/header'; + @import 'layout/nav'; + @import 'layout/main'; + @import 'layout/footer'; + @import 'layout/wrapper'; \ No newline at end of file diff --git a/assets/sass/noscript.scss b/assets/sass/noscript.scss new file mode 100644 index 0000000..c58ce4a --- /dev/null +++ b/assets/sass/noscript.scss @@ -0,0 +1,28 @@ +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/vendor'; +@import 'libs/breakpoints'; +@import 'libs/html-grid'; + +/* + Stellar by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +/* Header */ + + #header { + body.is-preload & { + &.alt { + > * { + opacity: 1; + } + + .logo { + @include vendor('transform', 'none'); + } + } + } + } \ No newline at end of file diff --git a/assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 b/assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 new file mode 100644 index 0000000..9f2cdfc Binary files /dev/null and b/assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 differ diff --git a/assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 b/assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 new file mode 100644 index 0000000..86e4779 Binary files /dev/null and b/assets/webfonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 differ diff --git a/assets/webfonts/fa-solid-900.ttf b/assets/webfonts/fa-solid-900.ttf new file mode 100644 index 0000000..25abf38 Binary files /dev/null and b/assets/webfonts/fa-solid-900.ttf differ diff --git a/assets/webfonts/fa-solid-900.woff b/assets/webfonts/fa-solid-900.woff new file mode 100644 index 0000000..23ee663 Binary files /dev/null and b/assets/webfonts/fa-solid-900.woff differ diff --git a/assets/webfonts/fa-solid-900.woff2 b/assets/webfonts/fa-solid-900.woff2 new file mode 100644 index 0000000..2217164 Binary files /dev/null and b/assets/webfonts/fa-solid-900.woff2 differ diff --git a/download-linux.html b/download-linux.html new file mode 100644 index 0000000..2ba9fde --- /dev/null +++ b/download-linux.html @@ -0,0 +1,138 @@ + + + + + + Spitfire Browser - Downloads + + + + + + + + + + + + + + + + +
+
+
+
+
+ + + +
+ + + + + +
+ + +
+ + +
+

Flatpak (Universal)

+

The recommended way to install Spitfire Browser on any Linux distribution is through Flatpak.

+ 
flatpak install flathub com.spitfirebrowser.spitfire
+

To run Spitfire Browser:

+ 
flatpak run com.spitfirebrowser.spitfire
+
+ + +
+

Debian, Ubuntu or Mint

+

Install the .deb package for Debian-based distributions.

+ 
wget https://spitfirebrowser.com/download/spitfire-browser.deb
+sudo dpkg -i spitfire-browser.deb
+sudo apt-get install -f
+
+ + +
+

Alpine Linux

+

Install Spitfire Browser on Alpine Linux.

+ 
wget https://spitfirebrowser.com/download/spitfire-browser.apk
+sudo apk add --allow-untrusted spitfire-browser.apk
+
+ +
+ + +
+

Flatpak (Nightly)

+

For those who want to try the latest features and improvements, you can install the nightly build of Spitfire Browser.

+ 
flatpak install flathub-beta com.spitfirebrowser.spitfire.Nightly
+

To run the nightly build:

+ 
flatpak run com.spitfirebrowser.spitfire.Nightly
+
+ +
+ +
+ + + + +
+ + + + + + + + + + + + diff --git a/download.html b/download.html new file mode 100644 index 0000000..a6f1555 --- /dev/null +++ b/download.html @@ -0,0 +1,170 @@ + + + + + + Spitfire Browser - Downloads + + + + + + + + + + + + + + + + +
+
+
+
+
+ + +
+ + + + + +
+ +
+

Stable Releases

+
+ + Windows + Windows + + + MacOS + MacOS + + + Linux + Linux + + + ChromeOS + ChromeOS + +
+
+ + +
+

Nightly Releases

+
+ + Windows Nightly + Windows + + + Linux (Flatpak) Nightly + Linux (Flatpak) + +
+
+
+ + + +
+ + + + + + + + + + + + diff --git a/images/icons/brands/apple.svg b/images/icons/brands/apple.svg new file mode 100644 index 0000000..ebf10ba --- /dev/null +++ b/images/icons/brands/apple.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/images/icons/brands/chrome.svg b/images/icons/brands/chrome.svg new file mode 100644 index 0000000..08b14c1 --- /dev/null +++ b/images/icons/brands/chrome.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/images/icons/brands/firefox-browser.svg b/images/icons/brands/firefox-browser.svg new file mode 100644 index 0000000..16e76ee --- /dev/null +++ b/images/icons/brands/firefox-browser.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/images/icons/brands/git-alt.svg b/images/icons/brands/git-alt.svg new file mode 100644 index 0000000..ebe55b6 --- /dev/null +++ b/images/icons/brands/git-alt.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/icons/brands/linux.svg b/images/icons/brands/linux.svg new file mode 100644 index 0000000..7dbd86a --- /dev/null +++ b/images/icons/brands/linux.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/images/icons/brands/windows.svg b/images/icons/brands/windows.svg new file mode 100644 index 0000000..5ad0e63 --- /dev/null +++ b/images/icons/brands/windows.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/images/icons/brands/youtube.svg b/images/icons/brands/youtube.svg new file mode 100644 index 0000000..872fe5f --- /dev/null +++ b/images/icons/brands/youtube.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/images/icons/regular/eye-slash.svg b/images/icons/regular/eye-slash.svg new file mode 100644 index 0000000..9d3ae72 --- /dev/null +++ b/images/icons/regular/eye-slash.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/images/icons/regular/heart.svg b/images/icons/regular/heart.svg new file mode 100644 index 0000000..e03439c --- /dev/null +++ b/images/icons/regular/heart.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/images/icons/solid/arrows-rotate.svg b/images/icons/solid/arrows-rotate.svg new file mode 100644 index 0000000..64167dc --- /dev/null +++ b/images/icons/solid/arrows-rotate.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/images/icons/solid/code.svg b/images/icons/solid/code.svg new file mode 100644 index 0000000..f0a6900 --- /dev/null +++ b/images/icons/solid/code.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/images/icons/solid/lock.svg b/images/icons/solid/lock.svg new file mode 100644 index 0000000..97b0b82 --- /dev/null +++ b/images/icons/solid/lock.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/images/logo.svg b/images/logo.svg new file mode 100644 index 0000000..d7ddbf4 --- /dev/null +++ b/images/logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/screenshots/1.png b/images/screenshots/1.png new file mode 100644 index 0000000..eaf8fae Binary files /dev/null and b/images/screenshots/1.png differ diff --git a/index.html b/index.html index 30f66b7..37d2276 100644 --- a/index.html +++ b/index.html @@ -1,53 +1,245 @@ - - - - - - - - - - Spitfire - - - - - - - - -
-
-
-
-
- -
-

-

Spitfire Browser

-

available soonβ„’

-
- Windows - Linux - macOS - chromeOS -
-
-

-
- -
- - πŸ” Search Engine - - - πŸ”¨ Source Code - - - ❀️ Donate - -
- -
- - + + + + + + Spitfire Browser - Fast. Secure. Elegant. + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + +
+ + + + + + + + +
+ +
+
+
+

Welcome to Spitfire Browser

+
+

Spitfire Browser is your gateway to a fast, secure, and elegant browsing experience. Built on Firefox, Spitfire includes essential features like ad blocking, enhanced security, and anonymous browsing with Warp search engine.

+
+
+
Screenshot 1
+
Screenshot 2
+
+
+ +
+
+ +
+
+

Key Features

+
+
    +
  • + +

    Enhanced Security

    +

    No adware, no crypto, no annoyances, no bullshit.

    +
    • +
  • + +

    Ad Blocking

    +

    Unlike Brave includes working Ad-block and also blocks sponsored sections on YouTube.

    +
    • +
  • + +

    Dark Reader

    +

    Dark or Light mode on every website you visit.

    +
    • +
  • + +

    Free and Open source

    +

    Open source ensures transparency and allows the community to contribute and enhance the browser.

    +
    • +
  • + +

    Fast Updates

    +

    Automated updates to keep your browser up-to-date with the latest features and security patches.

    +
    • +
  • + +

    Anonymous Search

    +

    Warp search engine allows you to browse Google results anonymously.

    +
    • +
+
+ + +
+
+

Security Features

+

Spitfire Browser is designed with security as a top priority, but without sacrificing user comfort.

+
+
    +
  • + + Lock + + 0 Telemetry +
    • +
  • + + Eye-slash + + 100% Privacy +
    • +
  • + + arrows-rotate + + Auto Updates +
    • +
  • + + Firefox + + Basedon Firefox +
    • +
  • + + code + + Open Source +
    • +
+ +
+ + +
+
+

Get Started with Spitfire

+

Join the Spitfire community and experience the future of web browsing. Available soon for Windows, Linux, macOS, and ChromeOS.

+
+ +
+ +
+ + + + +
+ + + + + + + + + + + +