| @import url(font-awesome.min.css); |
| @import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400"; |
| @import url('https://fonts.googleapis.com/css?family=Poppins'); |
| |
| /* |
| Stellar by HTML5 UP |
| html5up.net | @ajlkn |
| Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
| */ |
| |
| /* Reset */ |
| |
| 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: 12pt; |
| font-family: "Poppins", Helvetica, sans-serif; |
| 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; |
| } |
| |
| /* Box Model */ |
| |
| *, *:before, *:after { |
| -moz-box-sizing: border-box; |
| -webkit-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| /* Grid */ |
| |
| .row { |
| border-bottom: solid 1px transparent; |
| -moz-box-sizing: border-box; |
| -webkit-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .row > * { |
| float: left; |
| -moz-box-sizing: border-box; |
| -webkit-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .row:after, .row:before { |
| content: ''; |
| display: block; |
| clear: both; |
| height: 0; |
| } |
| |
| .row.uniform > * > :first-child { |
| margin-top: 0; |
| } |
| |
| .row.uniform > * > :last-child { |
| margin-bottom: 0; |
| } |
| |
| .row.\30 \25 > * { |
| padding: 0 0 0 0em; |
| } |
| |
| .row.\30 \25 { |
| margin: 0 0 -1px 0em; |
| } |
| |
| .row.uniform.\30 \25 > * { |
| padding: 0em 0 0 0em; |
| } |
| |
| .row.uniform.\30 \25 { |
| margin: 0em 0 -1px 0em; |
| } |
| |
| .row > * { |
| padding: 0 0 0 1.5em; |
| } |
| |
| .row { |
| margin: 0 0 -1px -1.5em; |
| } |
| |
| .row.uniform > * { |
| padding: 1.5em 0 0 1.5em; |
| } |
| |
| .row.uniform { |
| margin: -1.5em 0 -1px -1.5em; |
| } |
| |
| .row.\32 00\25 > * { |
| padding: 0 0 0 3em; |
| } |
| |
| .row.\32 00\25 { |
| margin: 0 0 -1px -3em; |
| } |
| |
| .row.uniform.\32 00\25 > * { |
| padding: 3em 0 0 3em; |
| } |
| |
| .row.uniform.\32 00\25 { |
| margin: -3em 0 -1px -3em; |
| } |
| |
| .row.\31 50\25 > * { |
| padding: 0 0 0 2.25em; |
| } |
| |
| .row.\31 50\25 { |
| margin: 0 0 -1px -2.25em; |
| } |
| |
| .row.uniform.\31 50\25 > * { |
| padding: 2.25em 0 0 2.25em; |
| } |
| |
| .row.uniform.\31 50\25 { |
| margin: -2.25em 0 -1px -2.25em; |
| } |
| |
| .row.\35 0\25 > * { |
| padding: 0 0 0 0.75em; |
| } |
| |
| .row.\35 0\25 { |
| margin: 0 0 -1px -0.75em; |
| } |
| |
| .row.uniform.\35 0\25 > * { |
| padding: 0.75em 0 0 0.75em; |
| } |
| |
| .row.uniform.\35 0\25 { |
| margin: -0.75em 0 -1px -0.75em; |
| } |
| |
| .row.\32 5\25 > * { |
| padding: 0 0 0 0.375em; |
| } |
| |
| .row.\32 5\25 { |
| margin: 0 0 -1px -0.375em; |
| } |
| |
| .row.uniform.\32 5\25 > * { |
| padding: 0.375em 0 0 0.375em; |
| } |
| |
| .row.uniform.\32 5\25 { |
| margin: -0.375em 0 -1px -0.375em; |
| } |
| |
| .\31 2u, .\31 2u\24 { |
| width: 100%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 1u, .\31 1u\24 { |
| width: 91.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 0u, .\31 0u\24 { |
| width: 83.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\39 u, .\39 u\24 { |
| width: 75%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\38 u, .\38 u\24 { |
| width: 66.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\37 u, .\37 u\24 { |
| width: 58.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\36 u, .\36 u\24 { |
| width: 50%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\35 u, .\35 u\24 { |
| width: 41.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\34 u, .\34 u\24 { |
| width: 33.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\33 u, .\33 u\24 { |
| width: 25%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\32 u, .\32 u\24 { |
| width: 16.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 u, .\31 u\24 { |
| width: 8.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 2u\24 + *, |
| .\31 1u\24 + *, |
| .\31 0u\24 + *, |
| .\39 u\24 + *, |
| .\38 u\24 + *, |
| .\37 u\24 + *, |
| .\36 u\24 + *, |
| .\35 u\24 + *, |
| .\34 u\24 + *, |
| .\33 u\24 + *, |
| .\32 u\24 + *, |
| .\31 u\24 + * { |
| clear: left; |
| } |
| |
| .\-11u { |
| margin-left: 91.66667%; |
| } |
| |
| .\-10u { |
| margin-left: 83.33333%; |
| } |
| |
| .\-9u { |
| margin-left: 75%; |
| } |
| |
| .\-8u { |
| margin-left: 66.66667%; |
| } |
| |
| .\-7u { |
| margin-left: 58.33333%; |
| } |
| |
| .\-6u { |
| margin-left: 50%; |
| } |
| |
| .\-5u { |
| margin-left: 41.66667%; |
| } |
| |
| .\-4u { |
| margin-left: 33.33333%; |
| } |
| |
| .\-3u { |
| margin-left: 25%; |
| } |
| |
| .\-2u { |
| margin-left: 16.66667%; |
| } |
| |
| .\-1u { |
| margin-left: 8.33333%; |
| } |
| |
| @media screen and (max-width: 1680px) { |
| |
| .row > * { |
| padding: 0 0 0 1.5em; |
| } |
| |
| .row { |
| margin: 0 0 -1px -1.5em; |
| } |
| |
| .row.uniform > * { |
| padding: 1.5em 0 0 1.5em; |
| } |
| |
| .row.uniform { |
| margin: -1.5em 0 -1px -1.5em; |
| } |
| |
| .row.\32 00\25 > * { |
| padding: 0 0 0 3em; |
| } |
| |
| .row.\32 00\25 { |
| margin: 0 0 -1px -3em; |
| } |
| |
| .row.uniform.\32 00\25 > * { |
| padding: 3em 0 0 3em; |
| } |
| |
| .row.uniform.\32 00\25 { |
| margin: -3em 0 -1px -3em; |
| } |
| |
| .row.\31 50\25 > * { |
| padding: 0 0 0 2.25em; |
| } |
| |
| .row.\31 50\25 { |
| margin: 0 0 -1px -2.25em; |
| } |
| |
| .row.uniform.\31 50\25 > * { |
| padding: 2.25em 0 0 2.25em; |
| } |
| |
| .row.uniform.\31 50\25 { |
| margin: -2.25em 0 -1px -2.25em; |
| } |
| |
| .row.\35 0\25 > * { |
| padding: 0 0 0 0.75em; |
| } |
| |
| .row.\35 0\25 { |
| margin: 0 0 -1px -0.75em; |
| } |
| |
| .row.uniform.\35 0\25 > * { |
| padding: 0.75em 0 0 0.75em; |
| } |
| |
| .row.uniform.\35 0\25 { |
| margin: -0.75em 0 -1px -0.75em; |
| } |
| |
| .row.\32 5\25 > * { |
| padding: 0 0 0 0.375em; |
| } |
| |
| .row.\32 5\25 { |
| margin: 0 0 -1px -0.375em; |
| } |
| |
| .row.uniform.\32 5\25 > * { |
| padding: 0.375em 0 0 0.375em; |
| } |
| |
| .row.uniform.\32 5\25 { |
| margin: -0.375em 0 -1px -0.375em; |
| } |
| |
| .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 { |
| width: 100%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 { |
| width: 91.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 { |
| width: 83.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 { |
| width: 75%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 { |
| width: 66.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 { |
| width: 58.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 { |
| width: 50%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 { |
| width: 41.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 { |
| width: 33.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 { |
| width: 25%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 { |
| width: 16.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 { |
| width: 8.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 2u\24\28xlarge\29 + *, |
| .\31 1u\24\28xlarge\29 + *, |
| .\31 0u\24\28xlarge\29 + *, |
| .\39 u\24\28xlarge\29 + *, |
| .\38 u\24\28xlarge\29 + *, |
| .\37 u\24\28xlarge\29 + *, |
| .\36 u\24\28xlarge\29 + *, |
| .\35 u\24\28xlarge\29 + *, |
| .\34 u\24\28xlarge\29 + *, |
| .\33 u\24\28xlarge\29 + *, |
| .\32 u\24\28xlarge\29 + *, |
| .\31 u\24\28xlarge\29 + * { |
| clear: left; |
| } |
| |
| .\-11u\28xlarge\29 { |
| margin-left: 91.66667%; |
| } |
| |
| .\-10u\28xlarge\29 { |
| margin-left: 83.33333%; |
| } |
| |
| .\-9u\28xlarge\29 { |
| margin-left: 75%; |
| } |
| |
| .\-8u\28xlarge\29 { |
| margin-left: 66.66667%; |
| } |
| |
| .\-7u\28xlarge\29 { |
| margin-left: 58.33333%; |
| } |
| |
| .\-6u\28xlarge\29 { |
| margin-left: 50%; |
| } |
| |
| .\-5u\28xlarge\29 { |
| margin-left: 41.66667%; |
| } |
| |
| .\-4u\28xlarge\29 { |
| margin-left: 33.33333%; |
| } |
| |
| .\-3u\28xlarge\29 { |
| margin-left: 25%; |
| } |
| |
| .\-2u\28xlarge\29 { |
| margin-left: 16.66667%; |
| } |
| |
| .\-1u\28xlarge\29 { |
| margin-left: 8.33333%; |
| } |
| |
| } |
| |
| @media screen and (max-width: 1280px) { |
| |
| .row > * { |
| padding: 0 0 0 1.5em; |
| } |
| |
| .row { |
| margin: 0 0 -1px -1.5em; |
| } |
| |
| .row.uniform > * { |
| padding: 1.5em 0 0 1.5em; |
| } |
| |
| .row.uniform { |
| margin: -1.5em 0 -1px -1.5em; |
| } |
| |
| .row.\32 00\25 > * { |
| padding: 0 0 0 3em; |
| } |
| |
| .row.\32 00\25 { |
| margin: 0 0 -1px -3em; |
| } |
| |
| .row.uniform.\32 00\25 > * { |
| padding: 3em 0 0 3em; |
| } |
| |
| .row.uniform.\32 00\25 { |
| margin: -3em 0 -1px -3em; |
| } |
| |
| .row.\31 50\25 > * { |
| padding: 0 0 0 2.25em; |
| } |
| |
| .row.\31 50\25 { |
| margin: 0 0 -1px -2.25em; |
| } |
| |
| .row.uniform.\31 50\25 > * { |
| padding: 2.25em 0 0 2.25em; |
| } |
| |
| .row.uniform.\31 50\25 { |
| margin: -2.25em 0 -1px -2.25em; |
| } |
| |
| .row.\35 0\25 > * { |
| padding: 0 0 0 0.75em; |
| } |
| |
| .row.\35 0\25 { |
| margin: 0 0 -1px -0.75em; |
| } |
| |
| .row.uniform.\35 0\25 > * { |
| padding: 0.75em 0 0 0.75em; |
| } |
| |
| .row.uniform.\35 0\25 { |
| margin: -0.75em 0 -1px -0.75em; |
| } |
| |
| .row.\32 5\25 > * { |
| padding: 0 0 0 0.375em; |
| } |
| |
| .row.\32 5\25 { |
| margin: 0 0 -1px -0.375em; |
| } |
| |
| .row.uniform.\32 5\25 > * { |
| padding: 0.375em 0 0 0.375em; |
| } |
| |
| .row.uniform.\32 5\25 { |
| margin: -0.375em 0 -1px -0.375em; |
| } |
| |
| .\31 2u\28large\29, .\31 2u\24\28large\29 { |
| width: 100%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 1u\28large\29, .\31 1u\24\28large\29 { |
| width: 91.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 0u\28large\29, .\31 0u\24\28large\29 { |
| width: 83.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\39 u\28large\29, .\39 u\24\28large\29 { |
| width: 75%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\38 u\28large\29, .\38 u\24\28large\29 { |
| width: 66.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\37 u\28large\29, .\37 u\24\28large\29 { |
| width: 58.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\36 u\28large\29, .\36 u\24\28large\29 { |
| width: 50%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\35 u\28large\29, .\35 u\24\28large\29 { |
| width: 41.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\34 u\28large\29, .\34 u\24\28large\29 { |
| width: 33.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\33 u\28large\29, .\33 u\24\28large\29 { |
| width: 25%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\32 u\28large\29, .\32 u\24\28large\29 { |
| width: 16.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 u\28large\29, .\31 u\24\28large\29 { |
| width: 8.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 2u\24\28large\29 + *, |
| .\31 1u\24\28large\29 + *, |
| .\31 0u\24\28large\29 + *, |
| .\39 u\24\28large\29 + *, |
| .\38 u\24\28large\29 + *, |
| .\37 u\24\28large\29 + *, |
| .\36 u\24\28large\29 + *, |
| .\35 u\24\28large\29 + *, |
| .\34 u\24\28large\29 + *, |
| .\33 u\24\28large\29 + *, |
| .\32 u\24\28large\29 + *, |
| .\31 u\24\28large\29 + * { |
| clear: left; |
| } |
| |
| .\-11u\28large\29 { |
| margin-left: 91.66667%; |
| } |
| |
| .\-10u\28large\29 { |
| margin-left: 83.33333%; |
| } |
| |
| .\-9u\28large\29 { |
| margin-left: 75%; |
| } |
| |
| .\-8u\28large\29 { |
| margin-left: 66.66667%; |
| } |
| |
| .\-7u\28large\29 { |
| margin-left: 58.33333%; |
| } |
| |
| .\-6u\28large\29 { |
| margin-left: 50%; |
| } |
| |
| .\-5u\28large\29 { |
| margin-left: 41.66667%; |
| } |
| |
| .\-4u\28large\29 { |
| margin-left: 33.33333%; |
| } |
| |
| .\-3u\28large\29 { |
| margin-left: 25%; |
| } |
| |
| .\-2u\28large\29 { |
| margin-left: 16.66667%; |
| } |
| |
| .\-1u\28large\29 { |
| margin-left: 8.33333%; |
| } |
| |
| } |
| |
| @media screen and (max-width: 980px) { |
| |
| .row > * { |
| padding: 0 0 0 1.5em; |
| } |
| |
| .row { |
| margin: 0 0 -1px -1.5em; |
| } |
| |
| .row.uniform > * { |
| padding: 1.5em 0 0 1.5em; |
| } |
| |
| .row.uniform { |
| margin: -1.5em 0 -1px -1.5em; |
| } |
| |
| .row.\32 00\25 > * { |
| padding: 0 0 0 3em; |
| } |
| |
| .row.\32 00\25 { |
| margin: 0 0 -1px -3em; |
| } |
| |
| .row.uniform.\32 00\25 > * { |
| padding: 3em 0 0 3em; |
| } |
| |
| .row.uniform.\32 00\25 { |
| margin: -3em 0 -1px -3em; |
| } |
| |
| .row.\31 50\25 > * { |
| padding: 0 0 0 2.25em; |
| } |
| |
| .row.\31 50\25 { |
| margin: 0 0 -1px -2.25em; |
| } |
| |
| .row.uniform.\31 50\25 > * { |
| padding: 2.25em 0 0 2.25em; |
| } |
| |
| .row.uniform.\31 50\25 { |
| margin: -2.25em 0 -1px -2.25em; |
| } |
| |
| .row.\35 0\25 > * { |
| padding: 0 0 0 0.75em; |
| } |
| |
| .row.\35 0\25 { |
| margin: 0 0 -1px -0.75em; |
| } |
| |
| .row.uniform.\35 0\25 > * { |
| padding: 0.75em 0 0 0.75em; |
| } |
| |
| .row.uniform.\35 0\25 { |
| margin: -0.75em 0 -1px -0.75em; |
| } |
| |
| .row.\32 5\25 > * { |
| padding: 0 0 0 0.375em; |
| } |
| |
| .row.\32 5\25 { |
| margin: 0 0 -1px -0.375em; |
| } |
| |
| .row.uniform.\32 5\25 > * { |
| padding: 0.375em 0 0 0.375em; |
| } |
| |
| .row.uniform.\32 5\25 { |
| margin: -0.375em 0 -1px -0.375em; |
| } |
| |
| .\31 2u\28medium\29, .\31 2u\24\28medium\29 { |
| width: 100%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 1u\28medium\29, .\31 1u\24\28medium\29 { |
| width: 91.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 0u\28medium\29, .\31 0u\24\28medium\29 { |
| width: 83.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\39 u\28medium\29, .\39 u\24\28medium\29 { |
| width: 75%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\38 u\28medium\29, .\38 u\24\28medium\29 { |
| width: 66.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\37 u\28medium\29, .\37 u\24\28medium\29 { |
| width: 58.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\36 u\28medium\29, .\36 u\24\28medium\29 { |
| width: 50%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\35 u\28medium\29, .\35 u\24\28medium\29 { |
| width: 41.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\34 u\28medium\29, .\34 u\24\28medium\29 { |
| width: 33.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\33 u\28medium\29, .\33 u\24\28medium\29 { |
| width: 25%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\32 u\28medium\29, .\32 u\24\28medium\29 { |
| width: 16.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 u\28medium\29, .\31 u\24\28medium\29 { |
| width: 8.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 2u\24\28medium\29 + *, |
| .\31 1u\24\28medium\29 + *, |
| .\31 0u\24\28medium\29 + *, |
| .\39 u\24\28medium\29 + *, |
| .\38 u\24\28medium\29 + *, |
| .\37 u\24\28medium\29 + *, |
| .\36 u\24\28medium\29 + *, |
| .\35 u\24\28medium\29 + *, |
| .\34 u\24\28medium\29 + *, |
| .\33 u\24\28medium\29 + *, |
| .\32 u\24\28medium\29 + *, |
| .\31 u\24\28medium\29 + * { |
| clear: left; |
| } |
| |
| .\-11u\28medium\29 { |
| margin-left: 91.66667%; |
| } |
| |
| .\-10u\28medium\29 { |
| margin-left: 83.33333%; |
| } |
| |
| .\-9u\28medium\29 { |
| margin-left: 75%; |
| } |
| |
| .\-8u\28medium\29 { |
| margin-left: 66.66667%; |
| } |
| |
| .\-7u\28medium\29 { |
| margin-left: 58.33333%; |
| } |
| |
| .\-6u\28medium\29 { |
| margin-left: 50%; |
| } |
| |
| .\-5u\28medium\29 { |
| margin-left: 41.66667%; |
| } |
| |
| .\-4u\28medium\29 { |
| margin-left: 33.33333%; |
| } |
| |
| .\-3u\28medium\29 { |
| margin-left: 25%; |
| } |
| |
| .\-2u\28medium\29 { |
| margin-left: 16.66667%; |
| } |
| |
| .\-1u\28medium\29 { |
| margin-left: 8.33333%; |
| } |
| |
| } |
| |
| @media screen and (max-width: 736px) { |
| |
| .row > * { |
| padding: 0 0 0 1em; |
| } |
| |
| .row { |
| margin: 0 0 -1px -1em; |
| } |
| |
| .row.uniform > * { |
| padding: 1em 0 0 1em; |
| } |
| |
| .row.uniform { |
| margin: -1em 0 -1px -1em; |
| } |
| |
| .row.\32 00\25 > * { |
| padding: 0 0 0 2em; |
| } |
| |
| .row.\32 00\25 { |
| margin: 0 0 -1px -2em; |
| } |
| |
| .row.uniform.\32 00\25 > * { |
| padding: 2em 0 0 2em; |
| } |
| |
| .row.uniform.\32 00\25 { |
| margin: -2em 0 -1px -2em; |
| } |
| |
| .row.\31 50\25 > * { |
| padding: 0 0 0 1.5em; |
| } |
| |
| .row.\31 50\25 { |
| margin: 0 0 -1px -1.5em; |
| } |
| |
| .row.uniform.\31 50\25 > * { |
| padding: 1.5em 0 0 1.5em; |
| } |
| |
| .row.uniform.\31 50\25 { |
| margin: -1.5em 0 -1px -1.5em; |
| } |
| |
| .row.\35 0\25 > * { |
| padding: 0 0 0 0.5em; |
| } |
| |
| .row.\35 0\25 { |
| margin: 0 0 -1px -0.5em; |
| } |
| |
| .row.uniform.\35 0\25 > * { |
| padding: 0.5em 0 0 0.5em; |
| } |
| |
| .row.uniform.\35 0\25 { |
| margin: -0.5em 0 -1px -0.5em; |
| } |
| |
| .row.\32 5\25 > * { |
| padding: 0 0 0 0.25em; |
| } |
| |
| .row.\32 5\25 { |
| margin: 0 0 -1px -0.25em; |
| } |
| |
| .row.uniform.\32 5\25 > * { |
| padding: 0.25em 0 0 0.25em; |
| } |
| |
| .row.uniform.\32 5\25 { |
| margin: -0.25em 0 -1px -0.25em; |
| } |
| |
| .\31 2u\28small\29, .\31 2u\24\28small\29 { |
| width: 100%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 1u\28small\29, .\31 1u\24\28small\29 { |
| width: 91.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 0u\28small\29, .\31 0u\24\28small\29 { |
| width: 83.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\39 u\28small\29, .\39 u\24\28small\29 { |
| width: 75%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\38 u\28small\29, .\38 u\24\28small\29 { |
| width: 66.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\37 u\28small\29, .\37 u\24\28small\29 { |
| width: 58.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\36 u\28small\29, .\36 u\24\28small\29 { |
| width: 50%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\35 u\28small\29, .\35 u\24\28small\29 { |
| width: 41.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\34 u\28small\29, .\34 u\24\28small\29 { |
| width: 33.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\33 u\28small\29, .\33 u\24\28small\29 { |
| width: 25%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\32 u\28small\29, .\32 u\24\28small\29 { |
| width: 16.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 u\28small\29, .\31 u\24\28small\29 { |
| width: 8.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 2u\24\28small\29 + *, |
| .\31 1u\24\28small\29 + *, |
| .\31 0u\24\28small\29 + *, |
| .\39 u\24\28small\29 + *, |
| .\38 u\24\28small\29 + *, |
| .\37 u\24\28small\29 + *, |
| .\36 u\24\28small\29 + *, |
| .\35 u\24\28small\29 + *, |
| .\34 u\24\28small\29 + *, |
| .\33 u\24\28small\29 + *, |
| .\32 u\24\28small\29 + *, |
| .\31 u\24\28small\29 + * { |
| clear: left; |
| } |
| |
| .\-11u\28small\29 { |
| margin-left: 91.66667%; |
| } |
| |
| .\-10u\28small\29 { |
| margin-left: 83.33333%; |
| } |
| |
| .\-9u\28small\29 { |
| margin-left: 75%; |
| } |
| |
| .\-8u\28small\29 { |
| margin-left: 66.66667%; |
| } |
| |
| .\-7u\28small\29 { |
| margin-left: 58.33333%; |
| } |
| |
| .\-6u\28small\29 { |
| margin-left: 50%; |
| } |
| |
| .\-5u\28small\29 { |
| margin-left: 41.66667%; |
| } |
| |
| .\-4u\28small\29 { |
| margin-left: 33.33333%; |
| } |
| |
| .\-3u\28small\29 { |
| margin-left: 25%; |
| } |
| |
| .\-2u\28small\29 { |
| margin-left: 16.66667%; |
| } |
| |
| .\-1u\28small\29 { |
| margin-left: 8.33333%; |
| } |
| |
| } |
| |
| @media screen and (max-width: 480px) { |
| |
| .row > * { |
| padding: 0 0 0 1em; |
| } |
| |
| .row { |
| margin: 0 0 -1px -1em; |
| } |
| |
| .row.uniform > * { |
| padding: 1em 0 0 1em; |
| } |
| |
| .row.uniform { |
| margin: -1em 0 -1px -1em; |
| } |
| |
| .row.\32 00\25 > * { |
| padding: 0 0 0 2em; |
| } |
| |
| .row.\32 00\25 { |
| margin: 0 0 -1px -2em; |
| } |
| |
| .row.uniform.\32 00\25 > * { |
| padding: 2em 0 0 2em; |
| } |
| |
| .row.uniform.\32 00\25 { |
| margin: -2em 0 -1px -2em; |
| } |
| |
| .row.\31 50\25 > * { |
| padding: 0 0 0 1.5em; |
| } |
| |
| .row.\31 50\25 { |
| margin: 0 0 -1px -1.5em; |
| } |
| |
| .row.uniform.\31 50\25 > * { |
| padding: 1.5em 0 0 1.5em; |
| } |
| |
| .row.uniform.\31 50\25 { |
| margin: -1.5em 0 -1px -1.5em; |
| } |
| |
| .row.\35 0\25 > * { |
| padding: 0 0 0 0.5em; |
| } |
| |
| .row.\35 0\25 { |
| margin: 0 0 -1px -0.5em; |
| } |
| |
| .row.uniform.\35 0\25 > * { |
| padding: 0.5em 0 0 0.5em; |
| } |
| |
| .row.uniform.\35 0\25 { |
| margin: -0.5em 0 -1px -0.5em; |
| } |
| |
| .row.\32 5\25 > * { |
| padding: 0 0 0 0.25em; |
| } |
| |
| .row.\32 5\25 { |
| margin: 0 0 -1px -0.25em; |
| } |
| |
| .row.uniform.\32 5\25 > * { |
| padding: 0.25em 0 0 0.25em; |
| } |
| |
| .row.uniform.\32 5\25 { |
| margin: -0.25em 0 -1px -0.25em; |
| } |
| |
| .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 { |
| width: 100%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 { |
| width: 91.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 { |
| width: 83.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 { |
| width: 75%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 { |
| width: 66.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 { |
| width: 58.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 { |
| width: 50%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 { |
| width: 41.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 { |
| width: 33.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 { |
| width: 25%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 { |
| width: 16.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 { |
| width: 8.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 2u\24\28xsmall\29 + *, |
| .\31 1u\24\28xsmall\29 + *, |
| .\31 0u\24\28xsmall\29 + *, |
| .\39 u\24\28xsmall\29 + *, |
| .\38 u\24\28xsmall\29 + *, |
| .\37 u\24\28xsmall\29 + *, |
| .\36 u\24\28xsmall\29 + *, |
| .\35 u\24\28xsmall\29 + *, |
| .\34 u\24\28xsmall\29 + *, |
| .\33 u\24\28xsmall\29 + *, |
| .\32 u\24\28xsmall\29 + *, |
| .\31 u\24\28xsmall\29 + * { |
| clear: left; |
| } |
| |
| .\-11u\28xsmall\29 { |
| margin-left: 91.66667%; |
| } |
| |
| .\-10u\28xsmall\29 { |
| margin-left: 83.33333%; |
| } |
| |
| .\-9u\28xsmall\29 { |
| margin-left: 75%; |
| } |
| |
| .\-8u\28xsmall\29 { |
| margin-left: 66.66667%; |
| } |
| |
| .\-7u\28xsmall\29 { |
| margin-left: 58.33333%; |
| } |
| |
| .\-6u\28xsmall\29 { |
| margin-left: 50%; |
| } |
| |
| .\-5u\28xsmall\29 { |
| margin-left: 41.66667%; |
| } |
| |
| .\-4u\28xsmall\29 { |
| margin-left: 33.33333%; |
| } |
| |
| .\-3u\28xsmall\29 { |
| margin-left: 25%; |
| } |
| |
| .\-2u\28xsmall\29 { |
| margin-left: 16.66667%; |
| } |
| |
| .\-1u\28xsmall\29 { |
| margin-left: 8.33333%; |
| } |
| |
| } |
| |
| @media screen and (max-width: 360px) { |
| |
| .row > * { |
| padding: 0 0 0 1em; |
| } |
| |
| .row { |
| margin: 0 0 -1px -1em; |
| } |
| |
| .row.uniform > * { |
| padding: 1em 0 0 1em; |
| } |
| |
| .row.uniform { |
| margin: -1em 0 -1px -1em; |
| } |
| |
| .row.\32 00\25 > * { |
| padding: 0 0 0 2em; |
| } |
| |
| .row.\32 00\25 { |
| margin: 0 0 -1px -2em; |
| } |
| |
| .row.uniform.\32 00\25 > * { |
| padding: 2em 0 0 2em; |
| } |
| |
| .row.uniform.\32 00\25 { |
| margin: -2em 0 -1px -2em; |
| } |
| |
| .row.\31 50\25 > * { |
| padding: 0 0 0 1.5em; |
| } |
| |
| .row.\31 50\25 { |
| margin: 0 0 -1px -1.5em; |
| } |
| |
| .row.uniform.\31 50\25 > * { |
| padding: 1.5em 0 0 1.5em; |
| } |
| |
| .row.uniform.\31 50\25 { |
| margin: -1.5em 0 -1px -1.5em; |
| } |
| |
| .row.\35 0\25 > * { |
| padding: 0 0 0 0.5em; |
| } |
| |
| .row.\35 0\25 { |
| margin: 0 0 -1px -0.5em; |
| } |
| |
| .row.uniform.\35 0\25 > * { |
| padding: 0.5em 0 0 0.5em; |
| } |
| |
| .row.uniform.\35 0\25 { |
| margin: -0.5em 0 -1px -0.5em; |
| } |
| |
| .row.\32 5\25 > * { |
| padding: 0 0 0 0.25em; |
| } |
| |
| .row.\32 5\25 { |
| margin: 0 0 -1px -0.25em; |
| } |
| |
| .row.uniform.\32 5\25 > * { |
| padding: 0.25em 0 0 0.25em; |
| } |
| |
| .row.uniform.\32 5\25 { |
| margin: -0.25em 0 -1px -0.25em; |
| } |
| |
| .\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 { |
| width: 100%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 { |
| width: 91.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 { |
| width: 83.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 { |
| width: 75%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 { |
| width: 66.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 { |
| width: 58.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 { |
| width: 50%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 { |
| width: 41.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 { |
| width: 33.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 { |
| width: 25%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 { |
| width: 16.6666666667%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 { |
| width: 8.3333333333%; |
| clear: none; |
| margin-left: 0; |
| } |
| |
| .\31 2u\24\28xxsmall\29 + *, |
| .\31 1u\24\28xxsmall\29 + *, |
| .\31 0u\24\28xxsmall\29 + *, |
| .\39 u\24\28xxsmall\29 + *, |
| .\38 u\24\28xxsmall\29 + *, |
| .\37 u\24\28xxsmall\29 + *, |
| .\36 u\24\28xxsmall\29 + *, |
| .\35 u\24\28xxsmall\29 + *, |
| .\34 u\24\28xxsmall\29 + *, |
| .\33 u\24\28xxsmall\29 + *, |
| .\32 u\24\28xxsmall\29 + *, |
| .\31 u\24\28xxsmall\29 + * { |
| clear: left; |
| } |
| |
| .\-11u\28xxsmall\29 { |
| margin-left: 91.66667%; |
| } |
| |
| .\-10u\28xxsmall\29 { |
| margin-left: 83.33333%; |
| } |
| |
| .\-9u\28xxsmall\29 { |
| margin-left: 75%; |
| } |
| |
| .\-8u\28xxsmall\29 { |
| margin-left: 66.66667%; |
| } |
| |
| .\-7u\28xxsmall\29 { |
| margin-left: 58.33333%; |
| } |
| |
| .\-6u\28xxsmall\29 { |
| margin-left: 50%; |
| } |
| |
| .\-5u\28xxsmall\29 { |
| margin-left: 41.66667%; |
| } |
| |
| .\-4u\28xxsmall\29 { |
| margin-left: 33.33333%; |
| } |
| |
| .\-3u\28xxsmall\29 { |
| margin-left: 25%; |
| } |
| |
| .\-2u\28xxsmall\29 { |
| margin-left: 16.66667%; |
| } |
| |
| .\-1u\28xxsmall\29 { |
| margin-left: 8.33333%; |
| } |
| |
| } |
| |
| /* Basic */ |
| |
| @-ms-viewport { |
| width: device-width; |
| } |
| |
| body { |
| -ms-overflow-style: scrollbar; |
| } |
| |
| @media screen and (max-width: 480px) { |
| |
| html, body { |
| min-width: 320px; |
| } |
| |
| } |
| |
| body { |
| |
| } |
| |
| body.is-loading *, body.is-loading *:before, body.is-loading *: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: url("images/background.jpg") no-repeat center top #2A0D07; |
| background-size: 100% auto; |
| font-family: "Poppins", Helvetica, sans-serif; |
| color: #fff; |
| } |
| |
| body, input, select, textarea { |
| font-family: "Poppins", Helvetica, sans-serif; |
| font-size: 16pt; |
| font-weight: 400; |
| line-height: 1.65; |
| } |
| |
| @media screen and (max-width: 1680px) { |
| |
| body, input, select, textarea { |
| font-size: 13pt; |
| } |
| |
| } |
| |
| @media screen and (max-width: 1280px) { |
| |
| body, input, select, textarea { |
| font-size: 11pt; |
| } |
| |
| } |
| |
| @media screen and (max-width: 360px) { |
| |
| body, input, select, textarea { |
| font-size: 10pt; |
| } |
| |
| } |
| |
| a { |
| text-decoration: none; |
| color: #FF6D03; |
| } |
| |
| a:hover { |
| text-decoration: underline; |
| } |
| |
| strong, b { |
| font-weight: 600; |
| } |
| |
| 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: 500; |
| 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: 2em; |
| line-height: 1.2; |
| } |
| |
| h2 { |
| font-size: 1.1em; |
| } |
| |
| h3 { |
| font-size: 1.1em; |
| } |
| |
| h4 { |
| font-size: 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 { |
| display: inline-block; |
| border-radius: 8px; |
| border: solid 1px; |
| font-family: monospace; |
| font-size: 0.9em; |
| margin: 0 0.25em; |
| padding: 0.25em 0.65em; |
| } |
| |
| pre { |
| -webkit-overflow-scrolling: touch; |
| font-family: 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); |
| } |
| |
| /* 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); |
| } |
| |
| .hidden { |
| display: none; |
| } |
| |
| /* 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.5s ease-in-out, color 0.5s ease-in-out; |
| -webkit-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; |
| -ms-transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; |
| transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; |
| border-radius: 10px; |
| 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 { |
| display: block; |
| margin: 0 0 1em 0; |
| 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"].big, |
| input[type="reset"].big, |
| input[type="button"].big, |
| button.big, |
| .button.big { |
| 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 { |
| -moz-pointer-events: none; |
| -webkit-pointer-events: none; |
| -ms-pointer-events: none; |
| 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; |
| 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); |
| text-decoration: none; |
| } |
| |
| input[type="submit"]:active, |
| input[type="reset"]:active, |
| input[type="button"]:active, |
| button:active, |
| .button:active { |
| background-color: rgba(255, 255, 255, 0.2); |
| } |
| |
| 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"].special, |
| input[type="reset"].special, |
| input[type="button"].special, |
| button.special, |
| .button.special { |
| background-color: #FF6E01; |
| color: #ffffff !important; |
| box-shadow: none; |
| } |
| |
| input[type="submit"].special:hover, |
| input[type="reset"].special:hover, |
| input[type="button"].special:hover, |
| button.special:hover, |
| .button.special:hover { |
| background-color: #FF6E01; |
| } |
| |
| input[type="submit"].special:active, |
| input[type="reset"].special:active, |
| input[type="button"].special:active, |
| button.special:active, |
| .button.special:active { |
| background-color: #FF6E01; |
| } |
| |
| input[type="submit"].special.icon:before, |
| input[type="reset"].special.icon:before, |
| input[type="button"].special.icon:before, |
| button.special.icon:before, |
| .button.special.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-wrapper { |
| text-decoration: none; |
| display: block; |
| position: relative; |
| } |
| |
| .select-wrapper:before { |
| -moz-osx-font-smoothing: grayscale; |
| -webkit-font-smoothing: antialiased; |
| font-family: FontAwesome; |
| font-style: normal; |
| font-weight: normal; |
| text-transform: none !important; |
| } |
| |
| .select-wrapper:before { |
| content: '\f078'; |
| display: block; |
| height: 2.75em; |
| line-height: 2.75em; |
| pointer-events: none; |
| position: absolute; |
| right: 0; |
| text-align: center; |
| top: 0; |
| width: 2.75em; |
| } |
| |
| .select-wrapper 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; |
| font-family: FontAwesome; |
| font-style: normal; |
| font-weight: normal; |
| text-transform: none !important; |
| } |
| |
| input[type="checkbox"] + label:before, |
| input[type="radio"] + label:before { |
| border-radius: 8px; |
| border: solid 1px; |
| content: ''; |
| display: inline-block; |
| height: 1.65em; |
| left: 0; |
| line-height: 1.58125em; |
| position: absolute; |
| text-align: center; |
| top: 0; |
| width: 1.65em; |
| } |
| |
| 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; |
| } |
| |
| .formerize-placeholder { |
| opacity: 1.0; |
| } |
| |
| label { |
| color: #ffffff; |
| } |
| |
| input[type="text"], |
| input[type="password"], |
| input[type="email"], |
| select, |
| textarea { |
| background: 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-wrapper:before { |
| color: rgba(255, 255, 255, 0.35); |
| } |
| |
| 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; |
| font-family: FontAwesome; |
| font-style: normal; |
| font-weight: normal; |
| text-transform: none !important; |
| } |
| |
| .icon > .label { |
| display: none; |
| } |
| |
| .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.style1 { |
| color: #26A69A; |
| } |
| |
| .icon.style2 { |
| color: #00BCD4; |
| } |
| |
| .icon.style3 { |
| color: #03A9F4; |
| } |
| |
| .icon.style4 { |
| color: #2196F3; |
| } |
| |
| .icon.style5 { |
| color: #3F51B5; |
| } |
| |
| @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: none; |
| 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; |
| } |
| |
| 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; |
| } |
| |
| ul.actions { |
| cursor: default; |
| list-style: none; |
| padding-left: 0; |
| } |
| |
| ul.actions li { |
| display: inline-block; |
| padding: 0 1em 0 0; |
| vertical-align: middle; |
| } |
| |
| ul.actions li:last-child { |
| padding-right: 0; |
| } |
| |
| ul.actions.small li { |
| padding: 0 0.5em 0 0; |
| } |
| |
| ul.actions.vertical li { |
| display: block; |
| padding: 1em 0 0 0; |
| } |
| |
| ul.actions.vertical li:first-child { |
| padding-top: 0; |
| } |
| |
| ul.actions.vertical li > * { |
| margin-bottom: 0; |
| } |
| |
| ul.actions.vertical.small li { |
| padding: 0.5em 0 0 0; |
| } |
| |
| ul.actions.vertical.small li:first-child { |
| padding-top: 0; |
| } |
| |
| ul.actions.fit { |
| display: table; |
| margin-left: -1em; |
| padding: 0; |
| table-layout: fixed; |
| width: calc(100% + 1em); |
| } |
| |
| ul.actions.fit li { |
| display: table-cell; |
| padding: 0 0 0 1em; |
| } |
| |
| ul.actions.fit li > * { |
| margin-bottom: 0; |
| } |
| |
| ul.actions.fit.small { |
| margin-left: -0.5em; |
| width: calc(100% + 0.5em); |
| } |
| |
| ul.actions.fit.small li { |
| padding: 0 0 0 0.5em; |
| } |
| |
| @media screen and (max-width: 480px) { |
| |
| ul.actions { |
| margin: 0 0 2em 0; |
| } |
| |
| ul.actions li { |
| padding: 1em 0 0 0; |
| display: block; |
| text-align: center; |
| width: 100%; |
| } |
| |
| ul.actions li:first-child { |
| padding-top: 0; |
| } |
| |
| ul.actions li > * { |
| width: 100%; |
| margin: 0 !important; |
| } |
| |
| ul.actions.small li { |
| padding: 0.5em 0 0 0; |
| } |
| |
| ul.actions.small li:first-child { |
| 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; |
| } |
| |
| /* Section/Article */ |
| |
| section.special, article.special { |
| text-align: center; |
| } |
| |
| header.major { |
| margin-bottom: 1em; |
| text-align: left; |
| } |
| |
| header.major h2 { |
| font-size: 2em; |
| } |
| |
| header.major p { |
| font-size: 1.25em; |
| letter-spacing: -0.025em; |
| } |
| |
| footer.major { |
| margin: 3em 10em 0 10em; |
| } |
| |
| @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: pointer; |
| } |
| |
| .statistics li { |
| -moz-flex: 1; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; |
| padding: 1.5em; |
| color: #ffffff; |
| background: url('images/overlay.png'); |
| text-align: center; |
| width: 25%; |
| } |
| |
| .statistics li.style1 { |
| background-color: #45180F; |
| } |
| |
| .statistics li.style2 { |
| background-color: #833308; |
| } |
| |
| .statistics li.style3 { |
| background-color: #CA5405; |
| } |
| |
| .statistics li.style4 { |
| background-color: #FF6D03; |
| } |
| |
| .statistics li.style5 { |
| background-color: #2A0D07; |
| } |
| |
| .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 .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 */ |
| |
| #wrapper .apache_ref { |
| position: absolute; |
| top: 0; |
| right: 5%; |
| margin:0; |
| padding: 5px 5px 0px 5px; |
| background-color: #ffffff; |
| border-radius: 0 0 10px 10px; |
| } |
| |
| #wrapper .apache_ref_mobile { |
| display: none; |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| text-align: center; |
| background: url('images/overlay.png') rgba(0,0,0,0.2); |
| } |
| |
| #wrapper .apache_ref_mobile a { |
| font-size: 9pt; |
| color: #DDD; |
| } |
| |
| #wrapper .apache_ref img { |
| width: 10em; |
| } |
| |
| #wrapper .apache_ref a { |
| border: none; |
| padding: 0; |
| margin: 0; |
| } |
| |
| #wrapper .apache_ref_left { |
| position: absolute; |
| top: 0; |
| left: 5%; |
| margin:0; |
| padding: 5px 5px 0px 5px; |
| background-color: #ffffff; |
| border-radius: 0 0 10px 10px; |
| } |
| |
| #wrapper .apache_ref_left_mobile { |
| display: none; |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| text-align: center; |
| background: url('images/overlay.png') rgba(0,0,0,0.2); |
| } |
| |
| #wrapper .apache_ref_left_mobile a { |
| font-size: 9pt; |
| color: #DDD; |
| } |
| |
| #wrapper .apache_ref_left img { |
| width: 10em; |
| } |
| |
| #wrapper .apache_ref_left a { |
| border: none; |
| padding: 0; |
| margin: 0; |
| } |
| |
| #header { |
| padding: 3em 5em 1em 5em; |
| text-align: center; |
| } |
| |
| #header h1 { |
| margin: 0; |
| font-weight: 500; |
| font-size: 2.5em; |
| color: #ffffff; |
| font-family: 'Poppins', arial; |
| } |
| |
| #header h1 a { |
| text-decoration: none; |
| } |
| |
| #header h1 small { |
| font-size: 20px; |
| display: block; |
| } |
| |
| #header h2 { |
| font-size: 1.4em; |
| font-weight: 500; |
| color: #fff; |
| margin-top: 0.2em; |
| } |
| |
| #header p { |
| font-size: 1.1em; |
| letter-spacing: -0.025em; |
| margin-bottom: 0; |
| } |
| |
| #header.alt { |
| padding: 3em 5em 3em 5em; |
| font-weight: 600; |
| } |
| |
| #header.alt a { |
| border: none; |
| margin-left: 0.7em; |
| } |
| |
| #header.alt .exposant { |
| position: relative; |
| top: -1.7em; |
| right: 2em; |
| font-size: 0.4em; |
| } |
| |
| #header.alt > * { |
| -moz-transition: opacity 1s ease; |
| -webkit-transition: opacity 1s ease; |
| -ms-transition: opacity 1s ease; |
| transition: opacity 1s ease; |
| opacity: 1; |
| } |
| |
| #header.alt .logo { |
| -moz-transition: opacity 1s ease; |
| -webkit-transition: opacity 1s ease; |
| -ms-transition: opacity 1s ease; |
| transition: opacity 1s ease; |
| text-align: center; |
| margin: 0 auto; |
| margin-bottom: 2em; |
| } |
| |
| #header.alt .logo img { |
| width: 13em; |
| height: 13em; |
| } |
| |
| #header.alt h2 { |
| margin-bottom: 1em; |
| } |
| |
| @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: 2em; |
| } |
| |
| } |
| |
| @media screen and (max-width: 480px) { |
| |
| #header { |
| padding: 3em 1.5em 0.1em 1.5em ; |
| } |
| |
| #header.alt { |
| padding: 4em 1.5em 1em 1.5em ; |
| } |
| |
| .apache_ref { |
| display:none; |
| } |
| #wrapper .apache_ref_mobile { |
| display: block; |
| } |
| |
| .apache_ref_left { |
| display:none; |
| } |
| #wrapper .apache_ref_left_mobile { |
| display: block; |
| } |
| |
| } |
| |
| @media screen and (max-width: 360px) { |
| |
| #header { |
| padding: 5.5em 1em 0.1em 1em ; |
| } |
| |
| #header.alt { |
| padding: 5.5em 1em 0.5em 1em ; |
| } |
| |
| } |
| |
| body.is-loading #header.alt > * { |
| opacity: 0; |
| } |
| |
| body.is-loading #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: #3e1309; |
| color: #fff; |
| position: absolute; |
| width: 64em; |
| max-width: calc(100% - 4em); |
| padding: 0.5em; |
| border-top-left-radius: 0.25em; |
| border-top-right-radius: 0.25em; |
| cursor: default; |
| text-align: center; |
| font-weight: 500; |
| } |
| |
| #nav input, #nav select, #nav textarea { |
| color: #fff; |
| } |
| |
| #nav a { |
| font-size: 1em; |
| font-weight: 400; |
| } |
| |
| #nav a:hover { |
| color: #FC6E00; |
| text-decoration: none; |
| } |
| |
| #nav strong, #nav b { |
| color: #fff; |
| } |
| |
| #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 { |
| color: #fff; |
| } |
| |
| #nav blockquote { |
| border-left-color: #dddddd; |
| } |
| |
| #nav code { |
| background: rgba(222, 222, 222, 0.25); |
| border-color: #dddddd; |
| } |
| |
| #nav hr { |
| border-bottom-color: #dddddd; |
| } |
| |
| #nav .logo_li { |
| opacity: 0; |
| -webkit-transition: all 0.2s ease-in; |
| -moz-transition: all 0.2s ease-in; |
| -o-transition: all 0.2s ease-in; |
| -ms-transition: all 0.2s ease-in; |
| transition: all 0.2s ease-in; |
| } |
| |
| #nav .logo_li img { |
| width: 2.6em; |
| height: 2.6em; |
| } |
| |
| #nav + #main { |
| padding-top: 4.25em; |
| } |
| |
| #nav ul { |
| margin: 0 0 0 -48px; |
| padding: 0em 1em; |
| 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 0.7em; |
| border: 0; |
| border-radius: 8px; |
| color: #fff; |
| } |
| |
| #nav ul li a.active { |
| box-shadow: none; |
| color: #FC6E00; |
| } |
| |
| #nav.alt { |
| position: fixed; |
| top: 0; |
| padding: 0 1em 0 -150px; |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| z-index: 9; |
| background: #2A0D07; |
| } |
| |
| #nav.alt .logo_li { |
| display: inline-block; |
| opacity: 1; |
| margin-right: 1em; |
| } |
| |
| #nav.alt .logo_li img { |
| width: 48px; |
| } |
| |
| #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: #ffffff; |
| color: #636363; |
| border-radius: 0.25em; |
| } |
| |
| #main input, #main select, #main textarea { |
| color: #636363; |
| } |
| |
| #main strong, #main b { |
| color: #636363; |
| } |
| |
| #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { |
| color: #636363; |
| } |
| |
| #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 .box { |
| border-color: #dddddd; |
| } |
| |
| #main input[type="submit"], |
| #main input[type="reset"], |
| #main input[type="button"], |
| #main button, |
| #main .button { |
| background:url('images/overlay.png') #FF6D03; |
| color: #fff; |
| } |
| |
| #main input[type="submit"]:hover, |
| #main input[type="reset"]:hover, |
| #main input[type="button"]:hover, |
| #main button:hover, |
| #main .button:hover { |
| background-color: #2A0D07; |
| color: #FC6E00 !important; |
| } |
| |
| #main input[type="submit"]:active, |
| #main input[type="reset"]:active, |
| #main input[type="button"]:active, |
| #main button:active, |
| #main .button:active { |
| background-color: #2A0D07; |
| color: #FC6E00; |
| } |
| |
| #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: #FC6E00; |
| } |
| |
| #main input[type="submit"].special, |
| #main input[type="reset"].special, |
| #main input[type="button"].special, |
| #main button.special, |
| #main .button.special { |
| background-color: #FF6D03; |
| color: #FC6E00 !important; |
| box-shadow: none; |
| } |
| |
| #main input[type="submit"].special:hover, |
| #main input[type="reset"].special:hover, |
| #main input[type="button"].special:hover, |
| #main button.special:hover, |
| #main .button.special:hover { |
| background-color: #FF6D03; |
| } |
| |
| #main input[type="submit"].special:active, |
| #main input[type="reset"].special:active, |
| #main input[type="button"].special:active, |
| #main button.special:active, |
| #main .button.special:active { |
| background-color: #FF6D03; |
| } |
| |
| #main input[type="submit"].special.icon:before, |
| #main input[type="reset"].special.icon:before, |
| #main input[type="button"].special.icon:before, |
| #main button.special.icon:before, |
| #main .button.special.icon:before { |
| color: #FC6E00 !important; |
| } |
| |
| #main label { |
| color: #636363; |
| } |
| |
| #main input[type="text"], |
| #main input[type="password"], |
| #main input[type="email"], |
| #main select, |
| #main textarea { |
| background: 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-wrapper:before { |
| color: #dddddd; |
| } |
| |
| #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 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: 2em 2em 2em 3em; |
| } |
| |
| #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; |
| } |
| |
| .james-schema { |
| display: inline-block; |
| width: 220px; |
| height: 220px; |
| padding:25px 0; |
| margin: 4%; |
| margin-top: 2%; |
| border-radius: 50%; |
| background:url('images/overlay.png') #FF6D03; |
| color: #fff; |
| text-transform: uppercase; |
| font-size: 14pt; |
| -moz-transition: all 0.5s ease-in-out; |
| -webkit-transition: all 0.5s ease-in-out; |
| -ms-transition: all 0.5s ease-in-out; |
| transition: all 0.5s ease-in-out; |
| } |
| |
| .james-use-case-link { |
| display: inline-block; |
| width: 220px; |
| height: 220px; |
| padding:25px 0; |
| text-align: center; |
| vertical-align: middle; |
| margin: 4%; |
| margin-top: 2%; |
| border-radius: 50%; |
| background:url('images/overlay.png') #FF6D03; |
| color: #fff; |
| font-size: 18pt; |
| -moz-transition: all 0.5s ease-in-out; |
| -webkit-transition: all 0.5s ease-in-out; |
| -ms-transition: all 0.5s ease-in-out; |
| transition: all 0.5s ease-in-out; |
| } |
| |
| .james-use-case-link:hover { |
| color: #FF6D03; |
| text-decoration: none; |
| background-color: #2A0D07; |
| } |
| |
| .james-use-case-content { |
| font-family: "Poppins", Helvetica, sans-serif; |
| color: #636363; |
| } |
| |
| .james-use-case-li { |
| display: flex; |
| margin-bottom: 1em; |
| } |
| |
| .james-schema:hover { |
| color: #FF6D03; |
| text-decoration: none; |
| background-color: #2A0D07; |
| } |
| |
| .james-schema .fa { |
| display: block; |
| } |
| |
| .james-schema .fa.fa-sitemap { |
| font-size: 3em!important; |
| margin-bottom: 8%; |
| } |
| |
| .james-schema .fa.fa-long-arrow-right { |
| font-size: 1.5em!important; |
| } |
| |
| .post-template { |
| display: flex; |
| margin-bottom: 2em; |
| } |
| |
| .center-icon { |
| align-items: center; |
| } |
| |
| .post-template a.comm { |
| font-weight: bold; |
| } |
| |
| .post-template a.comm:hover { |
| text-decoration: underline; |
| } |
| |
| .post-template a:hover { |
| color: #FF6D03; |
| text-decoration: none; |
| } |
| |
| .post-template .details small { |
| color: #999; |
| } |
| |
| .post-template .long-arrow-right { |
| color: #FF6D03; |
| font-weight: 500; |
| margin-right: 20px; |
| margin-top: -15px; |
| font-size: 2em; |
| } |
| |
| .post-template .details, .post-template .details a { |
| font-size: 10pt; |
| } |
| |
| .post-template .icon { |
| font-size: 2.5em; |
| color: #FF6D03; |
| margin-right: 20px; |
| } |
| |
| .post-template .fa-file-text-o { |
| margin-top: -7px; |
| } |
| |
| .contributor-card { |
| display: inline-block; |
| text-align: center; |
| background: url('images/overlay.png') #FF6D03; |
| padding: 5px 5px 2px 5px; |
| border-radius: 10px; |
| margin: 7px; |
| } |
| |
| .contributor-card .image { |
| display: block; |
| margin: 0 auto; |
| } |
| |
| .contributor-card img { |
| width: 140px; |
| background-color: #f0f0f0; |
| } |
| |
| .contributor-card a { |
| display: block; |
| font-size: 11pt; |
| color: #fff; |
| text-align: center; |
| } |
| |
| .contributor-card .fa-github { |
| margin-right: 2px; |
| } |
| |
| .contributor-card a:hover { |
| text-decoration: none; |
| } |
| |
| #main h3.tb-h3 { |
| color: #FF6D03; |
| text-align: left; |
| font-size: 1.5em; |
| } |
| |
| .main h2.big-h2 { |
| display: flex; |
| background:url('images/overlay.png') #f7f7f7; |
| border: 1px solid #DDD; |
| border-radius: 5px; |
| padding: 0.5em; |
| } |
| |
| .main .big-h2 .fa { |
| font-size: 3em; |
| color: #666; |
| } |
| |
| .big-h2 span, .big-h2 b { |
| font-size: 13pt; |
| } |
| |
| .about-table { |
| background:url('images/overlay.png') #f7f7f7; |
| border-radius: 5px; |
| border: 1px solid #DDD; |
| text-align: left; |
| padding: 1em 2em; |
| } |
| |
| .post-page h1 .fa-file-text-o, .post-page h1 .fa-newspaper-o { |
| font-size: 1em; |
| } |
| |
| .post-page #header p { |
| font-weight: 400; |
| font-size: 18pt; |
| } |
| |
| .post-page a:hover { |
| color: #FF6D03; |
| } |
| |
| .post-page .post-template { |
| display: block; |
| } |
| |
| .post-page .post-template .details a b { |
| display: inline-block; |
| font-size: 15pt !important; |
| margin-bottom: 15px; |
| } |
| |
| .statistics strong { |
| font-family: arial; |
| } |
| |
| .no-padding { |
| padding: 0; |
| } |
| .no-margin { |
| margin: 0; |
| } |
| |
| #main .james-ul li { |
| margin-top: 2em; |
| } |
| #main .james-ul li b, #main .james-ul li a { |
| color: #FF6D03; |
| border: none; |
| } |
| #main .james-ul li a:hover { |
| text-decoration: underline; |
| } |
| |
| @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); |
| } |
| |
| .about-table { |
| padding: 1em 0.5em; |
| font-size: 10pt; |
| } |
| |
| } |
| |
| @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; |
| color: #aaa; |
| } |
| |
| #footer h2 { |
| color: #ddd; |
| } |
| |
| #footer a { |
| font-size: 10pt; |
| } |
| |
| #footer > * { |
| width: calc(30% - 1em); |
| margin-left: 2em; |
| } |
| |
| #footer .copyright { |
| width: 100%; |
| margin: 2.5em 0 2em 0; |
| font-size: 9pt; |
| text-align: center; |
| } |
| |
| #footer .legal-section { |
| font-size: 9pt; |
| } |
| |
| #footer .legal-section a { |
| font-size: 9pt; |
| } |
| |
| #footer .icon { |
| background-color: #FF6D03; |
| border: none; |
| color: #fff; |
| font-size: 14pt; |
| text-decoration: none; |
| } |
| |
| |
| @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; |
| } |
| |
| #nav.alt .logo_li { |
| margin-right: 0; |
| } |
| |
| .post-page .post-template .icon.fa-file-text-o { |
| display: none; |
| } |
| |
| .post-page .post-template .details a b { |
| font-size: 12pt !important; |
| } |
| |
| .post-page .post-template .details a small p{ |
| font-size: 10pt !important; |
| } |
| |
| footer.major { |
| margin: 1em 0; |
| } |
| } |
| |
| @media screen and (max-width: 736px) { |
| |
| #footer { |
| padding: 3em 2em 1em 2em ; |
| } |
| |
| .fa.fa-wrench { |
| display: none; |
| } |
| |
| #stats .statistics { |
| font-size: 9pt; |
| } |
| |
| #stats .statistics .icon:before { |
| font-size: 2em; |
| } |
| |
| .contributor-card { |
| width: 128px; |
| height: auto; |
| } |
| |
| .contributor-card a { |
| font-size: 9pt; |
| } |
| |
| .contributor-card img { |
| width: 100%; |
| margin: 0 auto; |
| } |
| |
| .post-template .icon { |
| display: none; |
| } |
| |
| .post-template .fa-file-text-o { |
| display: none; |
| } |
| |
| #main .post-template .details a b { |
| color: #FF6D03; |
| |
| } |
| |
| .post-template .long-arrow-right { |
| display: none; |
| margin-top: -7px; |
| margin-right: 15px; |
| font-weight: bold; |
| font-size: 1.5em; |
| } |
| |
| |
| } |
| |
| @media screen and (max-width: 480px) { |
| |
| #footer { |
| padding: 3em 1.5em 1em 1.5em ; |
| } |
| |
| #main, span, p, a, i, small { |
| font-size: 10pt; |
| } |
| |
| } |
| |
| @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%; |
| } |
| |
| } |