@charset "IBM437";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

@font-face {
    font-family: Ampersand;
    src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
    unicode-range: U+0026
}

@font-face {
    font-family: Ampersand;
    src: local("Georgia");
    unicode-range: U+270C
}

body {
    word-wrap: break-word
}

pre code {
    word-wrap: normal
}

html {
    font: 400 112.5%/1.65 "Times New Roman", Times, serif
}

body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    color: #444
}

.brick__footer,
.search__link--options,
.small-text,
figure,
small {
    font-size: 75%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility;
    line-height: 1;
    margin-top: 0
}

.tera {
    font-size: 117px;
    font-size: 6.5rem;
    margin-bottom: .25385rem
}

.giga {
    font-size: 90px;
    font-size: 5rem;
    margin-bottom: .33rem
}

.mega {
    font-size: 72px;
    font-size: 4rem;
    margin-bottom: .4125rem
}

.alpha,
h1 {
    font-size: 60px;
    font-size: 3.33333rem;
    margin-bottom: .495rem
}

.beta,
.event--feature .event__title,
h2 {
    font-size: 48px;
    font-size: 2.66667rem;
    margin-bottom: .61875rem
}

.gamma,
.search.hero .label,
form[role=form].hero .label,
h3 {
    font-size: 36px;
    font-size: 2rem;
    margin-bottom: .825rem
}

.brick__header .title,
.delta,
.list__faq dt,
.list__related:before,
h4 {
    font-size: 24px;
    font-size: 1.33333rem;
    margin-bottom: 1.2375rem
}

.epsilon,
.event__header:before,
.feature .card .excerpt,
.field .label,
.menu__icons [class*=" icon-"],
.menu__icons [class^=icon-],
.panel__link,
.sidebar .menu,
.slide-panel-menu a,
.slide-panel-menu a:visited,
article dl,
article ol,
article ul,
h5,
p {
    font-size: 21px;
    font-size: 1.16667rem;
    margin-bottom: 1.41429rem
}

.event--feature .event__subtitle,
.list__related,
.post-content .byline .updated,
.tab-content .label,
.zeta,
h6 {
    font-size: 18px;
    font-size: 1rem;
    margin-bottom: 1.65rem
}

p {
    margin: auto auto 1.5em
}

abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none
}

pre code {
    white-space: -moz-pre-wrap;
    white-space: pre-wrap
}

pre {
    white-space: pre
}

code {
    white-space: pre;
    font-family: monospace
}

abbr {
    font-variant: small-caps;
    font-weight: 600;
    text-transform: lowercase;
    color: gray
}

abbr[title]:hover {
    cursor: help
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222
}

p+.drop-cap {
    text-indent: 0;
    margin-top: 0
}

.drop-cap:first-letter {
    float: left;
    margin: 0 .125em -.25em 0;
    padding: inherit;
    font-size: 4em;
    font-family: inherit;
    line-height: 1;
    text-indent: 0;
    background: 0 0;
    color: inherit
}

.lining dd,
.lining dt {
    display: inline;
    margin: 0
}

.lining dd+dt:before,
.lining dt+dt:before {
    content: "\A";
    white-space: pre
}

.lining dd+dd:before {
    content: ", "
}

.lining dd:before {
    content: ": ";
    margin-left: -.2rem
}

.dictionary-style dt {
    display: inline;
    counter-reset: definitions
}

.dictionary-style dt+dt:before {
    content: ", ";
    margin-left: -.2rem
}

.dictionary-style dd {
    display: block;
    counter-increment: definitions
}

.dictionary-style dd:before {
    content: counter(definitions, decimal) ". "
}

.pull-quote {
    position: relative;
    padding: 1em
}

.pull-quote:after,
.pull-quote:before {
    height: 1em;
    opacity: .5;
    position: absolute;
    font-size: 4em;
    color: #dc976e
}

.pull-quote:before {
    content: '“';
    top: 0;
    left: 0
}

.pull-quote:after {
    content: '”';
    bottom: 0;
    right: 0
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icons/icomoon.eot);
    src: url(fonts/icons/icomoon.eot?#iefix) format("embedded-opentype"), url(fonts/icons/icomoon.woff) format("woff"), url(fonts/icons/icomoon.svg#icomoon) format("svg"), url(fonts/icons/icomoon.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: icomoon;
    font-style: normal;
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 0;
    position: relative
}

.icon-alert:before {
    content: "O"
}

.icon-arrow-left:before {
    content: "s"
}

.icon-arrow-right-2:before {
    content: "q"
}

.icon-bar:before {
    content: "="
}

.icon-beaker:before {
    content: "a"
}

.icon-book:before {
    content: "+"
}

.icon-books:before {
    content: ","
}

.icon-bubbles:before {
    content: "7"
}

.icon-calendar:before {
    content: "P"
}

.icon-cancel:before {
    content: "k"
}

.icon-cancel-2:before {
    content: "l"
}

.icon-checkmark:before {
    content: "m"
}

.icon-chrome:before {
    content: "E"
}

.icon-clock:before {
    content: "M"
}

.icon-code:before {
    content: "F"
}

.icon-coffee:before {
    content: "^"
}

.icon-cog:before {
    content: "]"
}

.icon-comments:before {
    content: "V"
}

.icon-credit:before {
    content: "0"
}

.icon-directions:before {
    content: "L"
}

.icon-ie:before {
    content: "C"
}

.icon-facebook:before {
    content: "u"
}

.icon-facebook-2:before {
    content: "v"
}

.icon-feed:before {
    content: "|"
}

.icon-film:before {
    content: "\'"
}

.icon-fire:before {
    content: "`"
}

.icon-firefox:before {
    content: "D"
}

.icon-happy:before {
    content: "e"
}

.icon-help:before {
    content: "i"
}

.icon-help-2:before {
    content:"{"
}

.icon-home:before {
    content: "\21"
}

.icon-info:before {
    content: "j"
}

.icon-keyboard:before {
    content: "4"
}

.icon-key:before {
    content: "Y"
}

.icon-leaf:before {
    content: "?"
}

.icon-library:before {
    content: "-"
}

.icon-link:before {
    content: "@"
}

.icon-locked:before {
    content: "["
}

.icon-mail:before {
    content: "J"
}

.icon-marker:before {
    content: "K"
}

.icon-map:before {
    content: "3"
}

.icon-pinterest:before {
    content: "z"
}

.icon-podcast:before {
    content: ")"
}

.icon-twitter:before {
    content: "w"
}

.icon-rss:before {
    content: "x"
}

.icon-screen:before {
    content: "5"
}

.icon-mobile:before {
    content: "Q"
}

.icon-neutral:before {
    content: "g"
}

.icon-office:before {
    content: "\""
}

.icon-pencil:before {
    content: "H"
}

.icon-phone:before {
    content: "I"
}

.icon-play:before {
    content: "&"
}

.icon-plus:before {
    content: "o"
}

.icon-rocket:before {
    content: "_"
}

.icon-safari:before {
    content: "A"
}

.icon-search:before {
    content: "X"
}

.icon-smiley:before {
    content: "f"
}

.icon-stats:before {
    content: ">"
}

.icon-thumbs-up:before {
    content: "d"
}

.icon-thumbs-down:before {
    content: "h"
}

.icon-unlocked:before {
    content: "Z"
}

.icon-user:before {
    content: "\2190"
}

.icon-users:before {
    content: "\3b"
}

.icon-wifi:before {
    content: "*"
}

.icon-grid-view:before {
    content: "c"
}

@font-face {
    font-family: FontAwesome;
    src: url(//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0);
    src: url(//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format("embedded-opentype"), url(//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.woff?v=4.1.0) format("woff"), url(//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf?v=4.1.0) format("truetype"), url(//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,
.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-square:before,
.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.tinsley-gradient {
    background: #003893
}

.ie .tinsley-gradient {
    -webkit-filter: none;
    filter: none
}

.hide-text {
    line-height: 0;
    font-size: 0;
    color: transparent
}

.hide-accessible {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.search-widget,
.shadow,
figure img {
    box-shadow: 0 5px 11px rgba(0, 0, 0, .3)
}

.inset {
    box-shadow: inset 0 0 11px rgba(0, 0, 0, .3)
}

.small-caps {
    font-variant: small-caps;
    font-weight: 400;
    text-transform: lowercase;
    color: #069
}

.no-margin {
    margin: 0!important
}

.no-bullets {
    list-style-type: none;
    padding: 0
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.checkbox-toggle {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.force-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.clearfix {
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.emphasis {
    font-style: italic
}

dt {
    font-weight: 700
}

.inline dd,
.inline dt {
    display: inline;
    margin: 0
}

.inline dt:after {
    content: ": "
}

.inline dd:before {
    content: ' '
}

.inline dt:before {
    content: "\A";
    white-space: pre
}

.inline dt:first-child:before {
    content: none
}

.brick a.media:hover img,
.brick--full a.media:hover img,
.brick--ninecol a.media:hover img,
.brick--sixcol a.media:hover img,
.brick__post,
.button,
.button--small,
.drop-down,
.event .card,
.event>.image,
.feature .featurette article header,
.feature-event article header,
.menu--actions,
.menu__icons [class*=" icon-"],
.menu__icons [class^="icon-"],
.panel,
.sidebar .menu li a,
.sidebar .menu li a:visited,
.slide-panel-menu,
.top-menu,
.transition,
a.button,
a.button--small,
input#drop-panel:checked~.drop-down,
input#drop-panel:checked~.menu--actions,
input.button,
input.button--small,
label.button,
label.button--small {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.alert {
    border: 1px solid;
    border-radius: 4px;
    margin-bottom: 1em;
    padding: .5em;
    position: relative
}

.alert.has-background a,
.alert.has-background a:visited,
.alert.has-background abbr {
    color: #fff;
    text-decoration: underline
}

.alert.alert--success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6eccd
}

.alert.alert--info {
    color: #069;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert.alert--warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert.alert--danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.callout {
    border: 1px solid #e9e9e9;
    border-left-width: 5px;
    border-radius: 4px;
    margin: 1em 0;
    padding: 1em
}

.callout.callout--info {
    border-color: #91cdeb
}

.callout .callout__title {
    color: #069
}

.callout .callout__title,
.callout p {
    margin-bottom: .25em
}

pre {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    margin: 1em 0;
    padding: 1em;
    position: relative;
    overflow: auto
}

pre[rel] {
    padding-top: 48px
}

pre[rel]:before {
    background-color: #313547;
    color: #fff;
    content: attr(rel);
    padding: .25em 0;
    position: absolute;
    text-indent: 1em;
    top: 0;
    left: 0;
    width: 100%
}

pre code {
    color: #069
}

.author {
    background-color: #f9f9f9
}

.author header {
    background-color: #fff;
    border-bottom-color: #1fbaf2;
    border-left-color: #069;
    border-right-color: #1fbaf2;
    border-top-color: #069;
    border-style: solid;
    border-width: 2px;
    padding: .5em 1em
}

.author .author__photo {
    border: 2px solid #069
}

.author .author__bio {
    padding: 1em
}

.button,
.button--small,
a.button,
a.button--small,
input.button,
input.button--small,
label.button,
label.button--small {
    border: 0 none;
    border-radius: 4px;
    color: #fff!important;
    cursor: pointer;
    display: inline-block;
    margin: .5em 0;
    text-decoration: none;
    padding: 1em 2em
}

.button--small:active,
.button--small:hover,
.button:active,
.button:hover,
a.button--small:active,
a.button--small:hover,
a.button:active,
a.button:hover,
input.button--small:active,
input.button--small:hover,
input.button:active,
input.button:hover,
label.button--small:active,
label.button--small:hover,
label.button:active,
label.button:hover {
    text-decoration: none
}

.button.full-width,
.full-width.button--small,
a.button.full-width,
a.full-width.button--small,
input.button.full-width,
input.full-width.button--small,
label.button.full-width,
label.full-width.button--small {
    display: block
}

.button.tinsley,
.tinsley.button--small,
a.button.tinsley,
a.tinsley.button--small,
input.button.tinsley,
input.tinsley.button--small,
label.button.tinsley,
label.tinsley.button--small {
    background-color: #069
}

.button.tinsley:active,
.button.tinsley:focus,
.button.tinsley:hover,
.tinsley.button--small:active,
.tinsley.button--small:focus,
.tinsley.button--small:hover,
a.button.tinsley:active,
a.button.tinsley:focus,
a.button.tinsley:hover,
a.tinsley.button--small:active,
a.tinsley.button--small:focus,
a.tinsley.button--small:hover,
input.button.tinsley:active,
input.button.tinsley:focus,
input.button.tinsley:hover,
input.tinsley.button--small:active,
input.tinsley.button--small:focus,
input.tinsley.button--small:hover,
label.button.tinsley:active,
label.button.tinsley:focus,
label.button.tinsley:hover,
label.tinsley.button--small:active,
label.tinsley.button--small:focus,
label.tinsley.button--small:hover {
    background-color: #0085c7
}

.base.button--small,
.button.base,
a.base.button--small,
a.button.base,
input.base.button--small,
input.button.base,
label.base.button--small,
label.button.base {
    background-color: #313547
}

.base.button--small:active,
.base.button--small:focus,
.base.button--small:hover,
.button.base:active,
.button.base:focus,
.button.base:hover,
a.base.button--small:active,
a.base.button--small:focus,
a.base.button--small:hover,
a.button.base:active,
a.button.base:focus,
a.button.base:hover,
input.base.button--small:active,
input.base.button--small:focus,
input.base.button--small:hover,
input.button.base:active,
input.button.base:focus,
input.button.base:hover,
label.base.button--small:active,
label.base.button--small:focus,
label.base.button--small:hover,
label.button.base:active,
label.button.base:focus,
label.button.base:hover {
    background-color: #444962
}

.blue.button--small,
.button.blue,
a.blue.button--small,
a.button.blue,
input.blue.button--small,
input.button.blue,
label.blue.button--small,
label.button.blue {
    background-color: #91cdeb
}

.blue.button--small:active,
.blue.button--small:focus,
.blue.button--small:hover,
.button.blue:active,
.button.blue:focus,
.button.blue:hover,
a.blue.button--small:active,
a.blue.button--small:focus,
a.blue.button--small:hover,
a.button.blue:active,
a.button.blue:focus,
a.button.blue:hover,
input.blue.button--small:active,
input.blue.button--small:focus,
input.blue.button--small:hover,
input.button.blue:active,
input.button.blue:focus,
input.button.blue:hover,
label.blue.button--small:active,
label.blue.button--small:focus,
label.blue.button--small:hover,
label.button.blue:active,
label.button.blue:focus,
label.button.blue:hover {
    background-color: #b8dff2
}

.button.green,
.green.button--small,
a.button.green,
a.green.button--small,
input.button.green,
input.green.button--small,
label.button.green,
label.green.button--small {
    background-color: #21aabd
}

.button.green:active,
.button.green:focus,
.button.green:hover,
.green.button--small:active,
.green.button--small:focus,
.green.button--small:hover,
a.button.green:active,
a.button.green:focus,
a.button.green:hover,
a.green.button--small:active,
a.green.button--small:focus,
a.green.button--small:hover,
input.button.green:active,
input.button.green:focus,
input.button.green:hover,
input.green.button--small:active,
input.green.button--small:focus,
input.green.button--small:hover,
label.button.green:active,
label.button.green:focus,
label.button.green:hover,
label.green.button--small:active,
label.green.button--small:focus,
label.green.button--small:hover {
    background-color: #31c6db
}

.button.mint-green,
.mint-green.button--small,
a.button.mint-green,
a.mint-green.button--small,
input.button.mint-green,
input.mint-green.button--small,
label.button.mint-green,
label.mint-green.button--small {
    background-color: #75d4ba
}

.button.mint-green:active,
.button.mint-green:focus,
.button.mint-green:hover,
.mint-green.button--small:active,
.mint-green.button--small:focus,
.mint-green.button--small:hover,
a.button.mint-green:active,
a.button.mint-green:focus,
a.button.mint-green:hover,
a.mint-green.button--small:active,
a.mint-green.button--small:focus,
a.mint-green.button--small:hover,
input.button.mint-green:active,
input.button.mint-green:focus,
input.button.mint-green:hover,
input.mint-green.button--small:active,
input.mint-green.button--small:focus,
input.mint-green.button--small:hover,
label.button.mint-green:active,
label.button.mint-green:focus,
label.button.mint-green:hover,
label.mint-green.button--small:active,
label.mint-green.button--small:focus,
label.mint-green.button--small:hover {
    background-color: #98dfcb
}

.button.orange,
.orange.button--small,
a.button.orange,
a.orange.button--small,
input.button.orange,
input.orange.button--small,
label.button.orange,
label.orange.button--small {
    background-color: #ffae3d
}

.button.orange:active,
.button.orange:focus,
.button.orange:hover,
.orange.button--small:active,
.orange.button--small:focus,
.orange.button--small:hover,
a.button.orange:active,
a.button.orange:focus,
a.button.orange:hover,
a.orange.button--small:active,
a.orange.button--small:focus,
a.orange.button--small:hover,
input.button.orange:active,
input.button.orange:focus,
input.button.orange:hover,
input.orange.button--small:active,
input.orange.button--small:focus,
input.orange.button--small:hover,
label.button.orange:active,
label.button.orange:focus,
label.button.orange:hover,
label.orange.button--small:active,
label.orange.button--small:focus,
label.orange.button--small:hover {
    background-color: #ffc16b
}

.button.coral,
.coral.button--small,
a.button.coral,
a.coral.button--small,
input.button.coral,
input.coral.button--small,
label.button.coral,
label.coral.button--small {
    background-color: #e2624f
}

.button.coral:active,
.button.coral:focus,
.button.coral:hover,
.coral.button--small:active,
.coral.button--small:focus,
.coral.button--small:hover,
a.button.coral:active,
a.button.coral:focus,
a.button.coral:hover,
a.coral.button--small:active,
a.coral.button--small:focus,
a.coral.button--small:hover,
input.button.coral:active,
input.button.coral:focus,
input.button.coral:hover,
input.coral.button--small:active,
input.coral.button--small:focus,
input.coral.button--small:hover,
label.button.coral:active,
label.button.coral:focus,
label.button.coral:hover,
label.coral.button--small:active,
label.coral.button--small:focus,
label.coral.button--small:hover {
    background-color: #e88576
}

.button.peach,
.peach.button--small,
a.button.peach,
a.peach.button--small,
input.button.peach,
input.peach.button--small,
label.button.peach,
label.peach.button--small {
    background-color: #f3787a
}

.button.peach:active,
.button.peach:focus,
.button.peach:hover,
.peach.button--small:active,
.peach.button--small:focus,
.peach.button--small:hover,
a.button.peach:active,
a.button.peach:focus,
a.button.peach:hover,
a.peach.button--small:active,
a.peach.button--small:focus,
a.peach.button--small:hover,
input.button.peach:active,
input.button.peach:focus,
input.button.peach:hover,
input.peach.button--small:active,
input.peach.button--small:focus,
input.peach.button--small:hover,
label.button.peach:active,
label.button.peach:focus,
label.button.peach:hover,
label.peach.button--small:active,
label.peach.button--small:focus,
label.peach.button--small:hover {
    background-color: #f7a2a4
}

.button--primary--alt,
a.button--primary--alt,
input.button--primary--alt,
label.button--primary--alt {
    background-color: #4b5971
}

.button--primary--alt:active,
.button--primary--alt:focus,
.button--primary--alt:hover,
a.button--primary--alt:active,
a.button--primary--alt:focus,
a.button--primary--alt:hover,
input.button--primary--alt:active,
input.button--primary--alt:focus,
input.button--primary--alt:hover,
label.button--primary--alt:active,
label.button--primary--alt:focus,
label.button--primary--alt:hover {
    background-color: #5d6f8d
}

.button--small,
a.button--small,
input.button--small,
label.button--small {
    padding: .12em .5em;
    height: 34px
}

.spacer {
    margin: 2em 0 auto
}

.spacer .button,
.spacer .button--small {
    margin: 0 .5em
}

.spacer .button--small:first-child,
.spacer .button:first-child {
    margin-left: 0
}

.spacer .button--small:last-child,
.spacer .button:last-child {
    margin-right: 0
}

form {
    margin: 0 0 18px
}

.field .label {
    display: block;
    cursor: pointer;
    margin-bottom: .25em
}

.field .label.inline {
    display: inline-block;
    position: relative;
    bottom: .5em;
    margin-bottom: 0
}

.field .label.inline:after {
    content: "—";
    color: #ccc;
    margin-left: .5em
}

.field .brick__footer,
.field .search__link--options,
.field .small-text,
.field figure,
.field small {
    font-size: 80%
}

form dt {
    margin: 0
}

form textarea {
    height: 150px
}

form ul,
form ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

form fieldset {
    border-style: solid;
    border-width: .0625em;
    padding: 1em;
    border-radius: 4px;
    border-color: #d8d8d8;
    margin: 18px 0
}

form fieldset legend {
    padding: 5px 10px
}

.field {
    position: relative;
    max-width: 100%;
    margin-bottom: 1em;
    vertical-align: middle;
    overflow: hidden
}

.field .metro,
.field.metro {
    -o-border-radius: 0;
    border-radius: 0
}

.field input,
.field input[type="*"],
.field textarea {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    resize: none;
    -webkit-appearance: none;
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
    box-shadow: none
}

.field .input {
    position: relative;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d8d8d8;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
    font-size: 1rem;
    -o-border-radius: 4px;
    border-radius: 4px
}

.field .input.search {
    height: 36px;
    line-height: 34px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
    padding-right: 0
}

.field .input.textarea {
    height: auto
}

.input.xnarrow,
input.xnarrow {
    width: 13.33333%;
    margin: 0
}

.input.xnarrow:last-child,
input.xnarrow:last-child {
    margin-left: -4px
}

.input.xnarrow:first-child,
input.xnarrow:first-child {
    margin-right: 3.94%;
    margin-left: 0
}

.input.xnarrow:first-child:last-child,
input.xnarrow:first-child:last-child {
    margin: 0
}

.input.narrow,
input.narrow {
    width: 30.66667%;
    margin: 0
}

.input.narrow:last-child,
input.narrow:last-child {
    margin-left: -4px
}

.input.narrow:first-child,
input.narrow:first-child {
    margin-right: 3.94%;
    margin-left: 0
}

.input.narrow:first-child:last-child,
input.narrow:first-child:last-child {
    margin: 0
}

.input.normal,
input.normal {
    width: 48%;
    margin: 0
}

.input.normal:last-child,
input.normal:last-child {
    margin-left: -4px
}

.input.normal:first-child,
input.normal:first-child {
    margin-right: 3.94%;
    margin-left: 0
}

.input.normal:first-child:last-child,
input.normal:first-child:last-child {
    margin: 0
}

.input.wide,
input.wide {
    width: 65.33333%;
    margin: 0
}

.input.wide:last-child,
input.wide:last-child {
    margin-left: -4px
}

.input.wide:first-child,
input.wide:first-child {
    margin-right: 3.94%;
    margin-left: 0
}

.input.wide:first-child:last-child,
input.wide:first-child:last-child {
    margin: 0
}

.input.xwide,
input.xwide {
    width: 82.66667%;
    margin: 0
}

.input.xwide:last-child,
input.xwide:last-child {
    margin-left: -4px
}

.input.xwide:first-child,
input.xwide:first-child {
    margin-right: 3.94%;
    margin-left: 0
}

.input.xwide:first-child:last-child,
input.xwide:first-child:last-child {
    margin: 0
}

.input.xxwide,
input.xxwide {
    width: 100%;
    margin: 0
}

.input.xxwide:last-child,
input.xxwide:last-child {
    margin-left: -4px
}

.input.xxwide:first-child,
input.xxwide:first-child {
    margin-right: 3.94%;
    margin-left: 0
}

.input.xxwide:first-child:last-child,
input.xxwide:first-child:last-child {
    margin: 0
}

.field .label+.narrow:last-child,
.field .label+.normal:last-child,
.field .label+.wide:last-child,
.field .label+.xwide:last-child,
.field .label+.xxwide:last-child,
label+.xnarrow:last-child {
    margin-left: 0
}

@media only screen and (max-width:960px) {
    .xxwide:first-child,
    .xxwide:last-child {
        margin-right: 0
    }
}

.append,
.prepend {
    font-size: 0;
    white-space: nowrap;
    padding-bottom: 3.5px
}

.append .input,
.append input,
.prepend .input,
.prepend input {
    display: inline-block;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0
}

.append:last-child,
.prepend .input,
.prepend input,
.prepend.append input:last-child {
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.append .input,
.append input,
.prepend:first-child,
.prepend.append input:first-child {
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.prepend.append input {
    -o-border-radius: 0;
    border-radius: 0
}

.prepend.append input:last-child {
    margin-left: -1px
}

.append .adjoined,
.append .btn,
.prepend .adjoined,
.prepend .btn {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    z-index: 99
}

.append .btn a,
.append .btn button,
.append .btn input,
.prepend .btn a,
.prepend .btn button,
.prepend .btn input {
    padding: 0 12px
}

.append .adjoined,
.prepend .adjoined {
    padding: 0 10px;
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    color: #555;
    font-size: 18px;
    font-size: 1rem;
    height: 36px;
    line-height: 34px;
    position: relative
}

.prepend .adjoined,
.prepend .btn {
    margin-right: -1px
}

.adjoined:first-child {
    margin-left: 0!important
}

.append .adjoined,
.append .btn {
    margin-left: -1px
}

.append button,
.prepend button {
    display: inline-block
}

.append .input:first-child,
.append input:first-child,
.prepend .input:first-child,
.prepend input:first-child {
    margin-right: 0
}

.double .input,
.double input {
    width: 50%!important
}

.double .input:last-child,
.double input:last-child {
    margin-left: -1px
}

.field .checkbox span,
.field .input,
.field .picker,
.field .radio span,
.field .textarea,
.field input,
.field textarea {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.field.danger:after {
    font-family: entypo;
    content: "\2716";
    font-size: 16px;
    position: absolute;
    top: 14%;
    right: 15px;
    z-index: 999;
    color: #ca3838
}

.field.danger.no-icon:after {
    display: none
}

.field.danger.append:after,
.field.danger.prepend:after {
    content: ""
}

.field.danger .checkbox span,
.field.danger .input,
.field.danger .picker,
.field.danger .radio span,
.field.danger .textarea,
.field.danger input,
.field.danger textarea {
    border-color: #ca3838;
    background: #f0c5c5
}

.field.danger .checkbox span,
.field.danger .input,
.field.danger .picker,
.field.danger .radio span,
.field.danger .textarea,
.field.danger input,
.field.danger input:-moz-placeholder,
.field.danger input::-webkit-input-placeholder,
.field.danger textarea,
.field.danger textarea:-moz-placeholder textarea,
.field.danger textarea::-webkit-input-placeholder {
    color: #ca3838
}

.field.warning:after {
    font-family: entypo;
    content: "\26a0";
    font-size: 16px;
    position: absolute;
    top: 14%;
    right: 15px;
    z-index: 999;
    color: #f6b83f
}

.field.warning.no-icon:after {
    display: none
}

.field.warning.append:after,
.field.warning.prepend:after {
    content: ""
}

.field.warning .checkbox span,
.field.warning .input,
.field.warning .picker,
.field.warning .radio span,
.field.warning .textarea,
.field.warning input,
.field.warning textarea {
    border-color: #f6b83f;
    background: #fef7ea
}

.field.warning .checkbox span,
.field.warning .input,
.field.warning .picker,
.field.warning .radio span,
.field.warning .textarea,
.field.warning input,
.field.warning input:-moz-placeholder,
.field.warning input::-webkit-input-placeholder,
.field.warning textarea,
.field.warning textarea:-moz-placeholder textarea,
.field.warning textarea::-webkit-input-placeholder {
    color: #f6b83f
}

.field.success:after {
    font-family: entypo;
    content: "\2713";
    font-size: 16px;
    position: absolute;
    top: 14%;
    right: 15px;
    z-index: 999;
    color: #58c026
}

.field.success.no-icon:after {
    display: none
}

.field.success.append:after,
.field.success.prepend:after {
    content: ""
}

.field.success .checkbox span,
.field.success .input,
.field.success .picker,
.field.success .radio span,
.field.success .textarea,
.field.success input,
.field.success textarea {
    border-color: #58c026;
    background: #c0eeaa
}

.field.success .checkbox span,
.field.success .input,
.field.success .picker,
.field.success .radio span,
.field.success .textarea,
.field.success input,
.field.success input:-moz-placeholder,
.field.success input::-webkit-input-placeholder,
.field.success textarea,
.field.success textarea:-moz-placeholder textarea,
.field.success textarea::-webkit-input-placeholder {
    color: #58c026
}

.field .picker.danger {
    border-color: #ca3838;
    color: #ca3838;
    background: #f0c5c5;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.field .picker.danger select,
.field .picker.danger:after {
    color: #ca3838
}

.field .picker.warning {
    border-color: #f6b83f;
    color: #f6b83f;
    background: #fef7ea;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.field .picker.warning select,
.field .picker.warning:after {
    color: #f6b83f
}

.field .picker.success {
    border-color: #58c026;
    color: #58c026;
    background: #c0eeaa;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.field .picker.success select,
.field .picker.success:after {
    color: #58c026
}

.tab-content .label.inline {
    bottom: .75em
}

.checkbox {
    cursor: pointer
}

.checkbox.checked span:before {
    font-family: icomoon;
    content: "m";
    position: absolute;
    top: -8px;
    color: #069
}

.no-js .radio input {
    -webkit-appearance: radio;
    margin-left: 1px
}

.no-js .checkbox input {
    -webkit-appearance: checkbox
}

.no-js .checkbox input,
.no-js .radio input {
    display: inline-block;
    width: 16px
}

.js .field .checkbox,
.js .field .radio {
    position: relative
}

.js .field .checkbox.danger,
.js .field .radio.danger {
    color: #ca3838
}

.js .field .checkbox.danger span,
.js .field .radio.danger span {
    border-color: #ca3838;
    color: #ca3838;
    background: #f0c5c5;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.js .field .checkbox.warning,
.js .field .radio.warning {
    color: #f6b83f
}

.js .field .checkbox.warning span,
.js .field .radio.warning span {
    border-color: #f6b83f;
    color: #f6b83f;
    background: #fef7ea;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.js .field .checkbox.success,
.js .field .radio.success {
    color: #58c026;
    color: #555
}

.js .field .checkbox.success i,
.js .field .radio.success i {
    color: #58c026
}

.js .field .checkbox.success span,
.js .field .radio.success span {
    border-color: #58c026;
    color: #58c026;
    background: #c0eeaa;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.js .field .checkbox.checked i,
.js .field .radio.checked i {
    position: absolute;
    top: -1px;
    left: -8px;
    line-height: 16px
}

.js .field .checkbox span,
.js .field .radio span {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: solid 1px #ccc;
    background: #fefefe
}

.js .field .checkbox input[type=checkbox],
.js .field .checkbox input[type=radio],
.js .field .radio input[type=checkbox],
.js .field .radio input[type=radio] {
    display: none
}

.js .field .radio span {
    -o-border-radius: 8px;
    border-radius: 8px
}

.js .field .checkbox span {
    -o-border-radius: 3px;
    border-radius: 3px
}

.field .text input[type=search] {
    -webkit-appearance: textfield
}

.picker {
    background-color: #fff;
    position: relative;
    width: auto;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: auto
}

.picker:after {
    content: "\25BE";
    font-family: entypo;
    z-index: 0;
    position: absolute;
    right: 8%;
    top: 50%;
    margin-top: -12px;
    color: #555
}

.picker:first-child {
    margin-left: 0
}

.picker select {
    position: relative;
    display: block;
    min-width: 100%;
    width: 135%;
    height: 34px;
    padding: 6px 45px 6px 15px;
    color: #555;
    border: none;
    background: 0 0;
    outline: 0;
    -webkit-appearance: none;
    z-index: 99;
    cursor: pointer
}

.picker select::-ms-expand {
    display: none
}

input[type=search] {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=submit].icon {
    font-family: icomoon
}

.search,
form[role=form] {
    margin: .5em 0
}

.search .append input[type=submit],
form[role=form] .append input[type=submit] {
    background-color: #069;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 38px;
    width: auto;
    line-height: 34px;
    padding: 0 .5em;
    position: relative;
    font-size: 1rem
}

.search .append input[type=submit].orange,
form[role=form] .append input[type=submit].orange {
    background-color: #ff9b0f
}

.search .append input[type=submit].mint-green,
form[role=form] .append input[type=submit].mint-green {
    background-color: #75d4ba
}

.search .append input[type=submit].icon,
form[role=form] .append input[type=submit].icon {
    font-family: icomoon;
    position: relative;
    top: 2px
}

.search.hero,
form[role=form].hero {
    background-color: #fff;
    padding: 1em 0;
    position: relative
}

.search.hero .label,
form[role=form].hero .label {
    color: #069;
    margin: 0;
    line-height: 1
}

.search.hero form,
form[role=form].hero form {
    margin: 1em 0
}

.sidebar .search .field .input,
.sidebar form[role=form] .field .input {
    height: 38px
}

.polar .search {
    margin: 0
}

.polar .search form {
    margin: .75em 0
}

@media only screen and (min-width:45em) {
    .polar .search form {
        margin: .25em 0
    }
}

.polar .search .append .input[type=search],
.polar .search .append .input[type=text] {
    border: 1px solid #e9e9e9;
    height: 34px
}

.universal .search {
    display: none
}

@media only screen and (min-width:64.375em) {
    .universal .search {
        display: block;
        margin-top: 4em
    }
}

@media only screen and (min-width:77.5em) {
    .site-search .field .label,
    .site-search .input {
        position: relative
    }
    .site-search .field .label {
        float: left;
        margin-left: 0;
        width: 31.491712705%
    }
    .site-search .input {
        float: right;
        margin-left: 2.762430939%;
        width: 65.74585634900001%
    }
}

.tabs {
    display: block;
    margin-bottom: 1em
}

.tab-nav {
    margin: 0;
    padding: 0
}

.tab-nav>li {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0 2.12766% 0 0;
    cursor: default;
    top: 1px
}

.tab-nav>li>li {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0 2.12766% 0 0;
    cursor: default;
    top: 1px;
    box-shadow: 0 1px 0 #fff
}

.tab-nav>li>li>a {
    display: block;
    width: auto;
    padding: 0 .5em;
    margin: 0;
    color: #444;
    background: #f2f2f2;
    cursor: pointer;
    border-radius: 4px 4px 0 0
}

.tab-nav>li>li>a:hover {
    text-decoration: none
}

.tab-nav>li>li>a:active {
    background: #e9e9e9
}

.tab-nav>li>li.active>a {
    border-bottom: none
}

.tab-nav>li:last-child,
.tab-nav>li>li:last-child {
    margin-right: 0
}

.tab-nav>li>a {
    display: block;
    width: auto;
    padding: 0 .5em;
    margin: 0;
    color: #444;
    border-width: 1px 1px 0;
    background: #fff;
    cursor: pointer;
    border-radius: 4px 4px 0 0
}

.tab-nav>li>a:hover {
    text-decoration: none;
    background: #f5f5f5
}

.tab-nav>li>a:active {
    background: #ededed
}

.tab-nav>li.active>a {
    border-bottom: none
}

.widget-title {
    position: relative;
    top: 2px!important
}

.widget-title:before {
    position: relative;
    top: 4px
}

.tabs.pill {
    border-top: 1px solid #e9e9e9
}

.tabs.pill .tab-nav {
    width: 100%;
    display: table;
    overflow: hidden;
    -o-border-radius: 4px;
    border-radius: 4px
}

.tabs.pill .tab-nav>li {
    display: table-cell;
    margin: 0;
    margin-left: -4px;
    text-align: center;
    top: 0
}

.tabs.pill .tab-nav>li:first-child {
    margin-left: 0
}

.tabs.pill .tab-nav>li>a {
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-radius: 0;
    height: 2.4em;
    line-height: 2.4
}

.tabs.pill .tab-nav>li:nth-child(2) a {
    background: #f5f5f5
}

.tabs.pill .tab-nav>li.active a {
    background: #313547;
    color: #fff
}

.tabs.pill .tab-nav>li:last-child a {
    border-right: none
}

.tab-content {
    display: none;
    padding: 20px 10px
}

.tab-content.active {
    display: block
}

.tabs.vertical .tab-nav {
    border: none
}

.tabs.vertical .tab-nav>li {
    display: block;
    margin: 0;
    margin-bottom: 5px
}

.tabs.vertical .tab-nav>li.active {
    position: relative;
    z-index: 99
}

.tabs.vertical .tab-nav>li.active>a {
    border-right: 1px solid #fff
}

.tabs.vertical .tab-nav>li>a {
    border: 1px solid #e5e5e5
}

.tabs.vertical .tab-content {
    padding: 10px 0 30px 20px;
    margin-left: -1px;
    border-left: 1px solid #e5e5e5
}

.login-error {
    background-color: rgba(226, 98, 79, .5);
    color: #454545;
    margin: 0 auto 2em;
    padding: 1em;
    width: 66%
}

.login {
    color: #fff;
    padding: .5em .5em 0
}

.login .title {
    color: #fff;
    line-height: 1
}

.login input[type=password],
.login input[type=text] {
    -webkit-appearance: none!important;
    -o-border-radius: 4px;
    border-radius: 4px;
    border-style: none;
    color: #454545;
    display: block;
    min-height: 36px;
    padding: 0 .25em;
    width: 100%
}

.login input[type=submit] {
    border: none;
    color: #454545;
    margin-top: 1em;
    padding: .5em
}

.login .shark-logo {
    background: transparent url("brand/shark-logo(2x).png") no-repeat
}

.js p#login-error {
    display: none
}

.public-gradient {
    background-color: #336d46;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428c5a), to(#336d46));
    background-image: -webkit-linear-gradient(top, #428c5a, #336d46);
    background-image: linear-gradient(top, #428c5a, #336d46)
}

.HPD-gradient {
    background-color: #74a3ff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a2c1ff), to(#74a3ff));
    background-image: -webkit-linear-gradient(top, #a2c1ff, #74a3ff);
    background-image: linear-gradient(top, #a2c1ff, #74a3ff)
}

.UNS-gradient {
    background-color: #f5ab27;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7bc53), to(#f5ab27));
    background-image: -webkit-linear-gradient(top, #f7bc53, #f5ab27);
    background-image: linear-gradient(top, #f7bc53, #f5ab27)
}

.search-widget {
    background-color: rgba(255, 255, 255, .9);
    margin: 3em auto!important;
    padding: 1em 0
}

.search-widget .input,
.search-widget .picker {
    position: relative
}

.search-widget .picker {
    float: left;
    width: 22.928176794%
}

.search-widget .input {
    float: right;
    width: 74.30939226%
}

.search__button--inside:hover,
.search__search-field:active+.search__button--inside,
.search__search-field:focus+.search__button--inside,
.search__search-field:hover+.search__button--inside {
    color: #069!important
}

.search__button--inside {
    background-color: transparent;
    color: #d8d8d8!important;
    margin-top: .5em!important;
    margin-right: .25em!important;
    position: absolute;
    right: 0;
    width: auto!important
}

.search__link--options {
    color: #d8d8d8;
    float: right;
    margin: -1em auto 0
}

.search__link--options:before {
    content: "\f013";
    font-family: FontAwesome;
    margin-right: .1em
}

.header .field {
    margin: .5em 0
}

.header .input {
    height: 34px
}

.header .search__button--inside {
    top: 0
}

.has-overlay {
    overflow: hidden
}

.has-overlay>body {
    height: 100%;
    overflow-y: scroll
}

.modal {
    -ms-transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9000;
    opacity: 0
}

.modal:target {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.modal .modal-inner {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 20;
    margin-left: -325px;
    width: 650px;
    overflow-x: hidden;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6)
}

.modal .modal-inner>iframe,
.modal .modal-inner>img,
.modal .modal-inner>video {
    width: 100%;
    height: auto;
    min-height: 300px
}

.modal .modal-inner>img {
    width: auto;
    max-width: 100%
}

.modal header {
    padding: 1em .5em 0
}

.modal .modal-content {
    max-height: 400px;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto
}

.modal .modal-content>* {
    max-width: 100%
}

.modal .modal-content a,
.modal .modal-content a:visited {
    color: #444
}

.modal .modal-content a:active,
.modal .modal-content a:focus,
.modal .modal-content a:hover,
.modal .modal-content a:visited:active,
.modal .modal-content a:visited:focus,
.modal .modal-content a:visited:hover {
    color: #31c6db
}

.modal .modal-content a:before,
.modal .modal-content a:visited:before {
    color: #21aabd;
    border: 1px solid #21aabd;
    border-radius: 50%;
    font-size: 25px;
    margin-right: .5em;
    padding: .25em;
    top: 4px
}

.modal .modal-content a.error,
.modal .modal-content a.error:before,
.modal .modal-content a:visited.error,
.modal .modal-content a:visited.error:before {
    color: #e2624f;
    cursor: text;
    border-color: #e2624f
}

.modal .hero {
    padding: .5em
}

.modal footer {
    background-color: #f9f9f9;
    padding: 1em .5em
}

.modal .modal-close {
    display: block;
    text-indent: -100px;
    overflow: hidden
}

.modal .modal-close:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==)
}

.modal .modal-close:after {
    content: '\00d7';
    position: absolute;
    top: 55px;
    left: 50%;
    z-index: 20;
    margin-left: 285px;
    background: #fff;
    border-radius: 2px;
    padding: 2px 8px;
    font-size: 1.2em;
    text-decoration: none;
    text-indent: 0
}

@media screen and (max-width:690px) {
    .modal .modal-inner {
        width: auto;
        left: 20px;
        right: 20px;
        margin-left: 0
    }
    .modal .modal-close {
        left: auto;
        right: 33px;
        margin-left: 0
    }
    .modal .modal-close:after {
        margin-left: 40%
    }
}

@media screen and (max-width:30em) {
    .modal {
        -webkit-transform: translate(0, 400px);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
        transition: transform .25s ease-in-out, opacity 1ms .25s;
        display: block;
        height: 100%;
        bottom: auto
    }
    .modal:target {
        -webkit-transition: -webkit-transform .25s ease-in-out;
        transition: transform .25s ease-in-out
    }
    .modal:before {
        background-color: #27aae2;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3));
        background-image: -webkit-linear-gradient(top, #27aae2, #1c9cd3);
        background-image: linear-gradient(to bottom, #27aae2, #1c9cd3);
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 30;
        height: 3em;
        box-shadow: 0 0 5px rgba(0, 0, 0, .6)
    }
    .modal .modal-inner {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        top: 0;
        left: 0;
        right: 0;
        padding-top: 3em;
        height: 100%;
        overflow: scroll;
        box-shadow: none
    }
    .modal .modal-content {
        max-height: none
    }
    .modal .modal-close {
        right: auto;
        text-decoration: none
    }
    .modal .modal-close:before {
        display: none
    }
    .modal .modal-close:after {
        content: attr(data-close);
        top: .4em;
        left: 1em;
        z-index: 40;
        margin-left: 0;
        font-size: 1em;
        padding: .5em 1em
    }
}

@media screen and (max-height:46em) and (min-width:30em) {
    .modal .modal-content {
        max-height: 340px;
        max-height: 50vh
    }
}

@media screen and (max-height:36em) and (min-width:30em) {
    .modal .modal-content {
        max-height: 265px;
        max-height: 40vh
    }
}

@media screen and (min-width:30em) {
    .modal {
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }
}

.menu-header {
    border-bottom: 2px solid #e9e9e9
}

.menu {
    padding: 0
}

.menu ul {
    list-style-type: none
}

.top-menu {
    display: none;
    overflow: hidden
}

@media only screen and (min-width:64.375em) {
    .top-menu {
        background-color: #313547;
        display: block;
        height: 0;
        visibility: hidden
    }
    .top-menu a,
    .top-menu a:visited {
        color: #91cdeb;
        text-decoration: none
    }
    .top-menu a:active,
    .top-menu a:hover,
    .top-menu a:visited:active,
    .top-menu a:visited:hover {
        color: #b8dff2
    }
    .top-menu .menu {
        padding: 0
    }
    .top-menu .menu>li {
        float: left;
        margin-right: 3em;
        list-style-type: none
    }
    .top-menu .menu>li:last-child {
        margin-right: 0
    }
    .top-menu .menu>li>a {
        color: #fff;
        font-size: 1.1667em
    }
    .top-menu .sub-menu {
        border-left: 2px solid #fff;
        padding: 0 0 0 1em
    }
    .top-menu .brick__footer,
    .top-menu .search__link--options,
    .top-menu .small-text,
    .top-menu figure,
    .top-menu small {
        color: #fff;
        display: block;
        position: relative;
        top: -.25em
    }
    .top-menu .current-menu-item>a,
    .top-menu .current-page-ancestor>a {
        color: #fff
    }
    .top-menu .current-page-ancestor .current-menu-item:before {
        color: #e2624f;
        content: "K";
        font-family: icomoon;
        position: absolute;
        margin-left: -1.25em
    }
    .top-menu .current-page-ancestor .current-menu-item {
        padding-left: 1em
    }
}

.top-menu #menu-top-menu {
    zoom: 1
}

.top-menu #menu-top-menu:after,
.top-menu #menu-top-menu:before {
    content: "";
    display: table
}

.top-menu #menu-top-menu:after {
    clear: both
}

input[id=top-menu]:checked~.top-menu {
    height: 15em;
    visibility: visible
}

.badges {
    display: inline-block
}

.badges a,
.badges a:visited {
    color: #e9e9e9
}

.menu .has-subnav>.sub-menu {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    color: #444;
    left: 0;
    margin-top: 1em;
    padding: 0 .5em;
    position: absolute;
    text-align: left;
    z-index: 2
}

.menu .has-subnav>.sub-menu:before {
    border-left: .5em solid transparent;
    border-right: .5em solid transparent;
    border-bottom: .5em solid #fff;
    content: "";
    left: 1em;
    margin-top: -.5em;
    height: 0;
    position: absolute;
    width: 0
}

@media only screen and (min-width:45em) {
    .menu .has-subnav>.sub-menu {
        border-radius: 4px;
        left: auto
    }
}

.menu .has-subnav>.sub-menu a,
.menu .has-subnav>.sub-menu a:visited {
    color: #313547
}

.menu .has-subnav>.sub-menu a:active,
.menu .has-subnav>.sub-menu a:hover,
.menu .has-subnav>.sub-menu a:visited:active,
.menu .has-subnav>.sub-menu a:visited:hover {
    color: #444962
}

.menu .has-subnav>.sub-menu li {
    border-bottom: 1px solid #e9e9e9;
    padding: 1em 0
}

@media only screen and (min-width:45em) {
    .menu .has-subnav>.sub-menu li {
        padding: .5em 0
    }
}

.menu .has-subnav>.sub-menu li:last-child {
    border-bottom: none
}

.js .has-subnav>.sub-menu {
    display: none
}

.kids .pill-menu .secondary>.label:before,
.white .pill-menu .secondary>.label:before {
    border-left: 18px solid #fff
}

.pill-menu>ul>li {
    display: inline-block
}

.pill-menu .primary>.label,
.pill-menu .secondary>.label {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer;
    padding: .5em;
    position: relative
}

.pill-menu .sub-menu {
    width: 100%
}

.pill-menu .primary>.label {
    border-radius: 5px 0 0 5px
}

.pill-menu .primary>.label:after {
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #50afdf;
    content: "";
    right: -1em;
    top: 0;
    position: absolute;
    z-index: 1
}

.pill-menu .secondary>.label {
    border-radius: 0 5px 5px 0;
    margin-left: 0;
    padding-left: 25px
}

.pill-menu .secondary>.label:before {
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #91cdeb;
    content: "";
    height: 0;
    left: 0;
    top: 0;
    position: absolute;
    width: 0;
    z-index: 0
}

.pill-menu .secondary>.teens-toggle:before {
    border-bottom: 0 solid transparent;
    border-top: 38px solid transparent;
    border-left: 18px solid #91cdeb;
    content: "";
    height: 0;
    left: 0;
    top: 0;
    position: absolute;
    width: 0;
    z-index: 0
}

.pill-menu input[id=primary-menu]:checked~.sub-menu,
.pill-menu input[id=secondary-menu]:checked~.sub-menu {
    display: block
}

.header.kids .pill-menu .primary>.label {
    background-color: #91cdeb
}

.header.kids .pill-menu .primary>.label:after {
    border-left-color: #91cdeb
}

.header.kids .pill-menu .secondary>.label {
    background-color: #50afdf
}

.menu__icons {
    display: inline-block;
    margin: 0 .25em
}

.menu__icons [class*=" icon-"],
.menu__icons [class^=icon-] {
    border: 2px solid #f5f5f5;
    border-radius: 4px;
    color: #ddd;
    display: inline-block;
    margin: 0;
    padding: 0 .5em
}

.menu__icons [class*=" icon-"]:before,
.menu__icons [class^=icon-]:before {
    position: relative;
    top: 3px
}

.menu__icons [class*=" icon-"]:last-child:after,
.menu__icons [class^=icon-]:last-child:after {
    content: ""
}

.menu__icons [class*=" icon-"]:active,
.menu__icons [class*=" icon-"]:focus,
.menu__icons [class*=" icon-"]:hover,
.menu__icons [class^=icon-]:active,
.menu__icons [class^=icon-]:focus,
.menu__icons [class^=icon-]:hover {
    color: #069;
    text-decoration: none
}

.drop-down,
.menu--actions {
    background-color: #313547;
    border-right: 2px solid #fff;
    bottom: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: fixed!important;
    overflow-y: auto;
    text-align: left;
    top: 0;
    width: 90%
}

@media only screen and (max-width:64.375em) {
    .drop-down,
    .menu--actions {
        box-shadow: 0 0 13px #000;
        transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%)
    }
}

@media only screen and (max-width:64.375em) {
    .drop-down a,
    .drop-down a:visited,
    .menu--actions a,
    .menu--actions a:visited {
        color: #fff;
        display: block;
        font-size: 21px;
        margin-bottom: auto;
        padding: .5em 1em
    }
    .drop-down a:focus,
    .drop-down a:hover,
    .drop-down a:visited:focus,
    .drop-down a:visited:hover,
    .menu--actions a:focus,
    .menu--actions a:hover,
    .menu--actions a:visited:focus,
    .menu--actions a:visited:hover {
        background-color: #444962;
        color: #fff
    }
}

@media only screen and (max-width:64.375em) {
    .drop-down>li:not(: first-child), .menu--actions>li:not(: first-child) {
        border-top: 1px solid #444962
    }
}

.drop-down .sub-menu,
.menu--actions .sub-menu {
    display: none;
    list-style-type: none;
    padding-left: 1em
}

@media only screen and (min-width:64.375em) {
    .drop-down,
    .menu--actions {
        background-color: #fff;
        border-right: none;
        position: relative!important;
        color: #444;
        display: inline;
        margin: 0;
        left: 0;
        line-height: 2.75;
        padding: 0 0 0 .5em;
        overflow-y: visible
    }
    .drop-down>li,
    .menu--actions>li {
        border-right: 2px solid #91cdeb;
        display: inline-block;
        padding: 0 1em
    }
    .drop-down>li:first-of-type,
    .menu--actions>li:first-of-type {
        padding-left: 0
    }
    .drop-down>li:last-child,
    .menu--actions>li:last-child {
        border-right: none
    }
    .drop-down .sub-menu,
    .menu--actions .sub-menu {
        background-color: #fff;
        list-style-type: none;
        margin-left: -1.4em;
        padding: 0;
        position: absolute
    }
    .drop-down .sub-menu>li,
    .menu--actions .sub-menu>li {
        border-left: 2px solid #069;
        border-bottom: 1px solid #313547;
        border-right: 1px solid #e9e9e9;
        padding: 0 1em
    }
    .drop-down .sub-menu>li:last-child,
    .menu--actions .sub-menu>li:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }
}

.menu--actions .menu-item a {
    color: #069;
    font-size: 80%
}

.menu--actions .icon-user {
    font-size: 1rem;
    position: relative;
    top: 2px
}

.menu--actions .icon-user:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: .5em;
    position: relative;
    top: -3px
}

@media only screen and (min-width:77.5em) {
    .menu--actions__user:before {
        color: #444;
        content: attr(data-content);
        position: absolute;
        left: 0;
        margin-top: 6px;
        text-decoration: none
    }
}

input#drop-panel:checked~.drop-down,
input#drop-panel:checked~.menu--actions {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0)
}

.label[for=drop-panel] {
    margin-left: 1%;
    padding: .25em 1em
}

.label[for=drop-panel].close {
    margin-right: 1em
}

@media only screen and (min-width:45em) {
    .label[for=drop-panel].open {
        float: none
    }
}

@media only screen and (min-width:64.375em) {
    .label[for=drop-panel] {
        display: none
    }
}

.no-js .drop-down>li:hover .sub-menu,
.no-js .menu--actions>li:hover .sub-menu {
    display: block
}

.sidebar.stuck {
    padding-right: 1em
}

.sidebar.stuck .has-border {
    margin-right: 1.25em
}

.sidebar .menu {
    margin-top: 0;
    color: #555;
    list-style-type: none
}

.sidebar .menu .sub-menu {
    padding: 0
}

.sidebar .menu li a,
.sidebar .menu li a:visited {
    color: #555;
    display: block;
    padding: .25em 0
}

.sidebar .menu li a:active,
.sidebar .menu li a:hover,
.sidebar .menu li a:visited:active,
.sidebar .menu li a:visited:hover {
    background-color: #e9e9e9;
    text-decoration: none
}

.browse-subjects {
    padding: 0 .5em
}

.browse-subjects li {
    list-style-type: none
}

.browse-subjects>.cat-item {
    margin-bottom: 1em
}

.browse-subjects>.cat-item>a {
    font-size: 2em
}

.browse-subjects .cat-item a {
    text-decoration: none
}

.browse-subjects .cat-item .children li {
    display: inline-block;
    width: 32%
}

.slide-panel>label {
    display: block;
    margin-top: 0;
    padding: .5em;
    text-align: center
}

@media only screen and (min-width:45em) {
    .slide-panel>label {
        float: right;
        margin: .5em auto;
        padding: .5em 2em
    }
}

@media only screen and (min-width:45em) {
    .slide-panel.polar {
        float: left;
        margin: 0
    }
}

@media only screen and (min-width:45em) {
    .slide-panel.polar>label {
        background-color: #069;
        color: #fff!important;
        float: none;
        height: 36px;
        margin-left: 1.3em;
        padding: 0 1em
    }
    .slide-panel.polar>label:before {
        background-color: #0085c7;
        border-radius: 4px;
        color: #fff;
        content: '☰';
        height: 36px;
        margin-left: -2.3em;
        padding: 0 .5em;
        position: absolute
    }
    .slide-panel.polar>label:focus,
    .slide-panel.polar>label:hover {
        background-color: #0085c7
    }
}

@media only screen and (min-width:64.375em) {
    .slide-panel .checkbox-toggle,
    .slide-panel .label {
        display: none
    }
}

.slide-panel-menu {
    background-color: #313547;
    border-right: 2px solid #fff;
    bottom: 0;
    position: fixed;
    left: -100%;
    overflow-y: auto;
    padding: 1em;
    text-align: left;
    top: 0;
    width: 90%;
    z-index: 5
}

.slide-panel-menu .menu li:not(:first-child) {
    border-top: 1px solid #fff
}

.slide-panel-menu a,
.slide-panel-menu a:visited {
    color: #fff;
    margin-bottom: auto
}

.slide-panel-menu a:focus,
.slide-panel-menu a:hover,
.slide-panel-menu a:visited:focus,
.slide-panel-menu a:visited:hover {
    color: #fff;
    outline: 1px solid #fff
}

.slide-panel-menu>label {
    cursor: pointer
}

.slide-panel-menu .menu-mobile-fly-out {
    padding: 0
}

.slide-panel-menu label {
    color: #e9e9e9
}

@media only screen and (min-width:45em) {
    .slide-panel-menu {
        width: 33%
    }
    .slide-panel-menu .menu-mobile-menu-container {
        width: 100%
    }
}

@media only screen and (min-width:64.375em) {
    .slide-panel-menu {
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;
        position: static;
        width: auto
    }
    .slide-panel-menu .menu-mobile-fly-out-container {
        display: none
    }
}

.slide-panel-menu ul li {
    list-style-type: none;
    margin: 0 auto 1em
}

.slide-panel-menu ul li a {
    display: block;
    padding: .25em .5em
}

.slide-panel-menu ul li .sub-menu {
    margin: .5em auto
}

.slide-panel-menu ul li .sub-menu li {
    margin-bottom: .5em
}

.slide-panel input.checkbox-toggle:checked~.slide-panel-menu {
    left: 0
}

.brick,
.brick--full,
.brick--ninecol,
.brick--sixcol {
    float: left;
    height: auto;
    margin-bottom: .5em;
    padding: 1em;
    position: relative;
    width: 22.928176794%
}

.brick--sixcol {
    width: 47.3%
}

.brick--ninecol {
    width: 71.3%
}

.brick--full {
    width: 100%
}

.brick .panel,
.brick--full .panel,
.brick--ninecol .panel,
.brick--sixcol .panel {
    height: auto;
    padding: 3em 0;
    width: 100%
}

.brick .panel__link,
.brick--full .panel__link,
.brick--ninecol .panel__link,
.brick--sixcol .panel__link {
    bottom: 33%
}

.brick__post {
    border: 1px solid #e9e9e9;
    overflow: hidden
}

.brick__post:active,
.brick__post:focus,
.brick__post:hover {
    box-shadow: 0 4px 11px -3px rgba(0, 0, 0, .3)
}

.brick a.media:hover img,
.brick--full a.media:hover img,
.brick--ninecol a.media:hover img,
.brick--sixcol a.media:hover img {
    opacity: .8;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.brick__header {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    padding: 1em 2em;
    position: relative
}

.brick__header:after {
    border: 11px solid transparent;
    border-top-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    left: 10%;
    margin-bottom: -21px;
    margin-left: 1px;
    position: absolute;
    z-index: 2
}

.brick__header:before {
    border: 12px solid transparent;
    border-top-color: #e9e9e9;
    bottom: 0;
    content: "";
    display: block;
    left: 10%;
    margin-bottom: -24px;
    position: absolute;
    z-index: 1
}

.brick__header.brick__header--flip:after {
    bottom: auto;
    border-bottom-color: #fff;
    border-top-color: transparent;
    top: 0;
    margin-bottom: 0;
    margin-top: -21px
}

.brick__header.brick__header--flip:before {
    border-bottom-color: #e9e9e9;
    border-top-color: transparent;
    bottom: auto;
    top: 0;
    margin-bottom: 0;
    margin-top: -24px
}

.brick__header .title {
    margin-bottom: 0
}

.brick__header .title[rel]:before {
    color: #313547;
    content: attr(rel);
    display: block;
    font-size: 18px
}

.brick p,
.brick--full p,
.brick--ninecol p,
.brick--sixcol p,
.brick__excerpt,
.brick__excerpt p {
    font-size: 1em;
    margin: 0
}

.brick__excerpt {
    background-color: #313547;
    color: #fff
}

.brick__excerpt,
.brick__hook {
    padding: 1em 2em
}

.brick__hook {
    background-color: #fff
}

.brick__excerpt a {
    color: #75d4ba
}

.brick__excerpt a:active,
.brick__excerpt a:focus,
.brick__excerpt a:hover {
    color: #98dfcb
}

.brick__footer {
    background-color: #f9f9f9;
    border-top: 1px solid #e9e9e9;
    padding: 1em
}

.panel {
    display: block;
    float: left;
    height: 250px;
    margin: 0;
    position: relative;
    width: 50%
}

.panel.background-green:hover {
    background-color: #31c6db
}

.panel__link {
    bottom: 10%;
    color: #fff!important;
    display: block;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
    word-wrap: normal
}

@media only screen and (min-width:64em) {
    .panel.one-half {
        width: 50%
    }
    .panel.one-third {
        width: 33.3333%
    }
    .panel.one-fourth {
        width: 25%
    }
}

.panel a.button,
.panel a.button--small {
    color: #fff!important;
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    word-wrap: normal
}

.panel a.align-bottom.button--small,
.panel a.button.align-bottom {
    bottom: 10%
}

@media only screen and (min-width:45em) {
    .panel a.button,
    .panel a.button--small {
        border: 2px solid #fff;
        left: 10%;
        right: 10%;
        width: 80%
    }
}

@media only screen and (min-width:64em) {
    .panel a.button,
    .panel a.button--small {
        font-size: 21px;
        font-size: 1.16667rem
    }
}

.panel.ask,
.panel.audiobooks,
.panel.books,
.panel.bus,
.panel.catalog,
.panel.citation-management,
.panel.compose,
.panel.dictionary,
.panel.ebooks,
.panel.event,
.panel.games,
.panel.genealogy,
.panel.guides,
.panel.heart,
.panel.help,
.panel.homework-helpers,
.panel.kids,
.panel.library-card,
.panel.movies,
.panel.music,
.panel.new-and-good,
.panel.periodical,
.panel.piechart,
.panel.research,
.panel.scholar,
.panel.status-calendar,
.panel.status-contact,
.panel.status-directions,
.panel.status-hours,
.panel.support,
.panel.teens {
    background-image: url(media/sprite.png);
    background-repeat: no-repeat
}

.panel.ask {
    background: #069 url(media/ask.png) no-repeat center 1em
}

.panel.ask:hover {
    background-color: #0077b3
}

.panel.ask .button--small:hover,
.panel.ask .button:hover {
    background-color: #0085c7
}

.panel.audiobooks {
    background: #61d4e4 url(media/music.png) no-repeat center 1em
}

.panel.audiobooks:hover {
    background-color: #77dae8
}

.panel.audiobooks .button--small:hover,
.panel.audiobooks .button:hover {
    background-color: #88dfeb
}

.panel.bus {
    background: #75d4ba url(media/bus.png) no-repeat center 1em
}

.panel.bus:hover {
    background-color: #88dac4
}

.panel.bus .button--small:hover,
.panel.bus .button:hover {
    background-color: #98dfcb
}

.panel.books {
    background: #e2624f url("media/dictionary(2x).png") no-repeat center 1em
}

.panel.books:hover {
    background-color: #e67665
}

.panel.books .button--small:hover,
.panel.books .button:hover {
    background-color: #e88576
}

.panel.compose {
    background: #61d4e4 url(media/compose.png) no-repeat center 1em
}

.panel.compose:hover {
    background-color: #77dae8
}

.panel.compose .button--small:hover,
.panel.compose .button:hover {
    background-color: #88dfeb
}

.panel.catalog {
    background: #61d4e4 url("media/search(2x).png") no-repeat center 1em
}

.panel.catalog:hover {
    background-color: #77dae8
}

.panel.catalog .button--small:hover,
.panel.catalog .button:hover {
    background-color: #88dfeb
}

.panel.citation-management {
    background: #4cc3ff url(media/compose.png) no-repeat center 1em
}

.panel.citation-management:hover {
    background-color: #77dae8
}

.panel.citation-management .button--small:hover,
.panel.citation-management .button:hover {
    background-color: #88dfeb
}

.panel.dictionary {
    background: transparent url("media/dictionary(2x).png") no-repeat center 1em
}

.panel.ebooks {
    background: #1fbaf2 url(media/ebooks.png) no-repeat center 1em
}

.panel.ebooks:hover {
    background-color: #37c1f3
}

.panel.ebooks .button--small:hover,
.panel.ebooks .button:hover {
    background-color: #4ac7f5
}

.panel.event {
    background: #21aabd url("media/event(2x).png") no-repeat center 1em
}

.panel.event:hover {
    background-color: #25bed3
}

.panel.event .button--small:hover,
.panel.event .button:hover {
    background-color: #31c6db
}

.panel.games {
    background: #ffae3d url("media/games(2x).png") no-repeat center 1em
}

.panel.games:hover {
    background-color: #ffb957
}

.panel.games .button--small:hover,
.panel.games .button:hover {
    background-color: #ffc16b
}

.panel.genealogy {
    background: #21aabd url(media/genealogy.png) no-repeat center 1em
}

.panel.genealogy:hover {
    background-color: #25bed3
}

.panel.genealogy .button--small:hover,
.panel.genealogy .button:hover {
    background-color: #31c6db
}

.panel.guides {
    background: #50afdf url(media/guides.png) no-repeat center 1em
}

.panel.guides:hover {
    background-color: #66b9e3
}

.panel.guides .button--small:hover,
.panel.guides .button:hover {
    background-color: #77c1e6
}

.panel.heart {
    background: #e2624f url(media/heart.png) no-repeat center 1em
}

.panel.heart:hover {
    background-color: #e67665
}

.panel.heart .button--small:hover,
.panel.heart .button:hover {
    background-color: #e88576
}

.panel.help {
    background: #25bed3 url(media/help.png) no-repeat center 1em
}

.panel.help:hover {
    background-color: #25bed3
}

.panel.help .button--small:hover,
.panel.help .button:hover {
    background-color: #31c6db
}

.panel.homework-helpers {
    background: #ffae3d url("media/scholar(2x).png") no-repeat center 1em
}

.panel.homework-helpers:hover {
    background-color: #ffb957
}

.panel.homework-helpers .button--small:hover,
.panel.homework-helpers .button:hover {
    background-color: #ffc16b
}

.panel.kids {
    background: #e2624f url("media/kids(2x).png") no-repeat center 1em
}

.panel.kids:hover {
    background-color: #e46e5c
}

.panel.kids .button--small:hover,
.panel.kids .button:hover {
    background-color: #e88576
}

.panel.library-card {
    background-color: #3EBED6
}

.panel.library-card:hover {
    background-color: #4bc2d9
}

.panel.library-card .button--small:hover,
.panel.library-card .button:hover {
    background-color: #64cbde
}

.panel.movies {
    background: #555 url(media/movies.png) no-repeat center 1em
}

.panel.movies:hover {
    background-color: #626262
}

.panel.movies .button--small:hover,
.panel.movies .button:hover {
    background-color: #6c6c6c
}

.panel.music {
    background: #75d4ba url(media/record.png) no-repeat center 1em
}

.panel.music:hover {
    background-color: #88dac4
}

.panel.music .button--small:hover,
.panel.music .button:hover {
    background-color: #98dfcb
}

.panel.new-and-good {
    background: #4cc3ff url("media/picks(2x).png") no-repeat center 1em
}

.panel.new-and-good:hover {
    background-color: #6ed8e6
}

.panel.new-and-good .button--small:hover,
.panel.new-and-good .button:hover {
    background-color: #88dfeb
}

.panel.periodical {
    background: #069 url(media/periodical.png) no-repeat center 1em
}

.panel.periodical:hover {
    background-color: #0077b3
}

.panel.periodical .button--small:hover,
.panel.periodical .button:hover {
    background-color: #0085c7
}

.panel.piechart {
    background: #555 url(media/piechart.png) no-repeat center 1em
}

.panel.piechart:hover {
    background-color: #626262
}

.panel.piechart .button--small:hover,
.panel.piechart .button:hover {
    background-color: #6c6c6c
}

.panel.research {
    background: #4b5971 url("media/scholar(2x).png") no-repeat center 1em
}

.panel.research:hover {
    background-color: #556580
}

.panel.research .button--small:hover,
.panel.research .button:hover {
    background-color: #5d6f8d
}

.panel.scholar {
    background: #ffae3d url("media/scholar(2x).png") no-repeat center 1em
}

.panel.support {
    background: #069 url(media/support.png) no-repeat center 1em
}

.panel.support:hover {
    background-color: #0077b3
}

.panel.support .button--small:hover,
.panel.support .button:hover {
    background-color: #0085c7
}

.panel.teens {
    background: #ffae3d url(media/rocket.png) no-repeat center 1em
}

.panel.teens:hover {
    background-color: #ffb957
}

.panel.teens .button--small:hover,
.panel.teens .button:hover {
    background-color: #ffc16b
}

.panel.status-hours {
    background: url("media/hours(2x).png") no-repeat center center
}

.panel.status-calendar {
    background: url(media/support.png) no-repeat center center
}

.panel.status-contact {
    background: url("media/contact(2x).png") no-repeat center center
}

.panel.status-directions {
    background: url("media/directions(2x).png") no-repeat center center
}

@media only screen and (min-width:64em) {
    .panel.status-calendar,
    .panel.status-contact,
    .panel.status-directions,
    .panel.status-hours {
        background-size: 50%
    }
    .panel.status-calendar:hover,
    .panel.status-contact:hover,
    .panel.status-directions:hover,
    .panel.status-hours:hover {
        background-size: 60%
    }
}

.panel .label {
    bottom: 0;
    color: #455268;
    position: absolute;
    left: 0;
    right: 0
}

.sidebar .panel {
    height: 150px;
    width: 50%
}

.universal {
    background-color: #003893;
    border-bottom: ;
    box-shadow: inset 0 -2px 10px rgba(0, 0, 0, .1);
    color: #e9e9e9;
    display: block
}

.universal.kids {
    background-color: #50afdf;
    border-bottom: 5px solid #91cdeb
}

@media only screen and (min-width:64em) {
    .universal.kids {
        background-image: url(media/toddlers.png);
        background-repeat: no-repeat;
        background-position: 90% 0
    }
}

@media only screen and (min-width:77.5em) {
    .universal.kids {
        background-position: 82% 0
    }
}

.universal.tinsley-gradient {
    border-bottom: 4px solid #50afdf
}

@media only screen and (min-width:45em) {
    .universal {
        display: block
    }
}

.universal .menu {
    margin: 0
}

.universal .nsu {
    color: #fff;
    text-transform: uppercase
}

.universal .has-subnav {
    border-right: 1px solid #455268;
    display: inline-block;
    font-size: .9em;
    padding: 0 .5em
}

@media only screen and (min-width:45em) {
    .universal .has-subnav {
        float: right
    }
}

.universal .has-subnav:before {
    color: #455268;
    top: 2px
}

.universal label {
    color: #e9e9e9;
    cursor: pointer
}

.universal label:active,
.universal label:hover {
    text-decoration: underline;
    color: #0085c7
}

.universal input.checkbox-toggle:checked~.sub-menu {
    display: block
}

.universal .menu .has-subnav>.sub-menu {
    background-color: #455268;
    border: 1px solid #313547;
    margin-top: .1em;
    right: 0;
    width: 75%
}

.universal .menu .has-subnav>.sub-menu:before {
    border-bottom: transparent
}

.universal .menu .has-subnav>.sub-menu li a {
    color: #fff
}

.universal .universal-link {
    color: #e9e9e9
}

.menu--universal {
    min-height: 1em
}

@media only screen and (min-width:45em) {
    .menu--universal {
        margin-bottom: auto
    }
}

.menu__logo img {
    display: none
}

@media only screen and (min-width:45em) {
    .menu__logo img {
        display: block
    }
}

.media .fluid-embed-wrapper,
.media img,
.media video,
.widget .fluid-embed-wrapper,
.widget img,
.widget video {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.media ul,
.widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.media .fluid-embed-wrapper,
.widget .fluid-embed-wrapper {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.media .fluid-embed-wrapper iframe,
.widget .fluid-embed-wrapper iframe {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

img[class*=align],
img[class*=wp-image-] {
    height: auto
}

figure,
img.size-full {
    max-width: 100%;
    width: auto
}

.post-content img {
    max-width: 100%;
    width: 100%;
    height: auto
}

figure {
    margin: 0 0 1em;
    padding: .5em
}

@media only screen and (min-width:64.375em) {
    figure.alignleft,
    figure.alignright {
        float: left;
        margin: 0 2em 0 0
    }
}

.thumbnail {
    margin: 0;
    position: relative
}

.thumbnail img {
    vertical-align: bottom
}

.thumbnail--overlay header {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background-color: rgba(49, 53, 71, .975);
    bottom: 0;
    left: 50%;
    right: 0;
    opacity: 0;
    overflow: hidden;
    padding: .5em;
    position: absolute;
    top: 0
}

.thumbnail--overlay:active>header,
.thumbnail--overlay:focus>header,
.thumbnail--overlay:hover>header {
    opacity: 1
}

.thumbnail--gallery .caption {
    background-color: #313547;
    border-top: 2px solid #fff;
    bottom: 0;
    color: #fff;
    display: inline-block;
    padding: .5em;
    position: absolute;
    width: 100%
}

.thumbnail--browser-frame a {
    display: block;
    padding: 43px 8px 10px;
    position: relative;
    z-index: 1
}

.thumbnail--browser-frame a:before {
    border-radius: 2px;
    content: attr(data-title);
    display: block;
    height: 22px;
    left: 66px;
    padding-left: .5em;
    position: absolute;
    right: 8px;
    top: 10px
}

.thumbnail--browser-frame a:after {
    content: attr(data-caption);
    position: absolute;
    margin-top: -1em;
    opacity: 1;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    z-index: -1
}

.thumbnail--browser-frame:after,
.thumbnail--browser-frame:before {
    content: "";
    border-radius: 50%;
    display: block;
    height: 15px;
    left: 8px;
    position: absolute;
    top: 12px;
    width: 15px
}

.thumbnail--browser-frame:after {
    left: 32px
}

.thumbnail--browser-frame:hover {
    background-color: #f7f7f7
}

.thumbnail--browser-frame:hover:after,
.thumbnail--browser-frame:hover:before {
    border-color: #e1e1e1
}

.thumbnail--browser-frame:hover a:after {
    margin-top: .75em;
    opacity: 1
}

.contrast-against-dark.thumbnail,
.contrast-against-dark.thumbnail--browser-frame:after,
.contrast-against-dark.thumbnail--browser-frame:before {
    background-color: #fff;
    border: 1px solid #e9e9e9
}

.contrast-against-dark.thumbnail--browser-frame a:before {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    color: #ddd
}

.contrast-against-dark.thumbnail--browser-frame a:after {
    color: #fff
}

.mejs-container,
.mejs-embed,
.mejs-embed body {
    background: #fff;
    border-radius: 4px
}

.mejs-container video,
.mejs-embed body video,
.mejs-embed video {
    border-radius: 4px
}

[data-spotlight=event][data-type=feature] {
    max-height: 50vh;
    overflow: hidden;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.event--feature .event__description {
    color: #fff
}

.event--feature .event__title {
    color: #069
}

.event--feature .event__subtitle {
    color: #fff
}

.event--aside {
    margin-top: 1em!important
}

.event__header {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10rem
}

.event__header:before {
    color: #069;
    content: attr(rel);
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1.5em;
    width: 100%
}

.event__title {
    margin: 0
}

.event__media {
    background-size: cover
}

.event__media:after {
    background: rgba(255, 255, 255, .8)url(media/dot.png);
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: 100%
}

input[id=event__toggle]:checked~.event__media {
    -webkit-transform: translatey(-33%);
    -ms-transform: translatey(-33%);
    transform: translatey(-33%)
}

.list__related {
    background-color: #f9f9f9;
    border: 1px solid #069;
    list-style-type: none;
    padding: .5em 1em
}

.list__related:before {
    content: attr(title)
}

.list__faq dt {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 1em
}

.list--alpha {
    list-style-type: lower-latin
}

.list--lower-roman {
    list-style-type: lower-roman
}

.list--upper-roman {
    list-style-type: upper-roman
}

.list__books {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.list__books li {
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 1px;
    margin: 1em 0;
    padding: .5em;
    position: relative
}

.list__books li:first-child {
    margin-top: 0
}

.list__books li:nth-child(odd) {
    background-color: #f9f9f9
}

.list__books .thumbnail img {
    border: 1px solid #313547;
    max-width: 125px
}

.gbs-thumbnail-large img {
    max-width: 200px
}

.bones_page_navi {
    list-style-type: none
}

.bones_page_navi li {
    display: inline-block;
    margin: 0 .5em
}

.date-stamp {
    display: none
}

@media only screen and (min-width:45em) {
    .date-stamp {
        background-color: #4b5971;
        border-radius: 4px;
        display: block;
        float: left;
        margin: .5em 1em 5em 0;
        padding: 0 20px 10px
    }
}

.date-stamp time {
    background-color: #e2624f;
    border: .6em solid #fff;
    border-radius: 100%;
    display: block;
    height: 8em;
    margin-top: -50%;
    position: relative;
    width: 8em
}

.date-stamp time span {
    bottom: 33%;
    color: #fff;
    display: block;
    font-size: 1.1667em;
    left: 23%;
    position: absolute
}

.date-stamp .event-date {
    padding: .5em 0
}

.date-stamp .date {
    color: #fff;
    font-size: 1.1667em
}

.date-stamp .day {
    color: #e9e9e9;
    text-transform: uppercase
}

@media only screen and (min-width:64em) {
    .introjs-overlay {
        position: absolute;
        z-index: 999999;
        opacity: 0;
        background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, .9)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .4)0, rgba(0, 0, 0, .9)100%);
        background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, .4)0, rgba(0, 0, 0, .9)100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
        -ms-filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
    .introjs-fixParent {
        z-index: auto!important
    }
    .introjs-showElement {
        z-index: 9999999!important
    }
    .introjs-relativePosition {
        position: relative
    }
    .introjs-helperLayer {
        position: absolute;
        z-index: 9999998;
        background-color: #FFF;
        background-color: rgba(255, 255, 255, .9);
        border: 1px solid #777;
        border: 1px solid rgba(0, 0, 0, .5);
        border-radius: 4px;
        box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
    .introjs-helperNumberLayer {
        position: absolute;
        top: -16px;
        left: -16px;
        z-index: 9999999999!important;
        padding: 2px;
        font-family: Arial, verdana, tahoma;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
        background: #ff3019;
        background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
        background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
        width: 20px;
        height: 20px;
        line-height: 20px;
        border: 3px solid #fff;
        border-radius: 50%;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
        filter: progid: DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
    }
    .introjs-arrow {
        border: 5px solid #fff;
        content: '';
        position: absolute
    }
    .introjs-arrow.top {
        top: -10px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #fff;
        border-left-color: transparent
    }
    .introjs-arrow.right {
        right: -10px;
        top: 10px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #fff
    }
    .introjs-arrow.bottom {
        bottom: -10px;
        border-top-color: #fff;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
    .introjs-arrow.left {
        left: -10px;
        top: 10px;
        border-top-color: transparent;
        border-right-color: #fff;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
    .introjs-tooltip {
        position: absolute;
        padding: 10px;
        background-color: #fff;
        min-width: 200px;
        max-width: 300px;
        border-radius: 3px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
        -webkit-transition: opacity .1s ease-out;
        transition: opacity .1s ease-out
    }
    .introjs-tooltipbuttons {
        text-align: right
    }
    .introjs-button {
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: .3em .8em;
        border: 1px solid #d4d4d4;
        margin: 0;
        text-decoration: none;
        text-shadow: 1px 1px 0 #fff;
        font: 11px/normal sans-serif;
        color: #333;
        white-space: nowrap;
        cursor: pointer;
        outline: 0;
        background-color: #ececec;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
        background-image: -webkit-linear-gradient(#f4f4f4, #ececec);
        background-image: linear-gradient(#f4f4f4, #ececec);
        -webkit-background-clip: padding;
        -moz-background-clip: padding;
        -o-background-clip: padding-box;
        border-radius: .2em;
        zoom: 1;
        *display: inline;
        margin-top: 10px
    }
    .introjs-button:hover {
        border-color: #bcbcbc;
        text-decoration: none;
        box-shadow: 0 1px 1px #e3e3e3
    }
    .introjs-button:active,
    .introjs-button:focus {
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
        background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
        background-image: linear-gradient(#ececec, #f4f4f4)
    }
    .introjs-button::-moz-focus-inner {
        padding: 0;
        border: 0
    }
    .introjs-skipbutton {
        margin-right: 5px;
        color: #7a7a7a
    }
    .introjs-prevbutton {
        border-radius: .2em 0 0 .2em;
        border-right: 0
    }
    .introjs-nextbutton {
        border-radius: 0 .2em .2em 0
    }
    .introjs-disabled,
    .introjs-disabled:focus,
    .introjs-disabled:hover {
        color: #9a9a9a;
        border-color: #d4d4d4;
        box-shadow: none;
        cursor: default;
        background-color: #f4f4f4;
        background-image: none;
        text-decoration: none
    }
    .introjs-bullets {
        text-align: center
    }
    .introjs-bullets ul {
        clear: both;
        margin: 15px auto 0;
        padding: 0;
        display: inline-block
    }
    .introjs-bullets ul li {
        list-style: none;
        float: left;
        margin: 0 2px
    }
    .introjs-bullets ul li a {
        display: block;
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        text-decoration: none
    }
    .introjs-bullets ul li a.active,
    .introjs-bullets ul li a:hover {
        background: #999
    }
}

.ask-a-librarian {
    border-top: 2px solid #1fbaf2;
    margin-bottom: 1em
}

.ask-a-librarian header {
    background-color: #313547;
    padding: .5em 1em
}

.ask-a-librarian header h3 {
    color: #fff
}

.ask-a-librarian header h3:before {
    color: #21aabd
}

.ask-badge {
    border-bottom: 1px solid #e9e9e9
}

.ask-badge span {
    color: #313547;
    cursor: pointer;
    font-size: 1.6666em;
    font-size: 1.6666rem
}

.ask-badge span:hover {
    color: #61d4e4
}

.ask-badge span.active {
    color: #21aabd
}

.wrap {
    margin: 0 auto;
    width: 98%
}

@media only screen and (min-width:45em) {
    .wrap {
        max-width: 1366px;
        width: 96%
    }
}

@media only screen and (min-width:45em) {
    .row {
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }
    .onecol {
        width: 5.801104972%
    }
    .twocol {
        width: 14.364640883%
    }
    .threecol {
        width: 22.928176794%
    }
    .fourcol {
        width: 31.491712705%
    }
    .fivecol {
        width: 40.055248616%
    }
    .sixcol {
        width: 48.618784527%
    }
    .sevencol {
        width: 57.182320438000005%
    }
    .eightcol {
        width: 65.74585634900001%
    }
    .ninecol {
        width: 74.30939226%
    }
    .tencol {
        width: 82.87292817100001%
    }
    .elevencol {
        width: 91.436464082%
    }
    .twelvecol {
        width: 99.999999993%
    }
    .eightcol,
    .elevencol,
    .fivecol,
    .fourcol,
    .ninecol,
    .onecol,
    .sevencol,
    .sixcol,
    .tencol,
    .threecol,
    .twelvecol,
    .twocol {
        position: relative;
        float: left;
        margin-left: 2.762430939%
    }
    .first {
        margin-left: 0
    }
    .last {
        float: right
    }
    .center-grid {
        float: none;
        margin: 0 auto
    }
}

.drop-down,
.menu--actions {
    z-index: 2000
}

#main,
[role=main],
main {
    z-index: 1000
}

.header {
    background-color: #003893;
    border-bottom: ;
    color: #fff;
    margin: 0 auto;
    text-align: center
}

.header.kids,
.header.white {
    background-color: #fff
}

.header.kids {
    border-bottom-color: #ffae3d
}

.header a {
    color: inherit;
    text-decoration: none
}

.header .pill-menu {
    display: none;
    margin: 1em auto
}

@media only screen and (min-width:64.375em) {
    .header .pill-menu {
        display: inline-block
    }
}

.header .pill-menu>ul {
    margin: 0;
    padding: 0;
    position: relative
}

.header .pill-menu .primary>.label {
    background-color: #50afdf
}

.header .pill-menu .primary>.label:active,
.header .pill-menu .primary>.label:hover {
    background-color: #66b9e3
}

.header .pill-menu .primary>.label:active:after,
.header .pill-menu .primary>.label:hover:after {
    border-left-color: #66b9e3
}

.header .pill-menu .secondary>.label {
    background-color: #069
}

.header .pill-menu .secondary>.label:active,
.header .pill-menu .secondary>.label:hover {
    background-color: #0077b3
}

#logo {
    display: inline-block;
    font-size: 2em
}

@media only screen and (min-width:45em) {
    #logo {
        font-size: 2em;
        line-height: 1.65
    }
}

@media only screen and (min-width:64em) {
    #logo {
        line-height: 1.65
    }
}

#logo.has-tagline {
    margin-top: .5em;
    position: relative
}

@media only screen and (min-width:45em) {
    #logo.has-tagline {
        margin-top: .15em
    }
}

#logo .tagline {
    right: 0;
    top: 0;
    font-size: .5em;
    font-size: 1rem;
    position: absolute
}

.tagline {
    color: #fff!important;
    text-transform: lowercase
}

.logo .main-accent {
    color: #069
}

.logo .secondary-accent {
    color: #21aabd
}

.kids .logo,
.kids .tagline {
    color: #e2624f!important
}

.kids .logo .main-accent,
.kids .tagline .main-accent {
    color: #1fbaf2
}

.kids .logo .secondary-accent,
.kids .tagline .secondary-accent {
    color: #ffae3d
}

.white .logo,
.white .tagline {
    color: #50afdf!important
}

.social a,
.social a:visited {
    color: #fff
}

.social a:before {
    top: 3px
}

a,
a:visited {
    color: #069;
    text-decoration: none
}

a:active,
a:hover,
a:visited:active,
a:visited:hover {
    color: #0085c7;
    text-decoration: underline
}

body #inner-content {
    padding-bottom: 3em;
    padding-top: 2em
}

.hero+#content>#inner-content {
    padding-top: 0
}

.stuck {
    position: fixed;
    top: 0
}

.post-content .byline {
    border-bottom: 2px solid rgba(0, 102, 153, .2);
    border-top: 2px solid rgba(0, 102, 153, .2);
    color: rgba(0, 102, 153, .6);
    padding: .25em 0;
    text-align: center
}

.post-content .byline .updated {
    display: block
}

.archive article.post,
.blog article.post,
.home article.post,
.search article.post {
    border-bottom: 1px solid #e9e9e9;
    padding: 1em
}

.archive article.post:nth-child(even),
.blog article.post:nth-child(even),
.home article.post:nth-child(even),
.search article.post:nth-child(even) {
    background-color: #f9f9f9
}

.single .type-post {
    background-color: #fff;
    padding: 1em
}

@media only screen and (min-width:45em) {
    .single .type-post.has-thumbnail {
        position: relative;
        top: -11.5em
    }
}

.single .type-post .page-title {
    color: #069
}

@media only screen and (min-width:45em) {
    .single .type-post {
        border-top: 2px solid #50afdf;
        margin: 0 auto;
        width: 90%
    }
}

@media only screen and (min-width:64em) {
    .single .type-post {
        box-shadow: 0 -8px 11px -10px rgba(68, 68, 68, .8);
        margin: 0 auto;
        width: 57.182320438000005%
    }
}

.page-description {
    margin-bottom: 3em
}

.librarylearn.archive .hentry,
.librarylearn.search .hentry {
    border-bottom: 1px solid #e9e9e9;
    padding: 1em 0
}

.librarylearn.archive .hentry:focus,
.librarylearn.archive .hentry:hover,
.librarylearn.search .hentry:focus,
.librarylearn.search .hentry:hover {
    background-color: #f9f9f9
}

.librarylearn.archive .hentry:last-child,
.librarylearn.search .hentry:last-child {
    border-bottom: 0
}

.librarylearn.archive .thumbnail img,
.librarylearn.search .thumbnail img {
    border: 1px solid #313547
}

.grid-view .cell {
    height: 600px
}

.hero {
    padding: 3em 0
}

.hero.has-border {
    border-bottom: 1px solid #fff
}

.hero.callout {
    padding: 6em 0
}

.has-background,
.has-background .card .title,
.has-background .title {
    color: #fff
}

.has-background .title {
    font-size: 24px;
    font-size: 1.33333rem;
    margin-bottom: .25em
}

@media only screen and (min-width:64em) {
    .has-background .title {
        font-size: 36px;
        font-size: 2rem;
        margin-bottom: 0
    }
}

.has-background .button,
.has-background .button--small {
    background-color: #313547;
    color: #fff
}

.has-background.background-base {
    background-color: #313547
}

.has-background.background-base a,
.has-background.background-base a:visited {
    color: #fff
}

.has-background.background-base .card {
    background-color: rgba(49, 53, 71, .9)
}

.has-background.background-bright-blue {
    background-color: #1fbaf2
}

.has-background.background-bright-blue:active,
.has-background.background-bright-blue:focus,
.has-background.background-bright-blue:hover {
    background-color: #4ac7f5
}

.has-background.background-blue {
    background-color: #91cdeb
}

.has-background.background-blue a,
.has-background.background-blue a:visited {
    color: #fff
}

.has-background.background-blue .card {
    background-color: rgba(145, 205, 235, .9)
}

.has-background.background-green {
    background-color: #21aabd
}

.has-background.background-green .card {
    background-color: rgba(33, 170, 189, .9)
}

.has-background.background-mint-green {
    background-color: #75d4ba
}

.has-background.background-mint-green .card {
    background-color: rgba(117, 212, 186, .9)
}

.has-background.background-coral {
    background-color: #e2624f
}

.has-background.background-coral .card {
    background-color: rgba(226, 98, 79, .9)
}

.has-background.background-orange {
    background-color: #ffae3d
}

.has-background.background-orange .card {
    background-color: rgba(255, 174, 61, .9)
}

.has-background.background-white {
    background-color: #fff;
    color: #069
}

.has-background.background-white .card {
    background-color: #fff
}

.has-background.background-white .title {
    color: #069
}

.has-background.callout {
    background-attachment: fixed
}

.caption a,
.caption a:visited {
    text-decoration: underline
}

.caption .page-title {
    color: #069
}

.has-background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

p.has-border {
    border-bottom-color: #1fbaf2;
    border-left-color: #069;
    border-right-color: #1fbaf2;
    border-style: solid;
    border-top-color: #069;
    border-width: 2px;
    padding: 1em
}

.has-background-image.hero-event {
    padding: 0
}

@media only screen and (min-width:45em) {
    .has-background-image.hero-event {
        padding: 3em 0
    }
}

@media only screen and (min-width:45em) {
    .has-background-image.hero-event.hero-event_large {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 0;
        padding-bottom: 35%;
        position: relative
    }
    .has-background-image.hero-event.hero-event_large .card {
        bottom: 1em;
        box-shadow: 0 5px 11px rgba(0, 0, 0, .3);
        left: 0;
        right: 0;
        position: absolute
    }
}

@media only screen and (min-width:45em) {
    .has-background-image.hero-event .thumbnail {
        display: none
    }
}

@media only screen and (min-width:64em) {
    .has-background-image.hero-event .thumbnail {
        display: block;
        position: relative;
        float: left;
        margin-left: 0;
        width: 22.928176794%
    }
}

@media only screen and (min-width:45em) {
    .has-background-image.hero-event .thumbnail img {
        box-shadow: 0 5px 11px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width:64em) {
    .has-background-image.hero-event .information {
        position: relative;
        float: right;
        margin-left: 2.762430939%;
        width: 74.30939226%
    }
}

.has-background-image.hero-event .information .excerpt a {
    text-decoration: underline
}

.has-background-image.hero-event .card {
    padding: 1em 0
}

@media only screen and (min-width:64em) {
    .has-background-image.hero-event .card {
        padding-bottom: 2em
    }
}

.has-background-image.hero-event .details {
    color: #444
}

@media only screen and (min-width:64em) {
    .has-background-image.hero-event .details {
        bottom: -1em;
        position: absolute;
        right: 0
    }
}

.has-background-image.hero-event .details .button,
.has-background-image.hero-event .details .button--small,
.has-background-image.hero-event .details .category,
.has-background-image.hero-event .details time {
    border-radius: 4px;
    display: inline;
    padding: .25em
}

.has-background-image.hero-event .details .button.has-background,
.has-background-image.hero-event .details .category.has-background,
.has-background-image.hero-event .details .has-background.button--small,
.has-background-image.hero-event .details time.has-background {
    color: #fff
}

.has-background-image.hero-event .details .background-coral.button--small,
.has-background-image.hero-event .details .button.background-coral,
.has-background-image.hero-event .details .category.background-coral,
.has-background-image.hero-event .details time.background-coral {
    background-color: transparent;
    border: 2px solid #e2624f;
    color: #e2624f!important
}

.has-background-image.hero-event .details .background-base.button--small,
.has-background-image.hero-event .details .button.background-base,
.has-background-image.hero-event .details .category.background-base,
.has-background-image.hero-event .details time.background-base {
    background-color: transparent;
    border: 2px solid #313547;
    color: #313547
}

.has-background-image.hero-event .details time {
    margin-right: .5em
}

.stack-blocks {
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    margin: 1em auto;
    padding: 1em
}

.stack-blocks ul {
    list-style-type: none;
    padding: 0
}

.stack-blocks:first-child {
    margin-top: 0
}

#ask-a-librarian {
    display: none
}

@media only screen and (min-width:64em) {
    #ask-a-librarian {
        display: block;
        background-color: #fcfcfc;
        margin-top: 2em;
        margin-left: 0
    }
}

#ask-a-librarian:before {
    font-size: 26px;
    content: "7";
    font-family: icomoon;
    left: -.5em;
    position: absolute;
    margin-top: -1.5em
}

.ask-badge:before {
    background-color: #fff;
    content: "Ask a Librarian";
    font-size: 24px;
    margin-top: -1.7em;
    position: absolute
}

.gravatar img {
    border: 2px solid #21aabd;
    border-radius: 50%;
    padding: 2px
}

.event,
.resource {
    overflow: hidden;
    position: relative
}

.event a[rel=tag],
.resource a[rel=tag] {
    font-size: .75em;
    text-transform: uppercase
}

.event .card,
.resource .card {
    background-color: #313547;
    border-top: 2px solid #fff;
    bottom: 0;
    color: #fff;
    padding: .5em;
    position: absolute;
    width: 100%
}

.event .title,
.resource .title {
    color: #fff
}

.event:active .card,
.event:hover .card,
.resource:active .card,
.resource:hover .card {
    background-color: #21aabd
}

.event a[rel=tag] {
    color: #61d4e4
}

.resource a[rel=tag] {
    color: #ffae3d
}

@media only screen and (min-width:45em) {
    .archive .resource {
        float: left;
        margin: 1%;
        width: 31%
    }
}

.feature .featurette,
.feature-event,
.feature-image {
    display: none
}

@media only screen and (min-width:45em) {
    .feature .featurette,
    .feature-event,
    .feature-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 0;
        padding-bottom: 39.25%
    }
}

@media only screen and (min-width:45em) {
    .feature .video.featurette,
    .feature-event.video,
    .feature-image.video {
        background-color: #313547;
        padding-bottom: 37%
    }
}

.feature-image {
    position: relative
}

.feature-image .caption {
    background-color: #fff;
    bottom: 0;
    color: #069;
    left: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (min-width:64em) {
    .feature-image .caption {
        bottom: 1em;
        top: auto
    }
}

.feature {
    color: #fff;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:64em) {
    .feature .feature-event,
    .feature .featurette {
        width: 50%
    }
}

@media only screen and (min-width:64.375em) {
    .feature .feature-event,
    .feature .featurette {
        width: 50%
    }
}

@media only screen and (min-width:77.5em) {
    .feature .feature-event,
    .feature .featurette {
        width: 66%
    }
}

.feature .card {
    background-color: rgba(49, 53, 71, .5);
    bottom: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (min-width:64em) {
    .feature .card {
        background-color: #313547;
        border-left: 2px solid #fff;
        width: 50%
    }
}

@media only screen and (min-width:64.375em) {
    .feature .card {
        width: 50%
    }
}

@media only screen and (min-width:77.5em) {
    .feature .card {
        width: 34%
    }
}

.feature .card .button,
.feature .card .button--small {
    display: none
}

@media only screen and (min-width:64em) {
    .feature .card .button,
    .feature .card .button--small {
        display: block;
        position: absolute
    }
}

.feature .card .excerpt {
    margin-top: 1em
}

.feature .card .title {
    color: #fff
}

.feature .featurette {
    padding-bottom: 22.25%;
    width: 33%
}

.feature .featurette .card {
    width: 67%
}

.assorted-features {
    margin-bottom: 1em
}

.assorted-features .feature .featurette,
.assorted-features .feature-event,
.feature .assorted-features .featurette {
    padding: 0;
    height: auto;
    position: relative
}

.assorted-features .sidebar {
    margin-top: .5em;
    margin-bottom: .5em
}

.assorted-features .sidebar .spotlight:first-child {
    margin-bottom: 1em
}

.book .cover {
    width: 34%%
}

.book .cover img {
    width: 100%
}

.book header a,
.book header a:visited {
    color: #4b5971
}

.book.showcase header {
    height: 100%;
    position: absolute;
    right: 0;
    width: 60%
}

.book .genre {
    border-left: 3px solid #21aabd;
    color: #21aabd;
    font-style: italic;
    padding-left: .5em
}

.feature-series {
    background-color: #313547;
    border-top: 2px solid #fff;
    min-height: 300px;
    padding-bottom: 3em;
    padding-top: 1em
}

@media only screen and (min-width:45em) {
    .feature-series {
        padding-top: 3em
    }
}

.feature-series.series .second-in-series {
    margin-top: 1em
}

.feature-series.series .third-in-series {
    margin-top: 2em
}

.feature-series.separator:after {
    border-top-color: #313547
}

.feature-series .single-title {
    margin-top: .5em
}

@media only screen and (min-width:45em) {
    .feature-series .single-title {
        margin-top: 0
    }
}

.footer {
    background-color: #003893;
    border-top: ;
    box-shadow: ;
    color: #fff;
    padding-top: 2em
}

.footer a,
.footer a:visited {
    color: #91cdeb
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    height: 100%
}

#container {
    min-height: 100%;
    margin-bottom: -12em
}

#container:after {
    content: "";
    display: block
}

#container:after,
.footer {
    height: 12em
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        font-size: 16px!important;
        text-align: left!important;
        text-shadow: none!important;
        -webkit-filter: none!important;
        filter: none!important;
        -ms-filter: none!important
    }
    a,
    a:visited {
        color: #444!important;
        text-decoration: underline
    }
    a:after,
    a:visited:after {
        content: " (" attr(href) ")"
    }
    a abbr[title]:after,
    a:visited abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 400px!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .details a,
    .details time {
        border: none;
        float: none;
        display: block
    }
    .footer,
    .header,
    .page-navigation,
    .panel,
    .panels,
    .respond-form,
    .search,
    .sidebar,
    .wp-prev-next,
    nav {
        display: none
    }
}