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: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    line-height: 1
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}
.clearfix,
.dl-horizontal,
.row,
.columns,
.wrapper,
.footer-nav {
    *zoom: 1
}
.clearfix:before,
.dl-horizontal:before,
.row:before,
.columns:before,
.wrapper:before,
.footer-nav:before,
.clearfix:after,
.dl-horizontal:after,
.row:after,
.columns:after,
.wrapper:after,
.footer-nav:after {
    content: '';
    display: table
}
.clearfix:after,
.dl-horizontal:after,
.row:after,
.columns:after,
.wrapper:after,
.footer-nav:after {
    clear: both
}
.border-box,
.columns,
.columns>.column,
.btn,
button,
input[type="button"],
input[type="submit"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@-webkit-keyframes menuTransition {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0;
        top: 80%
    }
    100% {
        display: none;
        opacity: 1;
        top: 102%
    }
}
@-moz-keyframes menuTransition {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0;
        top: 80%
    }
    100% {
        display: none;
        opacity: 1;
        top: 102%
    }
}
@-ms-keyframes menuTransition {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0;
        top: 80%
    }
    100% {
        display: none;
        opacity: 1;
        top: 102%
    }
}
@keyframes menuTransition {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0;
        top: 80%
    }
    100% {
        display: none;
        opacity: 1;
        top: 102%
    }
}
@-webkit-keyframes bgFadeOut {
    100% {
        background-color: transparent
    }
}
@-moz-keyframes bgFadeOut {
    100% {
        background-color: transparent
    }
}
@-ms-keyframes bgFadeOut {
    100% {
        background-color: transparent
    }
}
@keyframes bgFadeOut {
    100% {
        background-color: transparent
    }
}
::selection,
::-moz-selection {
    background: rgba(246, 139, 31, 0.2);
    color: #333
}
img::selection,
img::-moz-selection {
    background: rgba(246, 139, 31, 0.3)
}
html,
body {
    color: #333;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    -webkit-tap-highlight-color: rgba(246, 139, 31, 0.3);
    -webkit-font-smoothing: antialiased
}
b,
strong {
    font-weight: 700
}
i,
em {
    font-style: italic
}
small {
    font-size: 80%
}
p .ui-item {
    margin: 0 0.4rem;
    vertical-align: baseline
}
ul {
    list-style-type: disc
}
ul.circle {
    list-style-type: circle
}
ul.disc {
    list-style-type: disc
}
ul.square {
    list-style-type: square
}
ol {
    list-style-type: decimal
}
ol.roman {
    list-style-type: lower-roman
}
ol.roman-upper {
    list-style-type: upper-roman
}
ol.alpha {
    list-style-type: lower-alpha
}
ol,
ul {
    list-style-position: outside;
    margin-left: 3em
}
ol.unstyled,
ul.unstyled {
    list-style-type: none;
    margin-left: 0
}
ol.inline,
ol.inline li,
ul.inline,
ul.inline li {
    display: inline;
    margin: 0
}
a {
    color: #2f7bbf;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease
}
a:hover {
    color: #f68b1f
}
a:focus {
    color: #62a1d8;
    outline: none
}
a:active {
    color: #c16508;
    outline: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}
h1 small,
h2 small,
h3 small,
h4 small {
    color: #888;
    font-size: 65%
}
h1,
.h1 {
    font-size: 2.4rem;
    line-height: 1.2
}
h2,
.h2 {
    font-size: 2rem;
    line-height: 1.3
}
h3,
.h3 {
    font-size: 1.66667rem;
    line-height: 1.3
}
h4,
.h4,
.lead {
    font-size: 1.2rem;
    line-height: 1.3
}
h5,
.h5 {
    font-size: 1rem
}
h6,
.h6 {
    font-size: 0.93333rem
}
header .subheadline {
    margin-top: 0
}
.section-head {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem
}
dl {
    margin-bottom: 1.5em
}
dt {
    font-weight: 600
}
dd {
    margin-left: 1.5em
}
.dl-horizontal {
    width: 100%
}
.dl-horizontal dt {
    clear: left;
    float: left;
    text-align: right;
    width: 30%
}
.dl-horizontal dd {
    margin-left: 30%;
    padding-left: 1em
}
.small {
    font-size: 0.8em;
    line-height: 1.3
}
.normal {
    font-size: 1rem;
    font-weight: 400
}
.screen-reader-text,
.assistive-text {
    height: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    white-space: nowrap;
    width: 0
}
blockquote {
    color: #888;
    font-size: 1.13333rem
}
blockquote cite {
    display: block;
    font-style: italic;
    margin-top: 1em
}
blockquote cite:before {
    content: '\2014';
    padding-right: 0.35em
}
.subheadline {
    color: #888;
    font-weight: 300
}
.subheadline a {
  margin-right: 15px;
}
.lead {
    font-weight: 400
}
.text-info {
    color: #2f7bbf
}
.text-important,
.text-error {
    color: #bd2426
}
.text-success {
    color: #9bca3e
}
.text-warning {
    color: #f68b1f
}
.text-nonessential {
    color: #888
}
p+p,
p+ul,
p+ol,
p+dl,
p+table,
ul+p,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6,
ol+p,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6 {
    margin-top: 1.5em
}
h1+p,
p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
p+h6 {
    margin-top: 1.25em
}
h1+h2,
h1+h3,
h2+h3,
h3+h4,
h4+h5 {
    margin-top: 0.25em
}
h2+p {
    margin-top: 1em
}
h1+h4,
h1+h5,
h1+h6,
h2+h4,
h2+h5,
h2+h6,
h3+h5,
h3+h6,
h3+p,
h4+p,
h5+p {
    margin-top: 0.5em
}
.navigation ul {
    list-style: none;
    margin-left: 0
}
.navigation a {
    color: #2f7bbf;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.navigation a:hover {
    color: #333
}
.sidebar blockquote {
    font-size: 1.13333rem
}
.sidebar .title {
    color: #777
}
#main {
    min-height: 400px
}
img,
object {
    height: auto;
    max-width: 100%
}
section,
.section {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}
section.compact,
.section.compact {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}
audio {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden
}
video {
    overflow: hidden
}
video,
audio[controls],
audio.webshims-controls {
    display: inline-block;
    min-height: 3rem;
    min-width: 2.66667rem
}
video>*,
audio>* {
    visibility: hidden
}
.no-swf video>*,
.no-swf audio>* {
    visibility: inherit
}
.row {
    clear: both;
    display: block
}
.col-1 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-2 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-3 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-4 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-5 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-6 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-7 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-8 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-9 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-10 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-11 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-12 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-13 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-14 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-15 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.col-16 {
    margin-left: 0;
    max-width: 100%;
    width: 100%
}
.columns {
    display: block;
    list-style: none;
    padding: 0
}
.columns img,
.columns input,
.columns select,
.columns object,
.columns textarea {
    max-width: 100%
}
.columns>.column {
    float: left;
    padding-bottom: 3rem
}
.columns,
.columns>.column {
    width: 100%
}
.width-third {
    width: 33.3334%
}
.width-half {
    width: 50%
}
.width-full {
    width: 100%
}
.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}
.primary-content {
    margin-bottom: 2.66667em;
    margin-top: 1.33333em
}
@media screen and (max-width: 49.1em) {
    .tablet-only,
    .desktop-only {
        display: none !important
    }
}
@media screen and (min-width: 49.2em) {
    .wrapper {
        width: 47.2rem
    }
    .primary-content {
        float: left;
        margin: 0 0 0 16.8rem;
        width: 30.4rem
    }
    .sidebar {
        float: left;
        margin-left: -47.2rem;
        width: 13.6rem
    }
    .reverse-sidebar .primary-content {
        margin-left: 0
    }
    .reverse-sidebar .sidebar {
        margin-left: 3.2rem
    }
    .primary-content:only-child {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .columns>.column {
        padding-bottom: 0
    }
    .columns.two>.column,
    .columns.cols-2>.column,
    .columns.four>.column,
    .columns.cols-4>.column {
        padding-left: 0;
        padding-right: 1.5rem;
        width: 50%
    }
    .columns.two>.column:nth-child(even),
    .columns.cols-2>.column:nth-child(even),
    .columns.four>.column:nth-child(even),
    .columns.cols-4>.column:nth-child(even) {
        padding-left: 1.5rem;
        padding-right: 0
    }
    .columns.two>.column:nth-child(odd),
    .columns.cols-2>.column:nth-child(odd),
    .columns.four>.column:nth-child(odd),
    .columns.cols-4>.column:nth-child(odd) {
        clear: left
    }
    .columns.two>.column:nth-child(n+3),
    .columns.cols-2>.column:nth-child(n+3),
    .columns.four>.column:nth-child(n+3),
    .columns.cols-4>.column:nth-child(n+3) {
        padding-top: 3rem
    }
    .columns.three>.column,
    .columns.cols-3>.column {
        padding-left: 2rem;
        width: 33.3333333333333%
    }
    .columns.three>.column:first-child,
    .columns.three>.column:nth-child(3n+1),
    .columns.cols-3>.column:first-child,
    .columns.cols-3>.column:nth-child(3n+1) {
        clear: left;
        padding-left: 0;
        padding-right: 2rem
    }
    .columns.three>.column:nth-child(3n+2),
    .columns.cols-3>.column:nth-child(3n+2) {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .columns.three>.column:nth-child(n+4),
    .columns.cols-3>.column:nth-child(n+4) {
        padding-top: 3rem
    }
    .columns.three>.column:nth-child(-n+3),
    .columns.cols-3>.column:nth-child(-n+3) {
        padding-top: 0
    }
}
@media screen and (min-width: 66em) {
    .col-1 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 1rem
    }
    .col-2 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 5.2rem
    }
    .col-3 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 9.4rem
    }
    .col-4 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 13.6rem
    }
    .col-5 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 17.8rem
    }
    .col-6 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 22rem
    }
    .col-7 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 26.2rem
    }
    .col-8 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 30.4rem
    }
    .col-9 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 34.6rem
    }
    .col-10 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 38.8rem
    }
    .col-11 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 43rem
    }
    .col-12 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 47.2rem
    }
    .col-13 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 51.4rem
    }
    .col-14 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 55.6rem
    }
    .col-15 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 59.8rem
    }
    .col-16 {
        display: block;
        float: left;
        margin-left: 48px;
        width: 64rem
    }
    [class*="col-"]:first-child {
        margin-left: 0
    }
    .wrapper {
        width: 64rem
    }
    .wrapper.wide {
        max-width: 100%;
        width: 72.4rem
    }
    .primary-content {
        float: left;
        margin-left: 21rem;
        width: 43rem
    }
    .sidebar {
        float: left;
        margin-left: -64rem;
        width: 17.8rem
    }
    .wide .primary-content {
        width: 51.4rem
    }
    .wide .sidebar {
        margin-left: -72.4rem
    }
    .columns>.column {
        padding-bottom: 0
    }
    .columns.four>.column,
    .columns.cols-4>.column {
        padding-left: 2.25rem;
        width: 25%
    }
    .columns.four>.column:nth-child(odd),
    .columns.cols-4>.column:nth-child(odd) {
        clear: none
    }
    .columns.four>.column:first-child,
    .columns.four>.column:nth-child(4n+1),
    .columns.cols-4>.column:first-child,
    .columns.cols-4>.column:nth-child(4n+1) {
        clear: left;
        padding-left: 0;
        padding-right: 2.25rem
    }
    .columns.four>.column:nth-child(4n+2),
    .columns.cols-4>.column:nth-child(4n+2) {
        padding-left: 0.75rem;
        padding-right: 1.5rem
    }
    .columns.four>.column:nth-child(4n+3),
    .columns.cols-4>.column:nth-child(4n+3) {
        padding-left: 1.5rem;
        padding-right: 0.75rem
    }
    .columns.four>.column:nth-child(n+5),
    .columns.cols-4>.column:nth-child(n+5) {
        padding-top: 3rem
    }
    .columns.four>.column:nth-child(-n+4),
    .columns.cols-4>.column:nth-child(-n+4) {
        padding-top: 0
    }
}
.btn,
button,
input[type="button"],
input[type="submit"] {
    background-color: transparent;
    border: 1px solid #888;
    color: #333;
    font-size: 0.93333rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0.6em 1.33333em 0.53333em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #bfbfbf;
    border-color: #626262;
    color: #fff
}
.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
    color: inherit;
    outline: none;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3)
}
.btn.active,
.btn:active,
button.active,
button:active,
input[type="button"].active,
input[type="button"]:active,
input[type="submit"].active,
input[type="submit"]:active {
    background-color: #bfbfbf;
    border-color: #333;
    color: #1a1a1a
}
.btn::-moz-focus-inner,
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: 0
}
.btn .caret,
button .caret,
input[type="button"] .caret,
input[type="submit"] .caret {
    border-top-color: inherit;
    border-top-color: currentColor;
    margin-left: 0.25em;
    margin-top: 0.18333em
}
.btn-large {
    padding: 1rem 1.66667rem
}
.btn-cta,
.btn-cta-alt {
    padding: 1rem 3rem
}
.btn-std,
.btn-primary,
.btn-std-alt,
.btn-primary-alt {
    background-color: #2f7bbf;
    border-color: transparent;
    color: #fff
}
.btn-std:hover,
.btn-primary:hover,
.btn-std-alt:hover,
.btn-primary-alt:hover {
    background-color: #62a1d8;
    border-color: #2f7bbf;
    color: #fff
}
.btn-std.active,
.btn-std:focus,
.btn-std:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary:active,
.btn-std-alt.active,
.btn-std-alt:focus,
.btn-std-alt:active,
.btn-primary-alt.active,
.btn-primary-alt:focus,
.btn-primary-alt:active {
    background-color: #62a1d8;
    border-color: #163959;
    color: #fff
}
.btn-std-alt,
.btn-primary-alt {
    background-color: transparent;
    border-color: #2f7bbf;
    color: #2f7bbf
}
.btn-cta,
.btn-success,
.btn-accept,
.btn-accept-alt,
.btn-cancel,
.btn-cancel-alt,
.btn-delete,
.btn-cta-alt,
.btn-success-alt,
.btn-accept-alt {
    background-color: #9bca3e;
    border-color: transparent;
    color: #fff
}
.btn-cta:hover,
.btn-success:hover,
.btn-accept:hover,
.btn-accept-alt:hover,
.btn-cancel:hover,
.btn-cancel-alt:hover,
.btn-delete:hover,
.btn-cta-alt:hover,
.btn-success-alt:hover,
.btn-accept-alt:hover {
    background-color: #bada7a;
    border-color: #9bca3e;
    color: #fff
}
.btn-cta.active,
.btn-cta:focus,
.btn-cta:active,
.btn-success.active,
.active.btn-accept,
.active.btn-accept-alt,
.active.btn-cancel,
.active.btn-cancel-alt,
.active.btn-delete,
.btn-success:focus,
.btn-accept:focus,
.btn-accept-alt:focus,
.btn-cancel:focus,
.btn-cancel-alt:focus,
.btn-delete:focus,
.btn-success:active,
.btn-accept:active,
.btn-accept-alt:active,
.btn-cancel:active,
.btn-cancel-alt:active,
.btn-delete:active,
.btn-cta-alt.active,
.btn-cta-alt:focus,
.btn-cta-alt:active,
.btn-success-alt.active,
.active.btn-accept-alt,
.btn-success-alt:focus,
.btn-accept-alt:focus,
.btn-success-alt:active,
.btn-accept-alt:active {
    background-color: #bada7a;
    border-color: #516b1d;
    color: #fff
}
.btn-accept,
.btn-accept-alt,
.btn-cancel,
.btn-cancel-alt,
.btn-delete {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    min-height: 2.425em;
    overflow: hidden;
    padding-left: 1.13333em;
    padding-right: 1.13333em;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    width: 0;
    white-space: nowrap
}
.btn-accept:after,
.btn-accept-alt:after,
.btn-cancel:after,
.btn-cancel-alt:after,
.btn-delete:after {
    content: '\f00c';
    display: block;
    font-size: 1.75em;
    height: 100%;
    left: 0;
    line-height: 0;
    position: absolute;
    speak: none;
    text-align: center;
    text-indent: 0;
    top: 50%;
    width: 100%;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s
}
.btn-accept:before,
.btn-accept-alt:before,
.btn-cancel:before,
.btn-cancel-alt:before,
.btn-delete:before,
.btn-accept:after,
.btn-accept-alt:after,
.btn-cancel:after,
.btn-cancel-alt:after,
.btn-delete:after {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}
.btn-cta-alt,
.btn-success-alt,
.btn-accept-alt {
    background-color: transparent;
    border-color: #9bca3e;
    color: #9bca3e
}
.btn-secondary,
.btn-delete {
    background-color: #ededed;
    border-color: transparent;
    color: #888
}
.btn-secondary:hover,
.btn-delete:hover {
    background-color: #ededed;
    border-color: #888;
    color: #333
}
.btn-secondary.active,
.active.btn-delete,
.btn-secondary:focus,
.btn-delete:focus,
.btn-secondary:active,
.btn-delete:active {
    background-color: #ededed;
    border-color: #626262;
    color: #0d0d0d
}
.btn-danger,
.btn-cancel,
.btn-cancel-alt,
.btn-important,
.btn-error,
.btn-danger-alt,
.btn-cancel-alt,
.btn-important-alt,
.btn-error-alt {
    background-color: #bd2426;
    border-color: transparent;
    color: #fff
}
.btn-danger:hover,
.btn-cancel:hover,
.btn-cancel-alt:hover,
.btn-important:hover,
.btn-error:hover,
.btn-danger-alt:hover,
.btn-cancel-alt:hover,
.btn-important-alt:hover,
.btn-error-alt:hover {
    background-color: #de5052;
    border-color: #bd2426;
    color: #fff
}
.btn-danger.active,
.active.btn-cancel,
.active.btn-cancel-alt,
.btn-danger:focus,
.btn-cancel:focus,
.btn-cancel-alt:focus,
.btn-danger:active,
.btn-cancel:active,
.btn-cancel-alt:active,
.btn-important.active,
.btn-important:focus,
.btn-important:active,
.btn-error.active,
.btn-error:focus,
.btn-error:active,
.btn-danger-alt.active,
.active.btn-cancel-alt,
.btn-danger-alt:focus,
.btn-cancel-alt:focus,
.btn-danger-alt:active,
.btn-cancel-alt:active,
.btn-important-alt.active,
.btn-important-alt:focus,
.btn-important-alt:active,
.btn-error-alt.active,
.btn-error-alt:focus,
.btn-error-alt:active {
    background-color: #de5052;
    border-color: #521010;
    color: #fff
}
.btn-danger-alt,
.btn-cancel-alt,
.btn-important-alt,
.btn-error-alt {
    background-color: transparent;
    border-color: #bd2426;
    color: #bd2426
}
.btn-warning,
.btn-warning-alt {
    background-color: #f68b1f;
    border-color: transparent;
    color: #fff
}
.btn-warning:hover,
.btn-warning-alt:hover {
    background-color: #f9b169;
    border-color: #f68b1f;
    color: #fff
}
.btn-warning.active,
.btn-warning:focus,
.btn-warning:active,
.btn-warning-alt.active,
.btn-warning-alt:focus,
.btn-warning-alt:active {
    background-color: #f9b169;
    border-color: #904b06;
    color: #fff
}
.btn-warning-alt {
    background-color: transparent;
    border-color: #f68b1f;
    color: #f68b1f
}
.btn-link {
    background-color: transparent;
    border-color: transparent;
    color: #2f7bbf
}
.btn-cancel:after,
.btn-cancel-alt:after {
    content: '\f00d'
}
.btn-cancel-alt {
    border-color: #888;
    color: #888
}
.btn-delete:after {
    content: '\f014'
}
.btn.disabled,
.btn.loading,
button[disabled],
input.btn[disabled] {
    cursor: default;
    background-color: #ededed;
    border-color: transparent;
    color: #a1a1a1;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5
}
.btn.disabled:hover,
.btn.loading:hover,
.btn.disabled:focus,
.btn.loading:focus,
.btn.disabled:active,
.btn.loading:active,
button[disabled]:hover,
button[disabled]:focus,
button[disabled]:active,
input.btn[disabled]:hover,
input.btn[disabled]:focus,
input.btn[disabled]:active {
    background-color: #ededed;
    border-color: transparent;
    color: #a1a1a1
}
.btn.loading {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    overflow: hidden;
    position: relative
}
.btn.loading:before {
    background: transparent url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/spinner.gif?1365456153') no-repeat center;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation: fadeInZoom 0.2s ease-in-out;
    -moz-animation: fadeInZoom 0.2s ease-in-out;
    -ms-animation: fadeInZoom 0.2s ease-in-out;
    -o-animation: fadeInZoom 0.2s ease-in-out;
    animation: fadeInZoom 0.2s ease-in-out
}
.btn.loading,
.btn.loading:after,
.btn.loading:hover {
    color: #ededed
}
.btn.loading:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
@-webkit-keyframes fadeInZoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes fadeInZoom {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}
@-ms-keyframes fadeInZoom {
    0% {
        opacity: 0;
        -ms-transform: scale(0)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1)
    }
}
@keyframes fadeInZoom {
    0% {
        topacity: 0;
        ransform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
input[type="button"].btn,
input[type="submit"].btn {
    height: auto;
    padding: 0.53333em 1.33333em 0.6em
}
.btn-single-line {
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0.6em;
    position: relative;
    text-overflow: ellipsis;
    white-space: no-wrap
}
.btn-single-line.btn-wicons {
    padding-left: 2em;
    padding-right: 2em
}
.btn-single-line .icon,
.btn-single-line .caret {
    line-height: 1.5;
    margin-top: -0.6em;
    position: absolute;
    top: 50%
}
.btn-single-line .caret {
    margin-left: 0;
    margin-top: 0;
    right: 0.8em
}
.btn-single-line .icon:first-child {
    left: 0.6em
}
.btn-single-line .icon:last-child {
    right: 0.6em
}
.btn+.btn,
.btn+.ui-item {
    margin-left: 0.4rem
}
.btn-block {
    display: block;
    margin-bottom: 0.4rem;
    text-align: center
}
.btn-block+.btn-block {
    margin-left: auto
}
.btn a {
    color: #333
}
.btn-std a,
.btn-primary a {
    color: #fff
}
.btn-error a,
.btn-danger a,
.btn-cancel a,
.btn-cancel-alt a,
.btn-important a {
    color: #fff
}
.btn-cta a,
.btn-success a,
.btn-accept a,
.btn-accept-alt a,
.btn-cancel a,
.btn-cancel-alt a,
.btn-delete a {
    color: #fff
}
.tooltip {
    position: absolute;
    display: block;
    font-size: 0.8rem;
    visibility: visible;
    z-index: 1150;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}
.tooltip.in {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
}
.tooltip.top {
    margin-top: -0.2rem;
    padding: 0.33333rem 0
}
.tooltip.right {
    margin-left: 0.2rem;
    padding: 0 0.33333rem
}
.tooltip.bottom {
    margin-top: 0.2rem;
    padding: 0.33333rem 0
}
.tooltip.left {
    margin-left: -0.2rem;
    padding: 0 0.33333rem
}
.tooltip-inner {
    background-color: #000;
    color: #fff;
    max-width: 26.66667rem;
    padding: 0.5rem 1rem;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}
.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}
.tooltip.top .tooltip-arrow {
    border-width: 5px 5px 0;
    border-top-color: #000;
    bottom: 0;
    left: 50%;
    margin-left: -5px
}
.tooltip.right .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
    left: 0;
    margin-top: -5px;
    top: 50%
}
.tooltip.left .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    margin-top: -5px;
    right: 0;
    top: 50%
}
.tooltip.bottom .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    left: 50%;
    margin-left: -5px;
    top: 0
}
.caret {
    border: 0.33333em solid transparent;
    border-top-color: inherit;
    content: "";
    height: 0;
    width: 0;
    vertical-align: top;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.dropup,
.dropdown {
    position: relative
}
.dropup .caret,
.dropdown .caret {
    margin-top: 0.25em;
    margin-left: 0.13333em
}
.dropup .caret {
    border-top-color: transparent;
    border-bottom-color: inherit
}
.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0
}
.dropdown-menu {
    background-color: #fff;
    border: 1px solid #dedede;
    display: none;
    float: left;
    left: 0;
    list-style: none;
    opacity: 0;
    margin: 5px 0 0;
    min-width: 10.66667rem;
    padding: 0.33333rem 0;
    position: absolute;
    top: 102%;
    z-index: 1040;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-animation: menuTransition 0.15s ease-out;
    -moz-animation: menuTransition 0.15s ease-out;
    -ms-animation: menuTransition 0.15s ease-out;
    -o-animation: menuTransition 0.15s ease-out;
    animation: menuTransition 0.15s ease-out
}
.dropdown-menu:before {
    border: 10px solid transparent;
    border-bottom-color: #fff;
    content: '';
    left: 1rem;
    height: 0;
    position: absolute;
    top: -20px;
    width: 0
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto
}
.dropdown-menu.pull-right:before {
    left: auto;
    right: 1rem
}
.dropdown-menu .divider {
    background-color: #dedede;
    height: 1px;
    margin: 0.53333rem 0;
    overflow: hidden
}
.dropdown-menu li>a {
    clear: both;
    display: block;
    line-height: 1.5;
    padding: 0.2rem 1.06667rem;
    white-space: nowrap
}
.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-menu li>a:active {
    color: #fff
}
.dropdown-menu li>a:hover {
    background-color: #2f7bbf
}
.dropdown-menu li>a:focus {
    background-color: #62a1d8
}
.dropdown-menu li>a:active {
    background-color: #c16508
}
.open .dropdown-menu {
    display: block;
    opacity: 1
}
.menu-sidebar {
    list-style: none;
    margin: 0;
    padding: 0
}
.menu-sidebar li {
    background: #fff
}
.menu-sidebar li a {
    display: block
}
.menu-sidebar li.active>a,
.menu-sidebar a:hover {
    background-color: #2f7bbf;
    color: #fff
}
.menu-sidebar li.active>a:after,
.menu-sidebar a:hover:after {
    border-left-color: #fff
}
.menu-sidebar>li {
    -webkit-background-clip: border;
    -moz-background-clip: border;
    background-clip: border-box
}
.menu-sidebar>li+li {
    margin-top: 1px
}
.menu-sidebar>li:first-child,
.menu-sidebar>li:first-child>a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px
}
.menu-sidebar>li:last-child,
.menu-sidebar>li:last-child>a {
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}
.menu-sidebar>li>a {
    padding: 1rem 2rem 1rem 1rem;
    position: relative
}
.menu-sidebar>li>a:after {
    border: 0.4rem solid transparent;
    border-left-color: #2f7bbf;
    content: '';
    display: block;
    height: 0;
    margin-top: -0.4rem;
    position: absolute;
    top: 50%;
    right: 0.75rem;
    width: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}
.menu-sidebar>li.current-menu-ancestor>a:after {
    border-left-color: transparent;
    border-top-color: #fff;
    margin-top: -0.3rem
}
.menu-sidebar+.menu-sidebar {
    margin-top: 1.5rem
}
.sub-menu {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.sub-menu li:last-child {
    padding-bottom: 0.75rem
}
.sub-menu a {
    padding: 0.25rem;
    padding-left: 2rem
}
.sub-menu li.active>a,
.sub-menu a:hover {
    background-color: #3988ce
}
.sub-menu .sub-menu li:last-child {
    padding-bottom: 0
}
.sub-menu .sub-menu a {
    padding-left: 3rem
}
.sub-menu .sub-menu a:before {
    content: '\21B3';
    padding-right: 0.26667rem
}
.js .menu-sidebar .sub-menu {
    display: none
}
.js .menu-sidebar .active>.sub-menu {
    display: block
}
.logo {
    background: transparent url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/icons-s73b196a6ae_2.png') 0 0 no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999em;
    height: 60px;
    width: 240px
}
.close {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-size: 2.3rem;
    float: right;
    height: 1.5rem;
    line-height: 0.6;
    overflow: hidden;
    position: relative;
    text-indent: 200%;
    width: 1.5rem;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}
.close:hover {
    color: #6f6f6f
}
.close:before {
    content: '\00D7';
    left: 0;
    height: 100%;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 100%
}
.cf-proxied,
.cf-unproxied,
.cf-unproxiable {
    background: transparent url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/icons-s73b196a6ae_2.png') no-repeat;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    text-indent: 200%;
    height: 34px;
    width: 55px;
    background-position: 0 -188px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
.cf-unproxied {
    background-position: 0 -120px
}
.cf-unproxiable {
    background-position: 0 -154px
}
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .logo,
    .cf-proxied,
    .cf-unproxied {
        background-image: url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/icons-s73b196a6ae_2.png')
    }
    .logo {
        background-position: 0 -122px;
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto
    }
    .cf-proxied {
        background-position: 0 -380px;
        -webkit-background-size: 55px, auto;
        -moz-background-size: 55px, auto;
        -o-background-size: 55px, auto;
        background-size: 55px, auto
    }
    .cf-unproxied {
        background-position: 0 -244px;
        -webkit-background-size: 55px, auto;
        -moz-background-size: 55px, auto;
        -o-background-size: 55px, auto;
        background-size: 55px, auto
    }
    .cf-unproxiable {
        background-position: 0 -312px;
        -webkit-background-size: 55px, auto;
        -moz-background-size: 55px, auto;
        -o-background-size: 55px, auto;
        background-size: 55px, auto
    }
}
.header {
    background-color: #333;
    border-bottom: 1px solid #1a1a1a;
    color: #fff;
    height: 60px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1000
}
.header-main .btn {
    font-size: 0.93333rem
}
.logo-header {
    display: block;
    margin: 0 auto;
    background-position: 0 -60px
}
.header-navigation {
    display: none;
    font-size: 0.93333rem
}
.header-navigation li {
    position: relative
}
.header-navigation li.btn {
    padding: 0
}
.header-navigation a {
    color: #fff;
    display: block;
    padding: 0.4rem 1rem
}
.header-navigation a:hover {
    background-color: #4d4d4d
}
.icon-menu {
    cursor: pointer;
    height: 60px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    top: 0;
    width: 60px;
    white-space: nowrap
}
.icon-menu:before {
    background: transparent url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/icons-s73b196a6ae_2.png') 0 -222px no-repeat;
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .logo-header {
        background-position: sprite-background-position(url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/icons_2x-sc6e92cc69d_2.png'), logo-white)
    }
}
@media screen and (min-width: 49.2em) {
    .mobile-navigation {
        display: none
    }
    .header {
        background-color: #fff;
        border-bottom: 0;
        border-top: 3px solid #f68b1f;
        color: #333;
        height: auto;
        margin-bottom: 2.66667rem
    }
    .header a:hover,
    .header li.active a {
        color: #333
    }
    .header .menu li:hover .sub-menu {
        display: block
    }
    .header-main {
        padding: 0.5rem 0
    }
    .logo-header {
        background-position: 0 0
    }
    .header-navigation {
        display: block;
        text-align: center;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .header-navigation li {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline
    }
    .header-navigation a {
        color: #2f7bbf;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px
    }
    .header-navigation a:hover {
        background-color: transparent
    }
    .header-navigation .btn {
        color: #fff;
        padding: 0.6em 1.33333em 0.53333em
    }
    .header-navigation .sub-menu {
        background-color: #fff;
        border: 1px solid #dedede;
        border-top: 0;
        display: none;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        width: 13.33333rem;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -ms-border-radius: 0 0 3px 3px;
        -o-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px
    }
    .header-navigation .sub-menu li {
        display: block
    }
    .header-navigation .sub-menu li:last-child {
        padding-bottom: 0
    }
    .header-navigation .sub-menu a {
        display: block;
        padding: 0.53333em 0.8em;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }
    .header-navigation .sub-menu a:hover {
        color: #fff
    }
}
@media screen and (min-width: 49.2em) and (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .logo-header {
        background-position: sprite-background-position(url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/icons_2x-sc6e92cc69d_2.png'), logo-black)
    }
}
@media screen and (min-width: 66em) {
    .header {
        text-align: left
    }
    .logo-header {
        float: left
    }
    .header-navigation {
        float: right;
        line-height: 60px;
        text-align: left
    }
    .header-navigation li {
        line-height: 1.5;
        vertical-align: middle
    }
}
.footer {
    background-color: #fff;
    margin-top: 1.33333rem;
    padding-bottom: 2.33333rem;
    padding-top: 2.33333rem
}
.footer-nav {
    font-size: 0.86667rem
}
.footer-column {
    float: left;
    list-style: none;
    margin-left: 1%;
    margin-right: 1%;
    width: 48%
}
.footer-column+.footer-column {
    margin-bottom: 1rem
}
.footer-language-select {
    margin: 0 auto 1.33333rem;
    width: 13.6rem
}
.footer-language-select select,
.footer-language-select .select2-container {
    width: 100%
}
@media screen and (min-width: 49.2em) {
    .footer {
        margin-top: 2.66667rem
    }
    .footer-column {
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        width: 19%
    }
    .footer-column+.footer-column {
        margin-bottom: 0
    }
}
@media screen and (min-width: 66em) {
    .footer-language-select {
        float: left;
        margin-bottom: 0
    }
    .footer-nav {
        float: left;
        margin-left: 3.2rem;
        width: 47.2rem
    }
}
body {
    background-color: #fff;
    -webkit-text-size-adjust: none
}
.site-wrapper {
    background-color: #f5f5f5
}
hr,
.hr {
    border: 0;
    border-top: 1px solid #dedede;
    display: block;
    height: 0;
    margin: 2rem 0;
    width: 100%
}
hr.double,
.hr.double {
    border-top: 3px double #dedede
}
.drag-handle {
    cursor: pointer
}
.login-form {
    max-width: 30.4rem
}
.flexbox .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    box-pack: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-box-align: start;
    box-align: start;
    -webkit-flex-align: start;
    -moz-flex-align: start;
    -ms-flex-align: start;
    flex-align: start;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical
}
.flexbox .flex>* {
    display: block;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-box-flex: 0;
    box-flex: 0
}
.flexbox .flex>*+* {
    margin-top: 0.4rem
}
.flexbox .flex.flex-horz {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal
}
.flexbox .flex.flex-horz>*+* {
    margin-top: 0
}
.flexbox .flex-primary {
    -webkit-box-flex: 10;
    -moz-box-flex: 10;
    -ms-box-flex: 10;
    box-flex: 10
}
.sticky-item {
    z-index: 1300;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25)
}
@media screen and (min-width: 49.2em) {
    .flexbox .flex {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-box-align: center;
        box-align: center;
        -webkit-flex-align: center;
        -moz-flex-align: center;
        -ms-flex-align: center;
        flex-align: center;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -ms-box-orient: horizontal;
        box-orient: horizontal
    }
    .flexbox .flex>*+* {
        margin-top: auto
    }
    .flexbox .flex.flex-vert {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical
    }
    .flexbox .flex.flex-vert>*+* {
        margin-top: 0.4rem
    }
    .flexbox .flex.flex-start {
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-box-align: start;
        box-align: start;
        -webkit-flex-align: start;
        -moz-flex-align: start;
        -ms-flex-align: start;
        flex-align: start
    }
}
.hide {
    display: none
}
.show {
    display: block
}
.invisible {
    visibility: hidden
}
.pull-left {
    float: left
}
.pull-right {
    float: right
}
.center {
    float: none;
    margin-left: auto;
    margin-right: auto
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.text-light {
    font-weight: 300
}
.site-wrapper {
    background: #fff
}
.header {
    margin-bottom: 0
}
.icon-menu {
    background: transparent url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/icons-s73b196a6ae_2.png') 0 -222px no-repeat center center;
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 60px
}
.mobile-menu-active .header-main {
    width: 100%
}
.mobile-menu-active .header-navigation {
    background-color: #333;
    display: block
}
.hero-block {
    background: #ebebeb url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/hero-bg-clouds.png?1377796349') repeat-x bottom center;
    padding: 2.66667em 2em
}
.hero-block h1 {
    font-weight: 400
}
.calls-to-action .btn+.btn {
    margin-left: 0;
    margin-top: 0.4rem
}
.section-title {
    font-weight: 400;
    margin-bottom: 0.5em
}
.recently-updated span+span {
    margin-left: 0.5em
}
.recently-updated span a {
    color: #888
}
.recently-updated .name a {
    color: #2f7bbf
}
.repo {
    background-color: #f5f5f5;
    border-left: 6px solid #888;
    color: #333;
    display: block;
    padding: 1em
}
.repo:hover {
    border-left-width: 10px;
    color: #4d4d4d
}
.repo.lang-javascript {
    border-color: #62a1d8
}
.repo.lang-ruby,
.repo.lang-perl,
.repo.lang-python,
.repo.lang-php {
    border-color: #de5052
}
.repo.lang-c {
    border-color: #bada7a
}
.repo.lang-go {
    border-color: #f68b1f
}
.repo.lang-viml {
    border-color: #f9b169
}
.repo.featured1 {
    background-color: #de5052;
    border-color: #de5052;
    color: #fff
}
.repo.featured2 {
    background-color: #62a1d8;
    border-color: #62a1d8;
    color: #fff
}
.repo.featured3 {
    background-color: #bada7a;
    border-color: #bada7a;
    color: #fff
}
.repo-lang {
    font-weight: 300
}
.btn-cta-secondary {
    background-color: #bada7a;
    border-color: #9bca3e;
    color: #fff
}
.member-avatar {
    display: block;
    float: left
}
.member-info {
    margin-left: 105px
}
.loading {
    background: transparent url('/National_Library/20161129025326oe_/https://cloudflare.github.io/static/assets/spinner.gif?1365456153') no-repeat center;
    min-height: 16px;
    min-width: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}
@media screen and (max-width: 49.2em) {
    .section.repos,
    .section.members {
        margin-bottom: 0
    }
}
@media screen and (min-width: 49.2em) {
    .header-main {
        padding: 1em 0
    }
    .hero-block {
        padding-top: 4em;
        padding-bottom: 9.33333em
    }
    .calls-to-action .btn+.btn {
        margin-left: 0.4rem;
        margin-top: 0
    }
    .text-highlight {
        display: block
    }
    .repo {
        height: 160px;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .footer ul {
        float: right
    }
    .footer ul,
    .footer ul li {
        display: inline
    }
    .footer li {
        margin: 0 1em
    }
}
@media screen and (min-width: 66em) {
    .signup {
        margin-left: 2em
    }
}