diff --git a/app/assets/stylesheets/main.css.erb b/app/assets/stylesheets/main.css.erb index c3c0762..ca71ff7 100644 --- a/app/assets/stylesheets/main.css.erb +++ b/app/assets/stylesheets/main.css.erb @@ -1,9 +1,9 @@ @import url("https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200"); /* - Halcyonic by HTML5 UP - html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) + 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, @@ -17,2008 +17,2019 @@ 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;} + 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;} + display: block;} body { - line-height: 1; + line-height: 1; } ol, ul { - list-style: none; + list-style: none; } blockquote, q { - quotes: none; + quotes: none; } - blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; - } + blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; + } table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } body { - -webkit-text-size-adjust: none; + -webkit-text-size-adjust: none; } mark { - background-color: transparent; - color: inherit; + background-color: transparent; + color: inherit; } input::-moz-focus-inner { - border: 0; - padding: 0; + border: 0; + padding: 0; } input, select, textarea { - -moz-appearance: none; - -webkit-appearance: none; - -ms-appearance: none; - appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; } /* Basic */ - html { - box-sizing: border-box; - } + html { + box-sizing: border-box; + } - *, *:before, *:after { - box-sizing: inherit; - } + *, *:before, *:after { + box-sizing: inherit; + } - body { - background: #D4D9DD url("<%= asset_path('bg03.jpg') %>"); - color: #474f51; - font-size: 13.5pt; - font-family: 'Yanone Kaffeesatz'; - line-height: 1.85em; - font-weight: 300; - } + body { + background: #D4D9DD url("<%= asset_path('bg03.jpg') %>"); + color: #474f51; + font-size: 13.5pt; + font-family: 'Yanone Kaffeesatz'; + line-height: 1.85em; + font-weight: 300; + } - input, textarea, select { - color: #474f51; - font-size: 13.5pt; - font-family: 'Yanone Kaffeesatz'; - line-height: 1.85em; - font-weight: 300; - } + input, textarea, select { + color: #474f51; + font-size: 13.5pt; + font-family: 'Yanone Kaffeesatz'; + line-height: 1.85em; + font-weight: 300; + } - ul, ol, p, dl { - margin: 0 0 2em 0; - } + ul, ol, p, dl { + margin: 0 0 2em 0; + } - a { - text-decoration: underline; - } + a { + text-decoration: underline; + } - a:hover { - text-decoration: none; - } + a:hover { + text-decoration: none; + } - section > :last-child, - section:last-child, - .last-child { - margin-bottom: 0 !important; - } + section > :last-child, + section:last-child, + .last-child { + margin-bottom: 0 !important; + } /* Container */ - .container { - margin: 0 auto; - max-width: 100%; - width: 1200px; - } + .container { + margin: 0 auto; + max-width: 100%; + width: 1200px; + } - @media screen and (max-width: 1680px) { + @media screen and (max-width: 1680px) { - .container { - width: 1200px; - } + .container { + width: 1200px; + } - } + } - @media screen and (max-width: 1280px) { + @media screen and (max-width: 1280px) { - .container { - width: calc(100% - 40px); - } + .container { + width: calc(100% - 40px); + } - } + } - @media screen and (max-width: 980px) { + @media screen and (max-width: 980px) { - .container { - width: calc(100% - 50px); - } + .container { + width: calc(100% - 50px); + } - } + } - @media screen and (max-width: 736px) { + @media screen and (max-width: 736px) { - .container { - width: calc(100% - 40px); - } + .container { + width: calc(100% - 40px); + } - } + } /* Row */ - .row { - display: flex; - flex-wrap: wrap; - box-sizing: border-box; - align-items: stretch; - } + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } - .row > * { - box-sizing: border-box; - } + .row > * { + box-sizing: border-box; + } - .row.gtr-uniform > * > :last-child { - margin-bottom: 0; - } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } - .row.aln-left { - justify-content: flex-start; - } + .row.aln-left { + justify-content: flex-start; + } - .row.aln-center { - justify-content: center; - } + .row.aln-center { + justify-content: center; + } - .row.aln-right { - justify-content: flex-end; - } + .row.aln-right { + justify-content: flex-end; + } - .row.aln-top { - align-items: flex-start; - } + .row.aln-top { + align-items: flex-start; + } - .row.aln-middle { - align-items: center; - } + .row.aln-middle { + align-items: center; + } - .row.aln-bottom { - align-items: flex-end; - } + .row.aln-bottom { + align-items: flex-end; + } - .row > .imp { - order: -1; - } - - .row > .col-1 { - width: 8.3333333333%; - } - - .row > .off-1 { - margin-left: 8.3333333333%; - } - - .row > .col-2 { - width: 16.6666666667%; - } - - .row > .off-2 { - margin-left: 16.6666666667%; - } - - .row > .col-3 { - width: 25%; - } - - .row > .off-3 { - margin-left: 25%; - } - - .row > .col-4 { - width: 33.3333333333%; - } - - .row > .off-4 { - margin-left: 33.3333333333%; - } - - .row > .col-5 { - width: 41.6666666667%; - } - - .row > .off-5 { - margin-left: 41.6666666667%; - } - - .row > .col-6 { - width: 50%; - } - - .row > .off-6 { - margin-left: 50%; - } - - .row > .col-7 { - width: 58.3333333333%; - } - - .row > .off-7 { - margin-left: 58.3333333333%; - } - - .row > .col-8 { - width: 66.6666666667%; - } - - .row > .off-8 { - margin-left: 66.6666666667%; - } + .row > .imp { + order: -1; + } + + .row > .col-1 { + width: 8.3333333333%; + } + + .row > .off-1 { + margin-left: 8.3333333333%; + } + + .row > .col-2 { + width: 16.6666666667%; + } + + .row > .off-2 { + margin-left: 16.6666666667%; + } + + .row > .col-3 { + width: 25%; + } + + .row > .off-3 { + margin-left: 25%; + } + + .row > .col-4 { + width: 33.3333333333%; + } + + .row > .off-4 { + margin-left: 33.3333333333%; + } + + .row > .col-5 { + width: 41.6666666667%; + } + + .row > .off-5 { + margin-left: 41.6666666667%; + } + + .row > .col-6 { + width: 50%; + } + + .row > .off-6 { + margin-left: 50%; + } + + .row > .col-7 { + width: 58.3333333333%; + } + + .row > .off-7 { + margin-left: 58.3333333333%; + } + + .row > .col-8 { + width: 66.6666666667%; + } + + .row > .off-8 { + margin-left: 66.6666666667%; + } - .row > .col-9 { - width: 75%; - } - - .row > .off-9 { - margin-left: 75%; - } - - .row > .col-10 { - width: 83.3333333333%; - } - - .row > .off-10 { - margin-left: 83.3333333333%; - } - - .row > .col-11 { - width: 91.6666666667%; - } - - .row > .off-11 { - margin-left: 91.6666666667%; - } - - .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 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: 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 > .col-9 { + width: 75%; + } + + .row > .off-9 { + margin-left: 75%; + } + + .row > .col-10 { + width: 83.3333333333%; + } + + .row > .off-10 { + margin-left: 83.3333333333%; + } + + .row > .col-11 { + width: 91.6666666667%; + } + + .row > .off-11 { + margin-left: 91.6666666667%; + } + + .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 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: 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.aln-bottom { + align-items: flex-end; + } - .row > .imp-xlarge { - order: -1; - } - - .row > .col-1-xlarge { - width: 8.3333333333%; - } - - .row > .off-1-xlarge { - margin-left: 8.3333333333%; - } - - .row > .col-2-xlarge { - width: 16.6666666667%; - } - - .row > .off-2-xlarge { - margin-left: 16.6666666667%; - } - - .row > .col-3-xlarge { - width: 25%; - } - - .row > .off-3-xlarge { - margin-left: 25%; - } - - .row > .col-4-xlarge { - width: 33.3333333333%; - } - - .row > .off-4-xlarge { - margin-left: 33.3333333333%; - } - - .row > .col-5-xlarge { - width: 41.6666666667%; - } - - .row > .off-5-xlarge { - margin-left: 41.6666666667%; - } - - .row > .col-6-xlarge { - width: 50%; - } - - .row > .off-6-xlarge { - margin-left: 50%; - } - - .row > .col-7-xlarge { - width: 58.3333333333%; - } - - .row > .off-7-xlarge { - margin-left: 58.3333333333%; - } - - .row > .col-8-xlarge { - width: 66.6666666667%; - } - - .row > .off-8-xlarge { - margin-left: 66.6666666667%; - } + .row > .imp-xlarge { + order: -1; + } + + .row > .col-1-xlarge { + width: 8.3333333333%; + } + + .row > .off-1-xlarge { + margin-left: 8.3333333333%; + } + + .row > .col-2-xlarge { + width: 16.6666666667%; + } + + .row > .off-2-xlarge { + margin-left: 16.6666666667%; + } + + .row > .col-3-xlarge { + width: 25%; + } + + .row > .off-3-xlarge { + margin-left: 25%; + } + + .row > .col-4-xlarge { + width: 33.3333333333%; + } + + .row > .off-4-xlarge { + margin-left: 33.3333333333%; + } + + .row > .col-5-xlarge { + width: 41.6666666667%; + } + + .row > .off-5-xlarge { + margin-left: 41.6666666667%; + } + + .row > .col-6-xlarge { + width: 50%; + } + + .row > .off-6-xlarge { + margin-left: 50%; + } + + .row > .col-7-xlarge { + width: 58.3333333333%; + } + + .row > .off-7-xlarge { + margin-left: 58.3333333333%; + } + + .row > .col-8-xlarge { + width: 66.6666666667%; + } + + .row > .off-8-xlarge { + margin-left: 66.6666666667%; + } - .row > .col-9-xlarge { - width: 75%; - } - - .row > .off-9-xlarge { - margin-left: 75%; - } - - .row > .col-10-xlarge { - width: 83.3333333333%; - } - - .row > .off-10-xlarge { - margin-left: 83.3333333333%; - } - - .row > .col-11-xlarge { - width: 91.6666666667%; - } - - .row > .off-11-xlarge { - margin-left: 91.6666666667%; - } - - .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 > .col-9-xlarge { + width: 75%; + } + + .row > .off-9-xlarge { + margin-left: 75%; + } + + .row > .col-10-xlarge { + width: 83.3333333333%; + } + + .row > .off-10-xlarge { + margin-left: 83.3333333333%; + } + + .row > .col-11-xlarge { + width: 91.6666666667%; + } + + .row > .off-11-xlarge { + margin-left: 91.6666666667%; + } + + .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 > * { + box-sizing: border-box; + } - .row.gtr-uniform > * > :last-child { - margin-bottom: 0; - } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } - .row.aln-left { - justify-content: flex-start; - } + .row.aln-left { + justify-content: flex-start; + } - .row.aln-center { - justify-content: center; - } + .row.aln-center { + justify-content: center; + } - .row.aln-right { - justify-content: flex-end; - } + .row.aln-right { + justify-content: flex-end; + } - .row.aln-top { - align-items: flex-start; - } + .row.aln-top { + align-items: flex-start; + } - .row.aln-middle { - align-items: center; - } + .row.aln-middle { + align-items: center; + } - .row.aln-bottom { - align-items: flex-end; - } + .row.aln-bottom { + align-items: flex-end; + } - .row > .imp-large { - order: -1; - } - - .row > .col-1-large { - width: 8.3333333333%; - } - - .row > .off-1-large { - margin-left: 8.3333333333%; - } - - .row > .col-2-large { - width: 16.6666666667%; - } - - .row > .off-2-large { - margin-left: 16.6666666667%; - } - - .row > .col-3-large { - width: 25%; - } - - .row > .off-3-large { - margin-left: 25%; - } + .row > .imp-large { + order: -1; + } + + .row > .col-1-large { + width: 8.3333333333%; + } + + .row > .off-1-large { + margin-left: 8.3333333333%; + } + + .row > .col-2-large { + width: 16.6666666667%; + } + + .row > .off-2-large { + margin-left: 16.6666666667%; + } + + .row > .col-3-large { + width: 25%; + } + + .row > .off-3-large { + margin-left: 25%; + } - .row > .col-4-large { - width: 33.3333333333%; - } + .row > .col-4-large { + width: 33.3333333333%; + } - .row > .off-4-large { - margin-left: 33.3333333333%; - } + .row > .off-4-large { + margin-left: 33.3333333333%; + } - .row > .col-5-large { - width: 41.6666666667%; - } + .row > .col-5-large { + width: 41.6666666667%; + } - .row > .off-5-large { - margin-left: 41.6666666667%; - } + .row > .off-5-large { + margin-left: 41.6666666667%; + } - .row > .col-6-large { - width: 50%; - } + .row > .col-6-large { + width: 50%; + } - .row > .off-6-large { - margin-left: 50%; - } + .row > .off-6-large { + margin-left: 50%; + } - .row > .col-7-large { - width: 58.3333333333%; - } + .row > .col-7-large { + width: 58.3333333333%; + } - .row > .off-7-large { - margin-left: 58.3333333333%; - } - - .row > .col-8-large { - width: 66.6666666667%; - } - - .row > .off-8-large { - margin-left: 66.6666666667%; - } + .row > .off-7-large { + margin-left: 58.3333333333%; + } + + .row > .col-8-large { + width: 66.6666666667%; + } + + .row > .off-8-large { + margin-left: 66.6666666667%; + } - .row > .col-9-large { - width: 75%; - } - - .row > .off-9-large { - margin-left: 75%; - } - - .row > .col-10-large { - width: 83.3333333333%; - } - - .row > .off-10-large { - margin-left: 83.3333333333%; - } - - .row > .col-11-large { - width: 91.6666666667%; - } - - .row > .off-11-large { - margin-left: 91.6666666667%; - } - - .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 > .col-9-large { + width: 75%; + } + + .row > .off-9-large { + margin-left: 75%; + } + + .row > .col-10-large { + width: 83.3333333333%; + } + + .row > .off-10-large { + margin-left: 83.3333333333%; + } + + .row > .col-11-large { + width: 91.6666666667%; + } + + .row > .off-11-large { + margin-left: 91.6666666667%; + } + + .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 > * { + box-sizing: border-box; + } - .row.gtr-uniform > * > :last-child { - margin-bottom: 0; - } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } - .row.aln-left { - justify-content: flex-start; - } + .row.aln-left { + justify-content: flex-start; + } - .row.aln-center { - justify-content: center; - } + .row.aln-center { + justify-content: center; + } - .row.aln-right { - justify-content: flex-end; - } + .row.aln-right { + justify-content: flex-end; + } - .row.aln-top { - align-items: flex-start; - } + .row.aln-top { + align-items: flex-start; + } - .row.aln-middle { - align-items: center; - } + .row.aln-middle { + align-items: center; + } - .row.aln-bottom { - align-items: flex-end; - } + .row.aln-bottom { + align-items: flex-end; + } - .row > .imp-medium { - order: -1; - } - - .row > .col-1-medium { - width: 8.3333333333%; - } - - .row > .off-1-medium { - margin-left: 8.3333333333%; - } - - .row > .col-2-medium { - width: 16.6666666667%; - } - - .row > .off-2-medium { - margin-left: 16.6666666667%; - } - - .row > .col-3-medium { - width: 25%; - } - - .row > .off-3-medium { - margin-left: 25%; - } + .row > .imp-medium { + order: -1; + } + + .row > .col-1-medium { + width: 8.3333333333%; + } + + .row > .off-1-medium { + margin-left: 8.3333333333%; + } + + .row > .col-2-medium { + width: 16.6666666667%; + } + + .row > .off-2-medium { + margin-left: 16.6666666667%; + } + + .row > .col-3-medium { + width: 25%; + } + + .row > .off-3-medium { + margin-left: 25%; + } - .row > .col-4-medium { - width: 33.3333333333%; - } + .row > .col-4-medium { + width: 33.3333333333%; + } - .row > .off-4-medium { - margin-left: 33.3333333333%; - } + .row > .off-4-medium { + margin-left: 33.3333333333%; + } - .row > .col-5-medium { - width: 41.6666666667%; - } + .row > .col-5-medium { + width: 41.6666666667%; + } - .row > .off-5-medium { - margin-left: 41.6666666667%; - } + .row > .off-5-medium { + margin-left: 41.6666666667%; + } - .row > .col-6-medium { - width: 50%; - } + .row > .col-6-medium { + width: 50%; + } - .row > .off-6-medium { - margin-left: 50%; - } + .row > .off-6-medium { + margin-left: 50%; + } - .row > .col-7-medium { - width: 58.3333333333%; - } + .row > .col-7-medium { + width: 58.3333333333%; + } - .row > .off-7-medium { - margin-left: 58.3333333333%; - } - - .row > .col-8-medium { - width: 66.6666666667%; - } - - .row > .off-8-medium { - margin-left: 66.6666666667%; - } + .row > .off-7-medium { + margin-left: 58.3333333333%; + } + + .row > .col-8-medium { + width: 66.6666666667%; + } + + .row > .off-8-medium { + margin-left: 66.6666666667%; + } - .row > .col-9-medium { - width: 75%; - } - - .row > .off-9-medium { - margin-left: 75%; - } - - .row > .col-10-medium { - width: 83.3333333333%; - } - - .row > .off-10-medium { - margin-left: 83.3333333333%; - } - - .row > .col-11-medium { - width: 91.6666666667%; - } - - .row > .off-11-medium { - margin-left: 91.6666666667%; - } - - .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 > .col-9-medium { + width: 75%; + } + + .row > .off-9-medium { + margin-left: 75%; + } + + .row > .col-10-medium { + width: 83.3333333333%; + } + + .row > .off-10-medium { + margin-left: 83.3333333333%; + } + + .row > .col-11-medium { + width: 91.6666666667%; + } + + .row > .off-11-medium { + margin-left: 91.6666666667%; + } + + .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 > * { + box-sizing: border-box; + } - .row.gtr-uniform > * > :last-child { - margin-bottom: 0; - } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } - .row.aln-left { - justify-content: flex-start; - } + .row.aln-left { + justify-content: flex-start; + } - .row.aln-center { - justify-content: center; - } + .row.aln-center { + justify-content: center; + } - .row.aln-right { - justify-content: flex-end; - } + .row.aln-right { + justify-content: flex-end; + } - .row.aln-top { - align-items: flex-start; - } + .row.aln-top { + align-items: flex-start; + } - .row.aln-middle { - align-items: center; - } + .row.aln-middle { + align-items: center; + } - .row.aln-bottom { - align-items: flex-end; - } + .row.aln-bottom { + align-items: flex-end; + } - .row > .imp-small { - order: -1; - } - - .row > .col-1-small { - width: 8.3333333333%; - } - - .row > .off-1-small { - margin-left: 8.3333333333%; - } - - .row > .col-2-small { - width: 16.6666666667%; - } - - .row > .off-2-small { - margin-left: 16.6666666667%; - } - - .row > .col-3-small { - width: 25%; - } - - .row > .off-3-small { - margin-left: 25%; - } + .row > .imp-small { + order: -1; + } + + .row > .col-1-small { + width: 8.3333333333%; + } + + .row > .off-1-small { + margin-left: 8.3333333333%; + } + + .row > .col-2-small { + width: 16.6666666667%; + } + + .row > .off-2-small { + margin-left: 16.6666666667%; + } + + .row > .col-3-small { + width: 25%; + } + + .row > .off-3-small { + margin-left: 25%; + } - .row > .col-4-small { - width: 33.3333333333%; - } + .row > .col-4-small { + width: 33.3333333333%; + } - .row > .off-4-small { - margin-left: 33.3333333333%; - } + .row > .off-4-small { + margin-left: 33.3333333333%; + } - .row > .col-5-small { - width: 41.6666666667%; - } + .row > .col-5-small { + width: 41.6666666667%; + } - .row > .off-5-small { - margin-left: 41.6666666667%; - } + .row > .off-5-small { + margin-left: 41.6666666667%; + } - .row > .col-6-small { - width: 50%; - } + .row > .col-6-small { + width: 50%; + } - .row > .off-6-small { - margin-left: 50%; - } + .row > .off-6-small { + margin-left: 50%; + } - .row > .col-7-small { - width: 58.3333333333%; - } + .row > .col-7-small { + width: 58.3333333333%; + } - .row > .off-7-small { - margin-left: 58.3333333333%; - } - - .row > .col-8-small { - width: 66.6666666667%; - } - - .row > .off-8-small { - margin-left: 66.6666666667%; - } + .row > .off-7-small { + margin-left: 58.3333333333%; + } + + .row > .col-8-small { + width: 66.6666666667%; + } + + .row > .off-8-small { + margin-left: 66.6666666667%; + } - .row > .col-9-small { - width: 75%; - } - - .row > .off-9-small { - margin-left: 75%; - } - - .row > .col-10-small { - width: 83.3333333333%; - } - - .row > .off-10-small { - margin-left: 83.3333333333%; - } - - .row > .col-11-small { - width: 91.6666666667%; - } - - .row > .off-11-small { - margin-left: 91.6666666667%; - } - - .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; - } - - } + .row > .col-9-small { + width: 75%; + } + + .row > .off-9-small { + margin-left: 75%; + } + + .row > .col-10-small { + width: 83.3333333333%; + } + + .row > .off-10-small { + margin-left: 83.3333333333%; + } + + .row > .col-11-small { + width: 91.6666666667%; + } + + .row > .off-11-small { + margin-left: 91.6666666667%; + } + + .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 { + padding: 0.2em 0 0.2em 0; + } - .link-list li:first-child { - padding-top: 0 !important; - border-top: 0 !important; - } + .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; - } + .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 { + padding: 1em 0 1em 0; + overflow: hidden; + } - .quote-list li:first-child { - padding-top: 0 !important; - border-top: 0 !important; - } + .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:last-child { + padding-bottom: 0 !important; + border-bottom: 0 !important; + } - .quote-list li img { - float: left; - } + .quote-list li img { + float: left; + } - .quote-list li p { - margin: 0 0 0 90px; - font-size: 1.2em; - font-style: italic; - } + .quote-list li p { + margin: 0 0 0 90px; + font-size: 1.2em; + font-style: italic; + } - .quote-list li span { - display: block; - margin-left: 90px; - font-size: 0.9em; - font-weight: 400; - } + .quote-list li span { + display: block; + margin-left: 90px; + font-size: 0.9em; + font-weight: 400; + } - .check-list li { - padding: 0.7em 0 0.7em 45px; - font-size: 1.2em; - background: url("<%= asset_path('icon-checkmark.png') %>") 0px 1.05em no-repeat; - } + .check-list li { + padding: 0.7em 0 0.7em 45px; + font-size: 1.2em; + background: url("<%= asset_path('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: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; - } + .check-list li:last-child { + padding-bottom: 0 !important; + border-bottom: 0 !important; + } - .feature-image { - display: block; - margin: 0 0 2em 0; - outline: 0; - } + .feature-image { + display: block; + margin: 0 0 2em 0; + outline: 0; + } - .feature-image img { - display: block; - width: 100%; - } + .feature-image img { + display: block; + width: 100%; + } - .bordered-feature-image { - display: block; - background: #fff url("<%= asset_path('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 { + display: block; + background: #fff url("<%= asset_path('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%; - } + .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; - box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15); - text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); - } + .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; + box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15); + 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; - box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15); - } + .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; + box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15); + } - .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; - box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15); - } + .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; + box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15); + } /* Header */ - #header { - position: relative; - background: #3B4346 url("<%= asset_path('bg01.jpg') %>"); - border-bottom: solid 1px #272d30; - box-shadow: inset 0px -1px 0px 0px #51575a; - text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75); - } + #header { + position: relative; + background: #3B4346 url("<%= asset_path('bg01.jpg') %>"); + border-bottom: solid 1px #272d30; + 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 > .container { + position: relative; + min-height: 155px; + } - #header h1 { - position: absolute; - left: 0; - bottom: 35px; - font-size: 2.75em; - } + #header h1 { + position: absolute; + left: 0; + bottom: 35px; + font-size: 2.75em; + } - #header h1 a { - color: #fff; - text-decoration: none; - } + #header h1 a { + color: #fff; + text-decoration: none; + } - #header nav { - position: absolute; - right: 0; - bottom: 35px; - font-weight: 200; - } + #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 { + color: #c6c8c8; + text-decoration: none; + font-size: 1.4em; + margin-left: 60px; + outline: 0; + } - #header nav a:hover { - color: #f6f8f8; - } + #header nav a:hover { + color: #f6f8f8; + } - .subpage #header > .container { - height: 155px; - } + .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 { + 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 .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; - } + #banner p { + font-size: 2em; + font-weight: 200; + line-height: 1.25em; + padding-right: 1em; + margin: 0 0 1em 0; + } /* Features */ - #features { - background: #353D40 url("<%= asset_path('bg02.jpg') %>"); - border-bottom: solid 1px #272e31; - padding: 45px 0 45px 0; - text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75); - color: #a0a8ab; - } + #features { + background: #353D40 url("<%= asset_path('bg02.jpg') %>"); + border-bottom: solid 1px #272e31; + padding: 45px 0 45px 0; + text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75); + color: #a0a8ab; + } - #features h2 { - font-size: 1.25em; - color: #fff; - margin: 0 0 0.25em 0; - } + #features h2 { + font-size: 1.25em; + color: #fff; + margin: 0 0 0.25em 0; + } - #features a { - color: #e0e8eb; - } + #features a { + color: #e0e8eb; + } - #features strong { - color: #fff; - } + #features strong { + color: #fff; + } /* Content */ - #content { - background: #f7f7f7 url("<%= asset_path('bg04.png') %>"); - border-top: solid 1px #fff; - padding: 45px 0 45px 0; - } + #content { + background: #f7f7f7 url("<%= asset_path('bg04.png') %>"); + border-top: solid 1px #fff; + padding: 45px 0 45px 0; + } - #content section { - background: #fff; - padding: 40px 30px 45px 30px; - box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1); - margin: 0 0 25px 0; - } + #content section { + background: #fff; + 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: #373f42; - margin: 0 0 0.25em 0; - } + #content h2 { + font-size: 1.8em; + color: #373f42; + margin: 0 0 0.25em 0; + } - #content h3 { - color: #96a9b5; - font-size: 1.25em; - } + #content h3 { + color: #96a9b5; + font-size: 1.25em; + } - #content a { - color: #ED391B; - } + #content a { + color: #ED391B; + } - #content header { - margin: 0 0 2em 0; - } + #content header { + margin: 0 0 2em 0; + } - #content .quote-list li { - border-bottom: solid 1px #e2e6e8; - } + #content .quote-list li { + border-bottom: solid 1px #e2e6e8; + } - #content .link-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; - } + #content .check-list li { + border-bottom: solid 1px #e2e6e8; + } /* Footer */ - #footer { - padding: 45px 0 45px 0; - text-shadow: 1px 1px 1px white; - color: #546b76; - text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); - } + #footer { + padding: 45px 0 45px 0; + text-shadow: 1px 1px 1px white; + color: #546b76; + text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); + } - #footer h2 { - font-size: 1.25em; - color: #212f35; - margin: 0 0 1em 0; - } + #footer h2 { + font-size: 1.25em; + color: #212f35; + margin: 0 0 1em 0; + } - #footer a { - color: #546b76; - } + #footer a { + color: #546b76; + } - #footer .quote-list li { - border-top: solid 1px #e0e4e6; - border-bottom: solid 1px #b5bec3; - } + #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 .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; - } + #footer .check-list li { + border-top: solid 1px #e0e4e6; + border-bottom: solid 1px #b5bec3; + } /* Copyright */ - #copyright { - border-top: solid 1px #b5bec3; - box-shadow: inset 0px 1px 0px 0px #e0e4e7; - text-align: center; - padding: 45px 0 80px 0; - color: #8d9ca3; - text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); - } + #copyright { + border-top: solid 1px #b5bec3; + box-shadow: inset 0px 1px 0px 0px #e0e4e7; + text-align: center; + padding: 45px 0 80px 0; + color: #8d9ca3; + text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); + } - #copyright a { - color: #8d9ca3; - } + #copyright a { + color: #8d9ca3; + } /* Large */ - @media screen and (max-width: 1280px) { + @media screen and (max-width: 1280px) { - /* Multi-use */ + /* Multi-use */ - .check-list li { - font-size: 1em; - line-height: 2em; - } + .check-list li { + font-size: 1em; + line-height: 2em; + } - .quote-list li { - padding: 1em 0 1em 0; - } + .quote-list li { + padding: 1em 0 1em 0; + } - .quote-list li img { - width: 60px; - } + .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 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; - } + .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; - } + .feature-image { + margin: 0 0 1em 0; + } - .button-large { - font-size: 1.5em; - } + .button-large { + font-size: 1.5em; + } - /* Banner */ + /* Banner */ - #banner p { - font-size: 1.75em; - } + #banner p { + font-size: 1.75em; + } - /* Header */ + /* Header */ - #header h1 { - font-size: 2.25em; - } + #header h1 { + font-size: 2.25em; + } - #header nav a { - font-size: 1.1em; - } + #header nav a { + font-size: 1.1em; + } - /* Content */ + /* Content */ - #content h2 { - font-size: 1.4em; - } + #content h2 { + font-size: 1.4em; + } - #content h3 { - font-size: 1.1em; - } + #content h3 { + font-size: 1.1em; + } - #content header { - margin: 0 0 1.25em 0; - } + #content header { + margin: 0 0 1.25em 0; + } - } + } /* Medium */ - #navPanel, #titleBar { - display: none; - } + #navPanel, #titleBar { + display: none; + } - @media screen and (max-width: 980px) { + @media screen and (max-width: 980px) { - /* Basic */ + /* Basic */ - html, body { - overflow-x: hidden; - } + html, body { + overflow-x: hidden; + } - /* Header */ + /* Header */ - #header { - text-align: center; - } + #header { + text-align: center; + } - #header > .container:first-child { - display: none; - } + #header > .container:first-child { + display: none; + } - /* Content */ + /* Content */ - #content { - padding: 25px 0; - } + #content { + padding: 25px 0; + } - /* Nav */ + /* 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; - } + #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: url("<%= asset_path('bg04.jpg') %>"); - 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 { + -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: url("<%= asset_path('bg04.jpg') %>"); + 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 .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 { + 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: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("<%= asset_path('mobileUI-site-nav-opener-bg.svg') %>"); - top: 15px; - left: 20px; - z-index: 1; - opacity: 0.25; - } + #titleBar .toggle:before { + content: ''; + position: absolute; + width: 20px; + height: 30px; + background: url("<%= asset_path('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); - } + #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: url("<%= asset_path('bg04.jpg') %>"); - 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 { + -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: url("<%= asset_path('bg04.jpg') %>"); + 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 { + 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:first-child { + border-top: 0; + } - #navPanel .link:last-child { - border-bottom: 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 #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 #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); - } + 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) { + @media screen and (max-width: 736px) { - /* Basic */ + /* Basic */ - body, input, textarea, select { - font-size: 13pt; - line-height: 1.4em; - } + body, input, textarea, select { + font-size: 13pt; + line-height: 1.4em; + } - /* Multi-use */ + /* Multi-use */ - .link-list li { - padding: 0.75em 0 0.75em 0; - } + .link-list li { + padding: 0.75em 0 0.75em 0; + } - .quote-list li p { - margin-bottom: 0.5em; - } + .quote-list li p { + margin-bottom: 0.5em; + } - .check-list li { - font-size: 1em; - } + .check-list li { + font-size: 1em; + } - .button-large { - width: 100%; - } + .button-large { + width: 100%; + } - /* Banner */ + /* Banner */ - #banner p { - font-size: 1.25em; - font-weight: 200; - line-height: 1.25em; - margin: 0 0 1em 0; - } + #banner p { + font-size: 1.25em; + font-weight: 200; + line-height: 1.25em; + margin: 0 0 1em 0; + } - /* Content */ + /* Content */ - #content section { - padding: 30px 20px; - } + #content section { + padding: 30px 20px; + } - #content h2 { - font-size: 1.25em; - } + #content h2 { + font-size: 1.25em; + } - #content h3 { - font-size: 1em; - } + #content h3 { + font-size: 1em; + } - #content header { - margin: 0 0 1.25em 0; - } + #content header { + margin: 0 0 1.25em 0; + } - /* Footer */ + /* Footer */ - #footer .link-list { - margin: 0 0 10px 0 !important; - } + #footer .link-list { + margin: 0 0 10px 0 !important; + } - /* Copyright */ + /* Copyright */ - #copyright { - padding: 20px 30px; - } + #copyright { + padding: 20px 30px; + } + } - } +.gradient { + min-height: 500px; + background: rgba(102,255,51,1); + background: -moz-linear-gradient(top, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%); + background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,255,51,1)), color-stop(100%, rgba(147,255,255,1))); + background: -webkit-linear-gradient(top, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%); + background: -o-linear-gradient(top, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%); + background: -ms-linear-gradient(top, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%); + background: linear-gradient(to bottom, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ff33', endColorstr='#93ffff', GradientType=0 ); +} diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 1a2043e..38fd2e4 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -35,88 +35,6 @@ <%= yield %> -