/* Halcyonic 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; } strong { font-weight: bold; } pre { font-family: monospace; display: inline; } /* Basic */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background: #4C4F52 url("images/bg03.jpg"); color: #D7D4CA; font-size: 13.5pt; font-family: 'Arial'; line-height: 1.85em; font-weight: 300; } input, textarea, select { color: #474f51; font-size: 13.5pt; font-family: 'Arial'; line-height: 1.85em; font-weight: 300; } ul, ol, p, dl { margin: 0 0 2em 0; } a { text-decoration: underline; } a:hover { text-decoration: none; } .hidden { text-decoration: none; color: #fff; } .hidden-blog { text-decoration: none; color: #D7D4CA !important; } section > :last-child, section:last-child, .last-child { margin-bottom: 0 !important; } p.hide-a { color: #D7D4CA; } /* Container */ .container { margin: 0 auto; max-width: 100%; width: 1200px; } @media screen and (max-width: 1680px) { .container { width: 1200px; } } @media screen and (max-width: 1280px) { .container { width: calc(100% - 40px); } } @media screen and (max-width: 980px) { .container { width: calc(100% - 50px); } } @media screen and (max-width: 736px) { .container { width: calc(100% - 40px); } } /* 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: 0px; margin-left: 0px; } .row.gtr-0 > * { padding: 0px 0 0 0px; } .row.gtr-0.gtr-uniform { margin-top: 0px; } .row.gtr-0.gtr-uniform > * { padding-top: 0px; } .row.gtr-25 { margin-top: -6.25px; margin-left: -6.25px; } .row.gtr-25 > * { padding: 6.25px 0 0 6.25px; } .row.gtr-25.gtr-uniform { margin-top: -6.25px; } .row.gtr-25.gtr-uniform > * { padding-top: 6.25px; } .row.gtr-50 { margin-top: -12.5px; margin-left: -12.5px; } .row.gtr-50 > * { padding: 12.5px 0 0 12.5px; } .row.gtr-50.gtr-uniform { margin-top: -12.5px; } .row.gtr-50.gtr-uniform > * { padding-top: 12.5px; } .row { margin-top: -25px; margin-left: -25px; } .row > * { padding: 25px 0 0 45px; } .row.gtr-uniform { margin-top: -25px; } .row.gtr-uniform > * { padding-top: 25px; } .row.gtr-150 { margin-top: -37.5px; margin-left: -37.5px; } .row.gtr-150 > * { padding: 37.5px 0 0 37.5px; } .row.gtr-150.gtr-uniform { margin-top: -37.5px; } .row.gtr-150.gtr-uniform > * { padding-top: 37.5px; } .row.gtr-200 { margin-top: -50px; margin-left: -50px; } .row.gtr-200 > * { padding: 50px 0 0 50px; } .row.gtr-200.gtr-uniform { margin-top: -50px; } .row.gtr-200.gtr-uniform > * { padding-top: 50px; } @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: 0px; margin-left: 0px; } .row.gtr-0 > * { padding: 0px 0 0 0px; } .row.gtr-0.gtr-uniform { margin-top: 0px; } .row.gtr-0.gtr-uniform > * { padding-top: 0px; } .row.gtr-25 { margin-top: -6.25px; margin-left: -6.25px; } .row.gtr-25 > * { padding: 6.25px 0 0 6.25px; } .row.gtr-25.gtr-uniform { margin-top: -6.25px; } .row.gtr-25.gtr-uniform > * { padding-top: 6.25px; } .row.gtr-50 { margin-top: -12.5px; margin-left: -12.5px; } .row.gtr-50 > * { padding: 12.5px 0 0 12.5px; } .row.gtr-50.gtr-uniform { margin-top: -12.5px; } .row.gtr-50.gtr-uniform > * { padding-top: 12.5px; } .row { margin-top: -25px; margin-left: -25px; } .row > * { padding: 25px 0 0 25px; } .row.gtr-uniform { margin-top: -25px; } .row.gtr-uniform > * { padding-top: 25px; } .row.gtr-150 { margin-top: -37.5px; margin-left: -37.5px; } .row.gtr-150 > * { padding: 37.5px 0 0 37.5px; } .row.gtr-150.gtr-uniform { margin-top: -37.5px; } .row.gtr-150.gtr-uniform > * { padding-top: 37.5px; } .row.gtr-200 { margin-top: -50px; margin-left: -50px; } .row.gtr-200 > * { padding: 50px 0 0 50px; } .row.gtr-200.gtr-uniform { margin-top: -50px; } .row.gtr-200.gtr-uniform > * { padding-top: 50px; } } @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: 0px; margin-left: 0px; } .row.gtr-0 > * { padding: 0px 0 0 0px; } .row.gtr-0.gtr-uniform { margin-top: 0px; } .row.gtr-0.gtr-uniform > * { padding-top: 0px; } .row.gtr-25 { margin-top: -5px; margin-left: -5px; } .row.gtr-25 > * { padding: 5px 0 0 5px; } .row.gtr-25.gtr-uniform { margin-top: -5px; } .row.gtr-25.gtr-uniform > * { padding-top: 5px; } .row.gtr-50 { margin-top: -10px; margin-left: -10px; } .row.gtr-50 > * { padding: 10px 0 0 10px; } .row.gtr-50.gtr-uniform { margin-top: -10px; } .row.gtr-50.gtr-uniform > * { padding-top: 10px; } .row { margin-top: -20px; margin-left: -20px; } .row > * { padding: 20px 0 0 20px; } .row.gtr-uniform { margin-top: -20px; } .row.gtr-uniform > * { padding-top: 20px; } .row.gtr-150 { margin-top: -30px; margin-left: -30px; } .row.gtr-150 > * { padding: 30px 0 0 30px; } .row.gtr-150.gtr-uniform { margin-top: -30px; } .row.gtr-150.gtr-uniform > * { padding-top: 30px; } .row.gtr-200 { margin-top: -40px; margin-left: -40px; } .row.gtr-200 > * { padding: 40px 0 0 40px; } .row.gtr-200.gtr-uniform { margin-top: -40px; } .row.gtr-200.gtr-uniform > * { padding-top: 40px; } } @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: 0px; margin-left: 0px; } .row.gtr-0 > * { padding: 0px 0 0 0px; } .row.gtr-0.gtr-uniform { margin-top: 0px; } .row.gtr-0.gtr-uniform > * { padding-top: 0px; } .row.gtr-25 { margin-top: -6.25px; margin-left: -6.25px; } .row.gtr-25 > * { padding: 6.25px 0 0 6.25px; } .row.gtr-25.gtr-uniform { margin-top: -6.25px; } .row.gtr-25.gtr-uniform > * { padding-top: 6.25px; } .row.gtr-50 { margin-top: -12.5px; margin-left: -12.5px; } .row.gtr-50 > * { padding: 12.5px 0 0 12.5px; } .row.gtr-50.gtr-uniform { margin-top: -12.5px; } .row.gtr-50.gtr-uniform > * { padding-top: 12.5px; } .row { margin-top: -25px; margin-left: -25px; } .row > * { padding: 25px 0 0 25px; } .row.gtr-uniform { margin-top: -25px; } .row.gtr-uniform > * { padding-top: 25px; } .row.gtr-150 { margin-top: -37.5px; margin-left: -37.5px; } .row.gtr-150 > * { padding: 37.5px 0 0 37.5px; } .row.gtr-150.gtr-uniform { margin-top: -37.5px; } .row.gtr-150.gtr-uniform > * { padding-top: 37.5px; } .row.gtr-200 { margin-top: -50px; margin-left: -50px; } .row.gtr-200 > * { padding: 50px 0 0 50px; } .row.gtr-200.gtr-uniform { margin-top: -50px; } .row.gtr-200.gtr-uniform > * { padding-top: 50px; } } @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: 0px; margin-left: 0px; } .row.gtr-0 > * { padding: 0px 0 0 0px; } .row.gtr-0.gtr-uniform { margin-top: 0px; } .row.gtr-0.gtr-uniform > * { padding-top: 0px; } .row.gtr-25 { margin-top: -5px; margin-left: -5px; } .row.gtr-25 > * { padding: 5px 0 0 5px; } .row.gtr-25.gtr-uniform { margin-top: -5px; } .row.gtr-25.gtr-uniform > * { padding-top: 5px; } .row.gtr-50 { margin-top: -10px; margin-left: -10px; } .row.gtr-50 > * { padding: 10px 0 0 10px; } .row.gtr-50.gtr-uniform { margin-top: -10px; } .row.gtr-50.gtr-uniform > * { padding-top: 10px; } .row { margin-top: -20px; margin-left: -20px; } .row > * { padding: 20px 0 0 20px; } .row.gtr-uniform { margin-top: -20px; } .row.gtr-uniform > * { padding-top: 20px; } .row.gtr-150 { margin-top: -30px; margin-left: -30px; } .row.gtr-150 > * { padding: 30px 0 0 30px; } .row.gtr-150.gtr-uniform { margin-top: -30px; } .row.gtr-150.gtr-uniform > * { padding-top: 30px; } .row.gtr-200 { margin-top: -40px; margin-left: -40px; } .row.gtr-200 > * { padding: 40px 0 0 40px; } .row.gtr-200.gtr-uniform { margin-top: -40px; } .row.gtr-200.gtr-uniform > * { padding-top: 40px; } } /* Multi-use */ .link-list li { padding: 0.2em 0 0.2em 0; } .link-list li:first-child { padding-top: 0 !important; border-top: 0 !important; } .link-list li:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } .quote-list li { padding: 1em 0 1em 0; overflow: hidden; } .quote-list li:first-child { padding-top: 0 !important; border-top: 0 !important; } .quote-list li:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } .quote-list li img { float: left; } .quote-list li p { margin: 0 0 0 90px; font-style: italic; } .quote-list li span { display: block; margin-left: 90px; font-size: 0.9em; font-weight: 400; } .check-list li { padding: 0.35em 0 0.35em 45px; background: url("images/icon-checkmark.png") 0px 1.05em no-repeat; } .check-list li:first-child { padding-top: 0 !important; border-top: 0 !important; background-position: 0 0.3em; } .check-list li:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } .standard-list li { padding: 0.3em 0 0.3em 20px; font-style: italic; list-style: disc; list-style-position: inside; } @media screen and (max-width: 980px) { .standard-list li { padding: 0.3em 0 0.3em 15px; } } @media screen and (max-width: 736px) { .standard-list li { padding: 0.3em 0 0.3em 25px; } } .feature-image { display: block; margin: 0 0 2em 0; outline: 0; } .feature-image img { display: block; width: 100%; } .bordered-feature-image { display: block; background: #fff url("images/bg04.png"); padding: 10px; box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15); margin: 0 0 1.5em 0; outline: 0; } .bordered-feature-image img { display: block; width: 100%; } .button-large { background-image: -moz-linear-gradient(top, #ed391b, #ce1a00); background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00); background-image: -ms-linear-gradient(top, #ed391b, #ce1a00); background-image: linear-gradient(top, #ed391b, #ce1a00); display: inline-block; background-color: #ed391b; color: #fff; text-decoration: none; font-size: 1.75em; height: 2em; line-height: 2.125em; font-weight: 300; padding: 0 45px; outline: 0; border-radius: 10px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); } .button-large:hover { background-image: -moz-linear-gradient(top, #fd492b, #de2a10); background-image: -webkit-linear-gradient(top, #fd492b, #de2a10); background-image: -ms-linear-gradient(top, #fd492b, #de2a10); background-image: linear-gradient(top, #fd492b, #de2a10); background-color: #fd492b; } .button-large:active { background-image: -moz-linear-gradient(top, #ce1a00, #ed391b); background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b); background-image: -ms-linear-gradient(top, #ce1a00, #ed391b); background-image: linear-gradient(top, #ce1a00, #ed391b); background-color: #ce1a00; } /* Header */ #header { position: relative; background: #373C40; box-shadow: inset 0px -1px 0px 0px #51575a; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75); } #header > .container { position: relative; min-height: 155px; } #header h1 { position: absolute; left: 0; bottom: 35px; font-size: 2.75em; } #header h1 a { color: #fff; text-decoration: none; } #header nav { position: absolute; right: 0; bottom: 35px; font-weight: 200; } #header nav a { color: #c6c8c8; text-decoration: none; font-size: 1.4em; margin-left: 60px; outline: 0; } #header nav a:hover { color: #f6f8f8; } .subpage #header > .container { height: 155px; } /* Banner */ #banner { border-top: solid 1px #222628; box-shadow: inset 0px 1px 0px 0px #3e484a; padding: 35px 0 35px 0; color: #fff; } #banner .bordered-feature-image { margin-bottom: 0; } #banner p { font-size: 2em; font-weight: 200; line-height: 1.25em; padding-right: 1em; margin: 0 0 1em 0; } /* Features */ #features { background: #4C4F52; border-bottom: solid 1px #272e31; padding: 45px 0 45px 0; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75); color: #FCFBF8; } #features h2 { font-size: 1.25em; color: #fff; margin: 0 0 0.85em 0; } #features a { color: #e0e8eb; } #features strong { color: #fff; } /* Content */ #content { background: #22272C; padding: 45px 0 45px 0; } #content section { background: #36454F; padding: 40px 30px 45px 30px; box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1); margin: 0 0 25px 0; } #content h2 { font-size: 1.8em; color: #acb4b7; margin: 0 0 0.25em 0; } #content h3 { color: #708090; font-size: 1.25em; } #content h4 { color: #708090; } #content a { color: #f9715c; } #content header { margin: 0 0 2em 0; } #content .quote-list li { border-bottom: solid 1px #e2e6e8; } #content .link-list li { border-bottom: solid 1px #e2e6e8; } #content .check-list li { border-bottom: solid 1px #e2e6e8; } /* Footer */ #footer { padding: 45px 0 45px 0; color: #ad0a0a; text-align: center; background: #929ba1; } #footer h2 { font-size: 1.25em; color: #212f35; margin: 0 0 1em 0; } #footer a { color: #ad0a0a; } #footer .quote-list li { border-top: solid 1px #e0e4e6; border-bottom: solid 1px #b5bec3; } #footer .link-list li { border-top: solid 1px #e0e4e6; border-bottom: solid 1px #b5bec3; } #footer .check-list li { border-top: solid 1px #e0e4e6; border-bottom: solid 1px #b5bec3; } /* Copyright */ #copyright { border-top: solid 1px #616771; text-align: center; padding: 45px 0 80px 0; color: #ad0a0a; font-size: smaller; background: #929ba1; } #copyright a { color: #ad0a0a; } /* Large */ @media screen and (max-width: 1280px) { /* Multi-use */ .check-list li { font-size: 1em; line-height: 2em; } .quote-list li { padding: 1em 0 1em 0; } .quote-list li img { width: 60px; } .quote-list li p { margin: 0 0 0 80px; font-size: 1em; font-style: italic; line-height: 1.8em; } .quote-list li span { display: block; margin-left: 80px; font-size: 0.8em; font-weight: 400; line-height: 1.8em; } .feature-image { margin: 0 0 1em 0; } .button-large { font-size: 1.5em; } /* Banner */ #banner p { font-size: 1.75em; } /* Header */ #header h1 { font-size: 2.25em; } #header nav a { font-size: 1.1em; } /* Content */ #content h2 { font-size: 1.4em; } #content h3 { font-size: 1.1em; } #content header { margin: 0 0 1.25em 0; } } /* Medium */ #navPanel, #titleBar { display: none; } @media screen and (max-width: 980px) { /* Basic */ html, body { overflow-x: hidden; } /* Header */ #header { text-align: center; } #header > .container:first-child { display: none; } /* Content */ #content { padding: 25px 0; } /* Nav */ #page-wrapper { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; padding-bottom: 1px; padding-top: 44px; } #titleBar { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; height: 44px; left: 0; position: fixed; top: 0; width: 100%; z-index: 10001; color: #fff; background: #373C40; box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75); } #titleBar .title { display: block; text-align: center; font-size: 1.2em; font-weight: 400; line-height: 48px; } #titleBar .toggle { position: absolute; left: 0; top: 0; width: 80px; height: 60px; } #titleBar .toggle:after { content: ''; display: block; position: absolute; top: 6px; left: 6px; color: #fff; background: rgba(255, 255, 255, 0.025); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25); text-shadow: -1px -1px 1px black; width: 49px; height: 31px; border-radius: 8px; } #titleBar .toggle:before { content: ''; position: absolute; width: 20px; height: 30px; background: url("images/mobileUI-site-nav-opener-bg.svg"); top: 15px; left: 20px; z-index: 1; opacity: 0.25; } #titleBar .toggle:active:after { background: rgba(255, 255, 255, 0.05); } #navPanel { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); transform: translateX(-275px); -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; height: 100%; left: 0; overflow-y: auto; position: fixed; top: 0; width: 275px; z-index: 10002; background: #373C40; box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5); text-shadow: -1px -1px 1px black; } #navPanel .link { display: block; color: #fff; text-decoration: none; font-size: 1.25em; line-height: 2em; padding: 0.625em 1.5em 0.325em 1.5em; border-top: solid 1px #373d40; border-bottom: solid 1px rgba(0, 0, 0, 0.4); } #navPanel .link:first-child { border-top: 0; } #navPanel .link:last-child { border-bottom: 0; } body.navPanel-visible #page-wrapper { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); } body.navPanel-visible #titleBar { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); } body.navPanel-visible #navPanel { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /* Small */ @media screen and (max-width: 736px) { /* Basic */ body, input, textarea, select { font-size: 13pt; line-height: 1.4em; } /* Multi-use */ .link-list li { padding: 0.75em 0 0.75em 0; } .quote-list li p { margin-bottom: 0.5em; } .check-list li { font-size: 1em; } .button-large { width: 100%; } /* Banner */ #banner p { font-size: 1.25em; font-weight: 200; line-height: 1.25em; margin: 0 0 1em 0; } /* Content */ #content section { padding: 30px 20px; } #content h2 { font-size: 1.25em; } #content h3 { font-size: 1em; } #content header { margin: 0 0 1.25em 0; } /* Footer */ #footer .link-list { margin: 0 0 10px 0 !important; } /* Copyright */ #copyright { padding: 20px 30px; } }