@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=1e1a624a-2337-48af-b26b-e26b035dc187");

@font-face {
    font-family: "DIN Next Condensed";
    src: url("https://www.jax.org/_res/css/modules/fonts/6fa09720-5b0e-48a5-8895-5af8af928c01.eot?#iefix");
    src: url("https://www.jax.org/_res/css/modules/fonts/6fa09720-5b0e-48a5-8895-5af8af928c01.eot?#iefix") format("eot"),url("https://www.jax.org/_res/css/modules/fonts/5dd9f4c4-cfde-415c-bb51-433569311de5.woff2") format("woff2"),url("https://www.jax.org/_res/css/modules/fonts/3b15daf5-d7fb-4099-93b9-db20fd26c2fe.woff") format("woff"),url("https://www.jax.org/_res/css/modules/fonts/16159505-c85d-44ba-ba2b-64f94e68ddb5.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "DIN Next Condensed";
    src: url("https://www.jax.org/_res/css/modules/fonts/0b46a18d-fb34-4ef7-b5da-5902c510577a.eot?#iefix");
    src: url("https://www.jax.org/_res/css/modules/fonts/0b46a18d-fb34-4ef7-b5da-5902c510577a.eot?#iefix") format("eot"),url("https://www.jax.org/_res/css/modules/fonts/76b8cda6-0ded-4197-acab-e314297eb90f.woff2") format("woff2"),url("https://www.jax.org/_res/css/modules/fonts/2613a064-2962-44af-ae6f-3640e06e8dc4.woff") format("woff"),url("https://www.jax.org/_res/css/modules/fonts/2889b152-497e-4ea3-a90d-02854d136a8d.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "DIN Next";
    src: url("https://www.jax.org/_res/css/modules/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
    src: url("https://www.jax.org/_res/css/modules/fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"),url("https://www.jax.org/_res/css/modules/fonts/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2") format("woff2"),url("https://www.jax.org/_res/css/modules/fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("https://www.jax.org/_res/css/modules/fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "DIN Next";
    src: url("https://www.jax.org/_res/css/modules/fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
    src: url("https://www.jax.org/_res/css/modules/fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"),url("https://www.jax.org/_res/css/modules/fonts/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2") format("woff2"),url("https://www.jax.org/_res/css/modules/fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"),url("https://www.jax.org/_res/css/modules/fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
/* Removed WhitmanDisplay 2019-04-12 - Now inline for non-China */

@font-face {
    font-family: "FontAwesome";
    src: url("https://www.jax.org/SearchAppContent/fonts/fa-core.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-fire:before {
    content: "\f06d"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-calendar-o:before {
    content: "\f133"
}

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

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

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

.fa-map-pin:before {
    content: "\f276"
}

body, input, select, textarea, h3.byline, section.carousel h3, table.dataTable.jax-sort-table td h3, section.month-listing .item h3, .crown section.laboratory .text h3, .crown section.faculty .text h3, section.collapsible-panel h3, section.panel-listing .listing > li h3, .crown section aside .block h3, .tt-dropdown-menu h3, .columns-listing h3, .crown section.event .text p, section.section-listing .listing-full > li h3, .crown section.laboratory .text p, .crown section.mice .text p, .mice.services h3, .mice .search .header h3.block, .listing-duo > li h3, .n-nav ul ul, .n-nav.n-sidebar:not(.n-bar) {
    font-family: Helvetica, Arial, sans-serif;
}

.wf body, .wf input, .wf select, .wf textarea, .wf h3.byline, .wf section.carousel h3, .wf table.dataTable.jax-sort-table td h3, .wf section.month-listing .item h3, .wf .crown section.laboratory .text h3, .wf .crown section.faculty .text h3, .wf section.collapsible-panel h3, .wf section.panel-listing .listing > li h3, .wf .crown section aside .block h3, .wf .tt-dropdown-menu h3, .wf .columns-listing h3, .wf .crown section.event .text p, .wf section.section-listing .listing-full > li h3, .wf .crown section.laboratory .text p, .wf .crown section.mice .text p, .wf .mice.services h3, .wf .mice .search .header h3.block, .wf .listing-duo > li h3, .wf .n-nav ul ul, .wf .n-nav.n-sidebar:not(.n-bar) {
    font-family: "DIN Next", Helvetica, Arial, sans-serif;
}

h1, h2, h3 {
    font-family: Impact, "Arial Narrow", Helvetica, Arial, sans-serif;
}

#main-nav-wrap .global ul li a, section footer h3 span, section footer ul.utility, #main-nav > ul > li > a, .columns-listing-filter label, .listing-filter label, section.circle-banner.promo h4, .banner .event .date p, section.results h5.listing-intl, .crown section.laboratory .text aside p a, .crown section.faculty .text aside p a, .crown section.event .date p, .n-nav, .campaign-block h4, .crown .research .search .tabbed .nav-tabs > li a, .search .multiple .form-select > li a, .popular:after, .new:after, table.alt tr th a, #two-plus-one-right .panel-listing ul h5, .citations li > em {
    font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
}

@-moz-document url-prefix() {
    .search .multiple .form-select > li a {
        font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    }
}

@media screen and (max-width:768px) {
    .search .multiple .form-select > li a, .search .multiple .form-select > li:hover a, .search .multiple .form-select > li.active a {
        font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    button.cta-backup, input.cta-backup {
        font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    button.cta-backup, input.cta-backup {
        font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
    }
}

.wf h1, .wf h2, .wf h3, .wf #main-nav-wrap .global ul li a, .wf section footer h3 span, .wf section footer ul.utility, .wf #main-nav > ul > li > a, .wf .columns-listing-filter label, .wf .listing-filter label, .wf section.circle-banner.promo h4, .wf .banner .event .date p, .wf section.results h5.listing-intl, .wf .crown section.laboratory .text aside p a, .wf .crown section.faculty .text aside p a, .wf .crown section.event .date p, .wf .n-nav, .wf .campaign-block h4, .wf .crown .research .search .tabbed .nav-tabs > li a, .wf .search .multiple .form-select > li a, .wf .popular:after, .wf .new:after, .wf table.alt tr th a, .wf #two-plus-one-right .panel-listing ul h5, .wf .citations li > em {
    font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif;
}

@-moz-document url-prefix() {
    .wf .search .multiple .form-select > li a {
        font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif;
    }
}

@media screen and (max-width:768px) {
    .wf .search .multiple .form-select > li a, .wf .search .multiple .form-select > li:hover a, .wf .search .multiple .form-select > li.active a {
        font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .wf button.cta-backup, .wf input.cta-backup {
        font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .wf button.cta-backup, .wf input.cta-backup {
        font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif;
    }
}

.hide {
    display: none !important
}

.offscreen {
    top: -9999em;
    left: -9999em
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none
}

ul.inline, ol.inline {
    margin-left: 0;
    list-style: none
}

    ul.inline > li, ol.inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

@-ms-viewport {
    width: device-width
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in .5s;
    -moz-animation: fadeIn ease-in .5s;
    animation: fadeIn ease-in .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fade-out {
    opacity: 0;
    -webkit-animation: fadeOut ease-in .15s;
    -moz-animation: fadeOut ease-in .15s;
    animation: fadeOut ease-in .15s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.lt-ie10 .fade-in {
    opacity: 1
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block
}

    nav ul {
        list-style: none
    }

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }
/*
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}*/

    a.intl-link-en:after {
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        width: 20px;
        height: 15px;
        line-height: 1em;
        margin-left: 15px;
        top: -5px;
        background-image: url(https://www.jax.org/_res/img/us.svg);
        font-size: 15px;
        content: '\a0';
        background-color: #05396b;
    }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

img {
    max-width: 100%
}
/* International microsites */

section.carousel .item h3, section.circle-banner.promo h4 {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/* cn */

html[lang="zh-cn" i] .grid-listing a[href*="jax.org"]:not([href*="jax.org/cn"]):after, html[lang="zh-cn" i] .panel-listing h3 > a[href*="jax.org"]:not([href*="jax.org/cn"]):after, html[lang="zh-cn" i] .event.detail a[href*="jax.org"]:not([href*="jax.org/cn"]):after, html[lang="zh-cn" i] .content a[href*="jax.org"]:not([href*="jax.org/cn"]):after, /* uk */ html[lang="en-gb" i] .grid-listing a[href*="jax.org"]:not([href*="jax.org/uk"]):after, html[lang="en-gb" i] .panel-listing h3 > a[href*="jax.org"]:not([href*="jax.org/uk"]):after, html[lang="en-gb" i] .event.detail a[href*="jax.org"]:not([href*="jax.org/uk"]):after, html[lang="en-gb" i] .content a[href*="jax.org"]:not([href*="jax.org/uk"]):after, /* fr */ html[lang="fr-fr" i] .grid-listing a[href*="jax.org"]:not([href*="jax.org/fr"]):after, html[lang="fr-fr" i] .panel-listing h3 > a[href*="jax.org"]:not([href*="jax.org/fr"]):after, html[lang="fr-fr" i] .event.detail a[href*="jax.org"]:not([href*="jax.org/fr"]):after, html[lang="fr-fr" i] .content a[href*="jax.org"]:not([href*="jax.org/fr"]):after, /* de */ html[lang="de-de" i] .grid-listing a[href*="jax.org"]:not([href*="jax.org/de"]):after, html[lang="de-de" i] .panel-listing h3 > a[href*="jax.org"]:not([href*="jax.org/de"]):after, html[lang="de-de" i] .event.detail a[href*="jax.org"]:not([href*="jax.org/de"]):after, html[lang="de-de" i] .content a[href*="jax.org"]:not([href*="jax.org/de"]):after {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 12px;
    line-height: 1em;
    margin-left: 3px;
    margin-right: 3px;
    top: -6px;
    background-image: url(https://www.jax.org/_res/img/us.svg);
    font-size: 9px;
    content: '\a0';
    background-color: #05396b;
}
/* Hide any modules until module css loads */

.jax-module {
    display: none;
}

body {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #333
}

p {
    margin: 0 0 20px
}

em.split-symbol {
    font-style: normal !important;
}

small {
    font-size: 85%
}

strong, b {
    font-weight: 600;
}

    strong sub, strong sup, b sub, b sup {
        font-weight: 600;
    }

em, i {
    font-style: italic
}

cite {
    display: block;
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 1em
}

    cite a {
        color: #444
    }

        cite a + a:before {
            content: ", "
        }

    cite span {
        font-family: WhitmanDisplay, "Times New Roman", Times, serif;
        font-weight: normal;
        border-left: 2px solid #7d7d7d;
        margin: 0 0px -2px 10px;
        padding: 0 0px 0 10px;
        overflow: hidden
    }

a {
    color: #009ed0;
    text-decoration: none;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in
}

    a:hover {
        color: #6adbff;
        text-decoration: underline
    }

    a:focus {
        outline: none
    }

:target::before {
    content: "";
    display: block;
    height: 185px;
    margin: -185px 0 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.2;
    color: inherit;
    text-rendering: optimizelegibility
}

    h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline {
        padding-top: 1em;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 1em
    }

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: normal;
        line-height: 1;
        color: #888999
    }

h1, h2, h3, h4 {
    line-height: 1.2
}

h1, h2 {
    color: #05396b;
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    h1, h2 {
        font-size: 50px;
        margin-top: .5em
    }
}

@media screen and (min-width:992px) {
    h1, h2 {
        font-size: 56px
    }
}

h1 em, h1 i, h2 em, h2 i {
    font-weight: 400;
    font-style: italic
}

h3 {
    color: #05396b;
    font-size: 30px;
    font-weight: 400
}

    h3.byline {
        color: #444;
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 1em
    }

@media (min-width:768px) {
    h3.byline {
        padding-bottom: 2em
    }
}

@media (min-width:992px) {
    h3.byline {
        padding-bottom: 3em
    }
}

h3 em, h3 i {
    font-weight: 400;
    font-style: italic
}

    h3 em sub, h3 em sup, h3 i sub, h3 i sup {
        font-weight: 400;
    }

h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 15px
}

h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 15px
}

h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 15px
}

h6 {
    font-size: 11.9px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 15px
}

h1 small, h2 small {
    font-size: 24.5px
}

h3 small {
    font-size: 17.5px
}

aside h3 small {
    color: #444;
    display: block;
    font-weight: 400;
    font-size: 18px;
    text-transform: none;
    padding-top: 20px
}

h4 small {
    font-size: 14px
}

h5 small {
    font-size: 14px
}

.content article h4, h5, h6, h6, p {
    line-height: 1.5
}

ul, ol {
    padding: .5em 0 1em;
    margin: 0 0 10px 25px
}

    ul ul, ul ol, ol ol, ol ul {
        margin-bottom: 0
    }

li {
    line-height: 1.2;
    margin-bottom: .4em
}

dl {
    float: left;
    margin-bottom: 20px;
    padding: .5em 0 1em;
    width: 100%
}

dt, dd {
    float: left;
    line-height: 20px
}

dt {
    clear: both;
    font-weight: 400;
    font-weight: bold;
    width: 25%
}

dd {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-style: italic;
    margin-bottom: .5em;
    max-width: 72%
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #888999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    margin: 20px 50px
}

    blockquote.outset {
        margin: 40px 35px 50px;
    }

    blockquote.cited p {
        font-size: 1.2222em;
        margin: 0.9em 0;
        font-style: italic;
        position: relative;
    }

        blockquote.cited p:before {
            content: "\201c";
        }

        blockquote.cited p:first-child:before {
            position: absolute;
            font-size: 4em;
            line-height: 1;
            top: -0.12em;
            right: 100%;
            display: block;
            padding: 0 0.07em 0 0;
            color: #05396b;
        }

        blockquote.cited p:last-of-type:after {
            content: "\201d";
        }

    blockquote.cited cite {
        display: block;
        font-family: "DIN Next", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin: 0 0 0 50px;
        color: #05396b;
    }

        blockquote.cited cite:before {
            content: "\2014";
            display: inline-block;
            padding: 0 4px 0 0;
        }

    blockquote p {
        margin-bottom: 0;
        font-family: WhitmanDisplay, "Times New Roman", Times, serif;
        line-height: 1.3
    }

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px
}

code, pre {
    padding: 0 3px 2px;
    font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
    font-size: 12px;
    color: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    white-space: nowrap
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    pre code {
        padding: 0;
        color: inherit;
        white-space: pre;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0
    }

sub, sup {
    font-size: 65%;
    position: relative;
    margin: 0 3px
}

sub {
    bottom: -10px
}

sup {
    top: -12px
}

h5 sup, h5 sub, h6 sup, h6 sub, h6 sup, h6 sub, p sup, p sub {
    font-size: 75%
}

h5 sup, h6 sup, h6 sup, p sup {
    top: -8px
}

h5 sub, h6 sub, h6 sub, p sub {
    bottom: -5px
}

p {
    line-height: 1.5
}

    p sub, p sup {
        line-height: inherit
    }

nav ul, nav ol {
    list-style: none
}

ul {
    margin-left: 20px
}

    ul.tags, .breadcrumbs ul, section.feature ul.dateline, .content-well article ul.dateline, body.datasheet .crown .datasheet .right aside ul, section footer ul.action-items, section footer ul.utility, .filter-by ul.cal-toggles, .social-media, ul.mouse-icons {
        list-style: none;
        margin: 0;
        padding: 0
    }

        ul.tags > li, .breadcrumbs ul > li, section.feature ul.dateline > li, .content-well article ul.dateline > li, body.datasheet .crown .datasheet .right aside ul > li, section footer ul.action-items > li, section footer ul.utility > li, .filter-by ul.cal-toggles > li, .social-media > li, ul.mouse-icons > li {
            display: inline-block;
            margin-bottom: 0;
            padding-left: 5px;
            padding-right: 5px
        }

@media(min-width:768px) {
    section footer ul.utility > li {
        padding-top: 5px;
    }
}

ul.tags:before {
    content: "\f02b";
    font-family: FontAwesome;
    color: #43b02a
}

ul.tags li a {
    font-size: 16px
}

    ul.tags li a:after {
        content: ","
    }

ul.tags li:last-child a:after {
    content: ""
}

.breadcrumbs ul, section.feature ul.dateline, .content-well article ul.dateline, body.datasheet .crown .datasheet .right aside ul {
    color: #9aa7af;
    margin-left: 0;
    list-style: none
}

    .breadcrumbs ul > li, section.feature ul.dateline > li, .content-well article ul.dateline > li, body.datasheet .crown .datasheet .right aside ul > li {
        padding: 0
    }

        .breadcrumbs ul > li:before, section.feature ul.dateline > li:before, .content-well article ul.dateline > li:before, body.datasheet .crown .datasheet .right aside ul > li:before {
            margin: 0 10px 0 0
        }

        .breadcrumbs ul > li:first-child:before, section.feature ul.dateline > li:first-child:before, .content-well article ul.dateline > li:first-child:before, body.datasheet .crown .datasheet .right aside ul > li:first-child:before {
            display: none
        }

        .breadcrumbs ul > li a, section.feature ul.dateline > li a, .content-well article ul.dateline > li a, body.datasheet .crown .datasheet .right aside ul > li a {
            color: #05396b;
            text-decoration: none
        }

            .breadcrumbs ul > li a:hover, section.feature ul.dateline > li a:hover, .content-well article ul.dateline > li a:hover, body.datasheet .crown .datasheet .right aside ul > li a:hover {
                text-decoration: underline
            }

        .breadcrumbs ul > li span, section.feature ul.dateline > li span, .content-well article ul.dateline > li span, body.datasheet .crown .datasheet .right aside ul > li span {
            border-right: 2px solid #7d7d7d;
            margin: 0 5px -3px 0;
            padding: 0 10px 0 0;
            display: inline-block;
            height: 1em;
            overflow: hidden
        }

        .breadcrumbs ul > li:last-child span, section.feature ul.dateline > li:last-child span, .content-well article ul.dateline > li:last-child span, body.datasheet .crown .datasheet .right aside ul > li:last-child span {
            border-right: none
        }

ul.listing-duo, ul.listing-trio, ul.listing {
    position: relative;
    margin: 0 0 20px;
    padding: 0
}

    ul.listing-duo > li, ul.listing-trio > li, ul.listing > li {
        float: left;
        list-style: none;
        min-height: 0;
        padding: 0;
        width: 100%
    }

ul.listing-duo {
    overflow: hidden
}

    ul.listing-duo:before {
        content: "";
        display: block;
        width: 1px;
        background: #CCC;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0
    }

@media screen and (max-width:992px) {
    ul.listing-duo:before {
        display: none
    }
}

ul.listing-duo > li {
    padding: 0 0 40px 60px;
    margin: 0;
    min-height: 290px;
    position: relative;
    width: 50%
}

.listing-duo > li.disable-link {
    background-color: #e2e2e2 !important;
}

ul.listing-duo > li:nth-of-type(2n + 1) {
    clear: both;
    padding: 0 60px 40px 0
}

@media screen and (max-width:768px) {
    ul.listing-duo > li:nth-of-type(2n + 1) {
        padding: 0 60px 0 0
    }
}

@media screen and (max-width:768px) {
    ul.listing-duo > li {
        border-top: 1px solid #ccc;
        display: block;
        float: left;
        padding-left: 0;
        padding-right: 0;
        padding-top: 2em;
        margin-top: 2em;
        width: 100%
    }

        ul.listing-duo > li:first-child {
            border-top-width: 0
        }
}

ul.listing-trio {
    overflow: hidden
}

    ul.listing-trio > li {
        margin: 0 0 0 2%;
        position: relative;
        width: 32%
    }

        ul.listing-trio > li:nth-of-type(3n + 1) {
            clear: both;
            margin-left: 0
        }

@media screen and (max-width:992px) {
    ul.listing-trio > li {
        display: block;
        float: left;
        padding-left: 0;
        padding-right: 0;
        padding-top: 2em;
        margin-top: 2em;
        margin-left: 2%;
        width: 49%
    }

        ul.listing-trio > li:nth-of-type(3n + 1) {
            clear: none
        }

        ul.listing-trio > li:nth-of-type(2n + 1) {
            clear: both;
            margin-left: 0
        }
}

@media screen and (max-width:768px) {
    ul.listing-trio > li {
        clear: both;
        width: 100%
    }
}

ul.fast-facts > li {
    list-style: none;
    font-size: 0.9444em;
    margin-bottom: 1em;
    line-height: 1.4;
}

    ul.fast-facts > li:before {
        content: '\f054';
        display: block;
        position: absolute;
        width: 24px;
        text-align: right;
        left: 0;
        font-family: FontAwesome;
        color: #009ed0;
    }

.simple-list > ul {
    list-style: none;
    margin: 0;
}

.simple-list > a {
    float: right;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    padding: 8px 0 0;
}

.simple-list li {
    padding: 4px 0;
    margin: 0 0 8px;
    min-height: 32px;
}

    .simple-list li > a {
        display: block;
        float: left;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 28px;
        height: 28px;
        padding: 0;
        margin: 0 8px 0 0;
        border-radius: 50%;
    }

.simple-list.x-tweet-list li > div {
    font-size: 14px;
}

.x-tweet-media {
    width: auto;
    height: 0;
    margin: 4px 0 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.simple-list.x-tweet-list li > div:not(.x-tweet-media), .simple-list:not(.x-job-list) h4, .simple-list:not(.x-job-list) h6 {
    margin-left: 36px;
}

.simple-list h4 {
    line-height: 18px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

    .simple-list h4 > a {
        color: #05396b;
    }

        .simple-list h4 > a > span {
            color: #009ed0;
            font-weight: 600;
        }

.simple-list h6 {
    font-weight: 300;
    margin: 0 0 6px 0;
    line-height: 1.1;
    color: #222;
}

ul.simple-tiles {
    list-style: none;
    margin: -15px -15px 0;
    columns: 3;
    padding: 0;
}

.simple-tiles li {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    break-inside: avoid;
}

.simple-tiles h3 {
    line-height: 1.1;
    padding: 0;
    margin: 0 0 8px;
}

.icon-list {
    list-style: none;
    margin: 0 auto;
    padding: 0 15px;
}

    .icon-list img {
        display: block;
        float: left;
        width: 4.7em;
        margin: 0;
    }

    .icon-list > li {
        margin: 0;
        padding: 0.8em 0;
    }

        .icon-list > li:after {
            content: '\a0';
            font-size: 0;
            height: 0;
            clear: both;
            float: none;
            display: block;
        }

        .icon-list > li > div {
            margin: 0 0 0 4.7em;
            padding: 0 0 0 25px;
            text-align: left;
        }

    .icon-list h5 {
        font-weight: 600;
        font-size: 1em;
        margin: 0 0 0.3333em;
        padding: 0;
        line-height: 1.1;
    }

    .icon-list p {
        font-size: 1em;
        line-height: 1.25;
    }
/* Checklists */

.x-capsule {
    border-top: 8px solid #05396b;
    background-color: #eee;
    padding: 20px 25px 25px;
    margin: 0 0 50px;
}

    .x-capsule h3 {
        margin-top: 0;
    }

.x-checklist {
    margin: 0 10px 10px 40px;
    list-style: none;
}

ol.x-checklist {
    counter-reset: checklist-counter;
}

.x-checklist > li {
    position: relative;
    margin-bottom: 1.6em;
    line-height: 1.4;
}

    .x-checklist > li ul {
        padding-bottom: 0;
    }

ol.x-checklist > li {
    counter-increment: checklist-counter;
}

.x-checklist > li:before {
    display: block;
    position: absolute;
    color: white;
    background-color: #05396b;
    font-weight: bold;
    height: 30px;
    line-height: 28px;
    text-align: center;
    box-sizing: border-box;
    padding: 2px 0 0;
    top: -0.2em;
    border-radius: 50%;
    right: 100%;
    margin: 0 10px 0 0;
    width: 30px;
}

ol.x-checklist > li:before {
    content: counter(checklist-counter);
}

ul.x-checklist > li:before {
    font-family: FontAwesome;
    content: '\f00c';
}

.container {
    zoom: 1
}

    .container:before, .container:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .container:after {
        clear: both
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
    zoom: 1
}

    .row:before, .row:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .row:after {
        clear: both
    }

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: 0%
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: 0%
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: 0%
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: 0%
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: 0%
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: 0%
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: 0%
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: 0%
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

form {
    margin: 0 0 20px;
    padding-bottom: 2em
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #222;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

    legend small {
        font-size: 15px;
        color: #888
    }

span.label, label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    height: auto;
    line-height: 20px;
    margin-bottom: 40px
}

input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

span.label, label {
    display: block;
    color: #444;
    font-weight: 600;
    font-size: 18px;
    margin-top: 1em;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden
}

@media screen and (min-width:992px) {
    span.label, label {
        margin-top: 3em
    }
}

span.label.wrap, label.wrap {
    color: #444;
    font-weight: 400;
    font-size: 16px;
    margin-top: .5em
}

span.label i.fa-sort, label i.fa-sort {
    position: absolute;
    right: 1em;
    top: 46%
}

@-moz-document url-prefix() {
    span.label i.fa-sort, label i.fa-sort {
        top: 50%
    }
}

span.label {
    overflow: visible
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    color: #444;
    font-weight: 400;
    font-size: 17px;
    height: 40px;
    line-height: 1;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 14px
}

input, textarea, .uneditable-input {
    width: 100%
}

textarea {
    height: auto
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

    textarea[type="text"], textarea[type="search"], input[type="text"][type="text"], input[type="text"][type="search"], input[type="password"][type="text"], input[type="password"][type="search"], input[type="datetime"][type="text"], input[type="datetime"][type="search"], input[type="datetime-local"][type="text"], input[type="datetime-local"][type="search"], input[type="date"][type="text"], input[type="date"][type="search"], input[type="month"][type="text"], input[type="month"][type="search"], input[type="time"][type="text"], input[type="time"][type="search"], input[type="week"][type="text"], input[type="week"][type="search"], input[type="number"][type="text"], input[type="number"][type="search"], input[type="email"][type="text"], input[type="email"][type="search"], input[type="url"][type="text"], input[type="url"][type="search"], input[type="search"][type="text"], input[type="search"][type="search"], input[type="tel"][type="text"], input[type="tel"][type="search"], input[type="color"][type="text"], input[type="color"][type="search"], .uneditable-input[type="text"], .uneditable-input[type="search"] {
        -webkit-appearance: none
    }

    textarea[type="radio"], textarea[type="checkbox"], input[type="text"][type="radio"], input[type="text"][type="checkbox"], input[type="password"][type="radio"], input[type="password"][type="checkbox"], input[type="datetime"][type="radio"], input[type="datetime"][type="checkbox"], input[type="datetime-local"][type="radio"], input[type="datetime-local"][type="checkbox"], input[type="date"][type="radio"], input[type="date"][type="checkbox"], input[type="month"][type="radio"], input[type="month"][type="checkbox"], input[type="time"][type="radio"], input[type="time"][type="checkbox"], input[type="week"][type="radio"], input[type="week"][type="checkbox"], input[type="number"][type="radio"], input[type="number"][type="checkbox"], input[type="email"][type="radio"], input[type="email"][type="checkbox"], input[type="url"][type="radio"], input[type="url"][type="checkbox"], input[type="search"][type="radio"], input[type="search"][type="checkbox"], input[type="tel"][type="radio"], input[type="tel"][type="checkbox"], input[type="color"][type="radio"], input[type="color"][type="checkbox"], .uneditable-input[type="radio"], .uneditable-input[type="checkbox"] {
        margin: -4px 10px 0 1px
    }

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted \9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
    }

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    * margin-top: 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto
}

select, input[type="file"] {
    height: 30px;
    * margin-top: 4px;
    line-height: 30px
}

select {
    width: 220px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-size: 17px;
    height: 40px;
    margin-top: 5px;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 0 0 15px
}

    select[multiple], select[size] {
        height: auto
    }

    select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

.uneditable-input, .uneditable-textarea {
    color: #888;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #888
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #888
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #888;
    line-height: 1.5
}

.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px
}

    .radio input[type="radio"], .checkbox input[type="checkbox"] {
        float: left;
        margin-left: -20px
    }

    .radio.inline, .checkbox.inline {
        display: inline-block;
        padding-top: 5px;
        margin-bottom: 0;
        vertical-align: middle
    }

        .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
            margin-left: 10px
        }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
    background-color: transparent
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

    input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
        border-color: #e9322d;
        -webkit-box-shadow: 0 0 6px #f8b9b7;
        -moz-box-shadow: 0 0 6px #f8b9b7;
        box-shadow: 0 0 6px #f8b9b7
    }

.btn {
    display: inline-block;
    * display: inline;
    * zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #222;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    * background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    * border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    * margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

    .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        color: #222;
        background-color: #e6e6e6;
        * background-color: #d9d9d9
    }

    .btn:active, .btn.active {
        background-color: #cccccc \9
    }

    .btn:first-child {
        * margin-left: 0
    }

    .btn:hover, .btn:focus {
        color: #222;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear
    }

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    }

    .btn.disabled, .btn[disabled] {
        cursor: default;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

button.btn, input[type="submit"].btn {
    * padding-top: 3px;
    * padding-bottom: 3px
}

    button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0
    }

button.cta-backup, input.cta-backup {
    background: #43b02a;
    border: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-weight: 400;
    font-size: 14px;
    height: auto;
    line-height: 4em;
    letter-spacing: 1px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100% !important;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    transition: background .2s ease-in
}

@media (min-width:768px) {
    button.cta-backup, input.cta-backup {
        float: none;
        margin-top: 0;
        padding: 1.5em 5em !important;
        line-height: 1;
        width: auto !important
    }
}

button.cta-backup:hover, input.cta-backup:hover {
    background: #2fd109;
    color: #FFFFFF;
    text-decoration: none
}

button.cta-backup.disabled, input.cta-backup.disabled {
    background: #657a61;
    color: #444
}

@media screen and (max-width:767px) {
    button.cta-backup, input.cta-backup {
        width: 100%;
        margin-top: 1em
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    button.cta-backup, input.cta-backup {
        font-size: 18px;
        font-weight: 400;
        font-weight: 600;
        line-height: 1.4;
        margin: 10px 0;
        padding: 10px;
        text-align: center !important;
        -webkit-appearance: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    button.cta-backup, input.cta-backup {
        font-size: 18px;
        font-weight: 400;
        font-weight: 600;
        line-height: 1.4;
        margin: 10px 0;
        padding: 10px;
        text-align: center !important;
        -webkit-appearance: none
    }
}

button::-webkit-file-upload-button, input::-webkit-file-upload-button {
    background: #43b02a;
    border: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-weight: 400;
    font-size: 14px;
    height: auto;
    line-height: 4em;
    letter-spacing: 1px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100% !important;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    transition: background .2s ease-in;
    float: none;
    margin-right: 20px;
    display: inline-block
}

@media (min-width:768px) {
    button::-webkit-file-upload-button, input::-webkit-file-upload-button {
        float: none;
        margin-top: 0;
        padding: 1.5em 5em !important;
        line-height: 1;
        width: auto !important
    }
}

button::-webkit-file-upload-button:hover, input::-webkit-file-upload-button:hover {
    background: #2fd109;
    color: #FFFFFF;
    text-decoration: none
}

button::-webkit-file-upload-button.disabled, input::-webkit-file-upload-button.disabled {
    background: #657a61;
    color: #444
}

button[type="file"], input[type="file"] {
    background: #FFF;
    display: inline-block;
    height: 100%;
    width: 100%;
    text-indent: -10px;
    padding-right: 10px
}

button[type="file"], input[type="file"] {
    padding-left: 15px
}

    button[type="file"] button, button[type="file"] input, input[type="file"] button, input[type="file"] input {
        background: #43b02a;
        border: none;
        color: #fff;
        display: inline-block;
        float: left;
        font-weight: 400;
        font-size: 14px;
        height: auto;
        line-height: 4em;
        letter-spacing: 1px;
        margin-top: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100% !important;
        -moz-transition: background .2s ease-in;
        -o-transition: background .2s ease-in;
        -webkit-transition: background .2s ease-in;
        transition: background .2s ease-in
    }

@media (min-width:768px) {
    button[type="file"] button, button[type="file"] input, input[type="file"] button, input[type="file"] input {
        float: none;
        margin-top: 0;
        padding: 1.5em 5em !important;
        line-height: 1;
        width: auto !important
    }
}

button[type="file"] button:hover, button[type="file"] input:hover, input[type="file"] button:hover, input[type="file"] input:hover {
    background: #2fd109;
    color: #FFFFFF;
    text-decoration: none
}

button[type="file"] button.disabled, button[type="file"] input.disabled, input[type="file"] button.disabled, input[type="file"] input.disabled {
    background: #657a61;
    color: #444
}

}

button[type="file"]:focus, input[type="file"]:focus {
    outline: none
}

button[type="datalist"], input[type="datalist"] {
    border: none;
    padding: .5em 1em
}

button[type="range"], input[type="range"] {
    margin-bottom: 2em
}

button[type="color"], input[type="color"] {
    padding: 5px 10px
}

span.field-note {
    display: inline-block;
    float: right;
    height: 1px;
    overflow: visible;
    vertical-align: bottom;
    font-size: 12px;
    position: relative;
    top: -20px
}

section.contact {
    padding: 1.2em 0 1em
}

    section.contact input[type="text"], section.contact input[type="password"], section.contact input[type="datetime"], section.contact input[type="datetime-local"], section.contact input[type="date"], section.contact input[type="month"], section.contact input[type="time"], section.contact input[type="week"], section.contact input[type="number"], section.contact input[type="email"], section.contact input[type="url"], section.contact input[type="search"], section.contact input[type="tel"], section.contact input[type="color"], section.contact .uneditable-input {
        padding: 3px 15px 0
    }

    section.contact .style-select:after {
        top: 50%
    }

    section.contact .style-select:before {
        right: 5px;
        top: 43%
    }

.fa.fa-search:hover {
    cursor: pointer
}

.style-select {
    display: inline-block;
    margin: 0 0 0 5px;
    position: relative;
    width: 100%
}

    .style-select select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 25px;
        margin: 0;
        background-color: #FFF;
        box-shadow: none;
        border: 1px solid white
    }

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

    .style-select:after {
        content: "\f0dc";
        color: #444;
        font-family: 'FontAwesome';
        font-size: 14px;
        position: absolute;
        right: 1em;
        top: 41%;
        pointer-events: none;
        z-index: 10
    }

    .style-select:before {
        content: " ";
        width: 25px;
        height: 29px;
        background-color: white;
        border-radius: 3px;
        position: absolute;
        right: 3px;
        top: 30%;
        pointer-events: none;
        z-index: 5
    }

.lt-ie10 #nav-article-utility .style-select select {
    padding-right: 5px
}

.lt-ie10 #nav-article-utility .style-select:after {
    content: ''
}

.mktoForm .mktoFieldWrap select.mktoField[multiple] {
    height: 200px;
}

@media(min-width:992px) {
    .mktoForm .mktoCheckboxList {
        column-count: 2;
    }
}
/* Form Assembly selectors moved to fa-form.css */

body {
    position: relative;
}

#hdr {
    top: 0;
    right: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
    z-index: 1600;
    border-bottom: 1px solid rgba(144,157,163,0.25);
    background-color: white;
}

    #hdr > .container {
        position: relative;
        z-index: 1650;
        background-color: white;
    }

    #hdr + .graytop {
        border-top: 0;
    }

.single-line {
    white-space: nowrap;
}
/* body.scrolled #hdr */

body #hdr {
    transform: translateY(-37px);
}
/* body.fixed-sticky-nav.scrolled #hdr */

body.fixed-sticky-nav #hdr {
    transform: translateY(-124px);
}
/* body.scrolled #hdr header a.logo */

body #hdr header a.logo {
    transform: scale(0.64);
}

@media (max-width:768px) {
    #hdr {
        transform: translateY(-37px);
    }

        #hdr header a.logo {
            transform: scale(0.64);
        }
}

#hdr header {
    position: relative;
    height: 108px;
    margin-top: 16px;
    margin-left: 0 !important;
    margin-right: 0 !important
}

a.logo {
    display: block;
    text-indent: -999em;
    background: url(https://www.jax.org/_res/img/logo.png) 0 0 no-repeat;
    height: 81px;
    width: 311px;
    position: absolute;
    left: 0;
    top: 11px;
    background-size: cover;
    -webkit-tap-highlight-color: transparent;
    margin-left: 0 !important;
    transform-origin: left 97%;
    transition: transform 0.25s ease-in-out;
}

#hdr.search-has-focus header a.logo {
    width: 150px;
}

@media (min-width:480px) {
    #hdr.search-has-focus header a.logo {
        width: 311px;
    }
}

.btn-toggle {
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 40px;
    width: 49px;
    height: 49px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #05396b;
}

    .btn-toggle, .btn-toggle:hover {
        color: #05396b;
    }

        .nav-visible .toggle-nav, .nav-visible .toggle-nav:hover, .btn-toggle.toggle-on, .btn-toggle.toggle-on:hover {
            color: #fff;
        }

        .btn-toggle i {
            font-size: 20px;
            line-height: 49px;
            position: relative;
            z-index: 2;
        }

.toggle-nav {
    overflow: hidden;
}

    .toggle-nav > em {
        z-index: 1;
        display: block;
        position: absolute;
        top: -49px;
        right: 0;
        height: 49px;
        left: 0;
        background-color: #05396b;
        transition: transform 0.2s ease-in-out;
    }

.nav-visible .toggle-nav > em {
    transform: translateY(49px);
}

.btn-toggle.toggle-nav {
    z-index: 710
}

.search-open .btn-toggle.toggle-nav, .nav-open .btn-toggle.toggle-nav {
    background-color: #EF3C39
}

    .search-open .btn-toggle.toggle-nav i.fa-navicon:before, .nav-open .btn-toggle.toggle-nav i.fa-navicon:before {
        content: '\f00d'
    }

#main-nav-wrap {
    position: relative; /* top:-15px; */
    z-index: 500;
    background: white;
    display: block;
    height: 0;
    overflow: visible;
    transform: translateY(-91px);
    transition: transform 0.25s ease-in-out;
    will-change: transform;
}

body.nav-visible #main-nav-wrap {
    transform: none; /* pointer-events:all; */
}

@media(max-width:992px) {
    #main-nav-wrap.mobile-hide-on-load {
        display: none;
    }

    #main-nav-wrap {
        transform: translateY(-510px);
    }
}

#main-nav-wrap:hover {
    z-index: 700
}

nav#main-nav {
    position: relative;
    background-color: white;
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    display: none;
}

.animatable nav#main-nav, .nav-visible nav#main-nav {
    display: block;
}

nav#main-nav ul {
    display: table;
    list-style: none;
    width: 1230px;
    margin: 0 auto;
    padding: 0
}

@media (max-width:1200px) {
    nav#main-nav ul {
        width: 970px
    }
}

@media (max-width:992px) {
    nav#main-nav ul {
        display: block;
        width: 100%
    }
}

nav#main-nav ul li {
    display: table-cell;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.1;
}

@media (max-width:992px) {
    nav#main-nav ul li {
        display: block
    }
}

nav#main-nav ul li a {
    display: block;
    padding: 15px 10px 10px 15px;
    color: #333333
}

    nav#main-nav ul li a:hover {
        text-decoration: none
    }

@media (max-width:992px) {
    nav#main-nav ul li a {
        padding-right: 40px;
        position: relative;
        background: #05396b;
        color: #fff;
        border-top: 1px solid #009ed0
    }
}

nav#main-nav ul li a i {
    padding-left: 5px;
    font-size: 20px;
    line-height: .8
}

@media (max-width:992px) {
    nav#main-nav ul li a i {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        line-height: 50px;
        font-size: 26px;
        height: 50px;
        width: 50px;
        padding-left: 0;
        text-align: center;
        border-left: 1px solid #009ed0
    }
}

nav#main-nav ul li.active > a {
    color: #05396b
}

    nav#main-nav ul li.active > a:hover {
        color: #fff
    }

@media (max-width:992px) {
    nav#main-nav ul li.active > a {
        color: #fff;
        background: #05396b
    }
}

nav#main-nav ul li:hover > a, nav#main-nav ul li.active:hover > a, nav#main-nav ul li.hover > a {
    background: #2d2d2d;
    color: #fff
}

@media (max-width:992px) {
    nav#main-nav ul li:hover > a, nav#main-nav ul li.active:hover > a, nav#main-nav ul li.hover > a {
        color: #fff;
        background: #05396b
    }
}

nav#main-nav ul li:hover .sub, nav#main-nav ul li.active:hover .sub, nav#main-nav ul li.hover .sub {
    left: 0;
    right: 0
}

nav#main-nav ul li.open > .sub > ul, nav#main-nav ul li.open > ul {
    max-height: 1000px
}

@media (max-width:992px) {
    nav#main-nav ul li.open > a {
        background-color: #009ed0;
    }

    nav#main-nav ul li > a i.fa-angle-down:before {
        transition: transform 200ms ease;
        display: block;
    }

    nav#main-nav ul li.open > a i.fa-angle-down:before {
        transform: rotate(180deg);
    }
}

nav#main-nav .sub {
    position: absolute;
    left: -999em;
    background: #2d2d2d
}

@media (max-width:992px) {
    nav#main-nav .sub {
        position: relative;
        left: 0
    }
}

@media (max-width:992px) {
    nav#main-nav .sub ul {
        max-height: 0;
        overflow: hidden;
        -moz-transition: max-height 0.5s;
        -o-transition: max-height 0.5s;
        -webkit-transition: max-height 0.5s;
        transition: max-height 0.5s
    }
}

nav#main-nav .sub ul li {
    font-size: 18px;
    position: relative
}

    nav#main-nav .sub ul li a {
        color: #ccc
    }

@media (max-width:992px) {
    nav#main-nav .sub ul li a {
        color: #fff;
        padding: 8px 10px 6px 15px;
        text-transform: none;
        font-size: 15px;
        border-bottom: 0;
        border-top: 0;
    }

        nav#main-nav .sub ul li a i {
            line-height: 30px;
            height: 30px;
        }
}

nav#main-nav .sub ul li a i {
    font-size: 20px
}

nav#main-nav .sub ul li:hover > a {
    color: #fff;
    background: #009ed0
}

nav#main-nav .sub ul li:hover > ul {
    left: 0
}

nav#main-nav .sub ul ul {
    display: block;
    position: absolute;
    left: -999em;
    width: 100%
}

@media (max-width:992px) {
    nav#main-nav .sub ul ul {
        position: relative;
        left: 0
    }
}

nav#main-nav .sub ul ul li {
    display: block;
    text-transform: none;
    font-weight: 400;
    font-size: 16px
}

    nav#main-nav .sub ul ul li a {
        border-top: 1px solid #80cfe8;
        color: #fff;
        background: #009ed0
    }

        nav#main-nav .sub ul ul li a:hover {
            color: #009ed0;
            background: #fff
        }

@media (max-width:992px) {
    nav#main-nav .sub ul ul li a:hover {
        color: #fff;
        background: #0092c1
    }
}

nav#main-nav .sub ul ul li.active a {
    background: #1EC9FF
}

@media (max-width:992px) {
    nav#main-nav .sub ul ul li.active a {
        background: #009ed0
    }
}

nav#main-nav .sub ul ul li.active a:hover {
    color: #1EC9FF;
    background: #fff
}

@media (max-width:992px) {
    nav#main-nav .sub ul ul li.active a:hover {
        background: #80CFE8;
        color: #fff
    }
}

nav.global {
    position: absolute;
    top: -16px;
    right: -15px;
}

    nav.global ul {
        background-color: transparent;
        width: auto;
        margin: 0 15px 0 0;
        padding: 0;
        font-size: 12px;
        line-height: 1;
    }

        nav.global ul li {
            display: inline-block;
            margin: 0;
        }

            nav.global ul li a {
                color: #009ed0;
                font-weight: 600;
                font-size: 14px;
                background: none;
                display: block;
                line-height: 1;
                padding: 10px 7px;
                margin: 0;
            }

                nav.global ul li a i {
                    color: #05396b;
                    font-size: 14px;
                    padding-right: .25em
                }

                nav.global ul li a.give-to-jax {
                    background-color: #f1c400;
                    color: #222;
                    margin-left: 7px;
                    padding: 10px 14px 8px;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-size: 14px;
                }

                    nav.global ul li a.give-to-jax:hover {
                        background-color: #ffdf3f;
                        color: black;
                        text-decoration: none;
                    }

@media (max-width:400px) {
    nav.global {
        display: none;
    }
}

#main-nav-wrap .global {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%
}

.nav-visible #main-nav-wrap .global {
    display: block;
}

@media (min-width:992px) {
    .nav-visible #main-nav-wrap .global, #main-nav-wrap .global {
        display: none
    }
}

#main-nav-wrap .global ul {
    background-color: #05396b;
    margin: 0;
    padding: 1em;
    list-style-type: none;
    overflow: auto;
}

    #main-nav-wrap .global ul li {
        border: none;
        display: list-item;
        margin: 0;
        padding: 4px 0;
        text-transform: uppercase;
        width: 50%;
        float: left;
    }

        #main-nav-wrap .global ul li a {
            color: #FFFFFF;
            font-weight: 400;
            font-size: 18px
        }

            #main-nav-wrap .global ul li a.give-to-jax {
                font-weight: 600;
                color: #222;
                display: table;
            }

.wf #hdr {
    display: block;
}

section footer {
    padding: 0 0 1em;
    color: #FFF
}

    section footer h3, section footer h4 {
        color: #fff;
        text-transform: uppercase;
        position: relative;
        margin: 0 auto
    }

        section footer h4.copyright {
            font-weight: 600;
            font-size: 10px;
            padding-top: 1em;
            text-align: center
        }

        section footer h4.copyright, .wf section footer h4.copyright {
            font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif;
        }

@media screen and (min-width:768px) {
    section footer h4.copyright {
        font-size: 15px;
        font-weight: normal;
        text-align: left;
        padding-top: 20px
    }
}

@media screen and (min-width:992px) {
    section footer h4.copyright {
        font-weight: 400;
        font-size: 20px;
        padding-top: .5em;
        margin-left: -10px
    }
}

section footer h3, .wf section footer h3 {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    padding: 1em 0
}

@media screen and (min-width:768px) {
    section footer h3 {
        border: 1px solid #333;
        font-size: 24px;
        margin: 1em 0;
        padding: .5em;
        width: 100%
    }
}

@media screen and (min-width:992px) {
    section footer h3 {
        font-size: 24px;
        margin: 0 0 1em;
        min-height: 100px;
        width: 102%;
        padding: .5em .25em .25em
    }
}

section footer h3 span {
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    section footer h3 span {
        font-size: 48px
    }
}

section footer ul {
    border-bottom: 1px solid #333;
    margin: 0 0;
    padding: 1em 0;
    text-align: center
}

    section footer ul li {
        margin: .25em 0
    }

        section footer ul li a {
            color: #fff;
            padding: 0 15px;
            text-transform: uppercase
        }

            section footer ul li a:hover {
                color: #6d7a83
            }

    section footer ul.action-items {
        padding-top: 0;
        padding-bottom: 10px;
        border-top: 1px solid #333
    }

@media screen and (min-width:768px) {
    section footer ul.action-items {
        border: none;
        padding-top: 1.5em
    }
}

@media screen and (min-width:992px) {
    section footer ul.action-items {
        display: block;
        float: left;
        padding-left: 15px;
        width: 100%
    }
}

section footer ul.action-items li {
    display: block;
    font-size: 14px;
    padding: .25em 0 .5em;
    width: 100%
}

@media screen and (min-width:768px) {
    section footer ul.action-items li {
        border: none;
        float: left;
        text-align: center;
        width: 30%
    }

        section footer ul.action-items li:first-child {
            width: 36%
        }
}

@media screen and (min-width:992px) {
    section footer ul.action-items li {
        width: 33%;
        text-align: center
    }

        section footer ul.action-items li:first-child {
            width: 33%
        }
}

section footer ul.action-items li a {
    display: block;
    text-align: left;
    margin: auto;
    padding-left: 33%
}

@media screen and (min-width:768px) {
    section footer ul.action-items li a {
        text-align: center
    }
}

@media screen and (min-width:992px) {
    section footer ul.action-items li a {
        padding-left: 0
    }
}

section footer ul.action-items li a:hover {
    text-decoration: none
}

section footer ul.action-items li i {
    font-size: 30px;
    position: relative;
    top: 8px;
    width: 45px
}

@media screen and (min-width:768px) {
    section footer ul.action-items li i {
        display: block;
        margin-bottom: 10px;
        top: 0;
        width: 100%
    }
}

@media screen and (min-width:992px) {
    section footer ul.action-items li i {
        font-size: 30px
    }
}

section footer ul.action-items li + li {
    border-top: 1px solid #333
}

@media screen and (min-width:768px) {
    section footer ul.action-items li + li {
        border: none
    }
}

section footer ul.utility {
    font-weight: 300;
    font-size: 15px
}

@media screen and (min-width:768px) {
    section footer ul.utility {
        border-bottom: 1px solid #333;
        border-left: 1px solid #333;
        padding: 0
    }

        section footer ul.utility:not(.inline) {
            border-top: 1px solid #333;
        }

        section footer ul.utility li a {
            font-size: 24px;
            line-height: 2
        }
}

section footer ul.utility {
    height: 55px;
    left: -15px;
    position: relative;
    text-align: left;
    width: 106%
}

@-moz-document url-prefix() {
    section footer ul.utility {
        left: -7px
    }
}

section footer ul.utility li a {
    line-height: 40px;
    font-size: 22px;
    padding-right: 0
}

}

@media screen and (min-width:1200px) {
    section footer ul.utility {
        left: -15px
    }
}

@media screen and (max-width:991px) {
    section footer ul.utility {
        height: auto;
        left: 0;
        text-align: center;
        width: 100%
    }
}

section footer h4.copyright {
    font-weight: 600;
    font-size: 20px
}

section footer h3 span {
    font-weight: 400;
    font-size: 48px;
    line-height: 1.1;
    padding-top: 10px
}

section footer ul.utility {
    font-weight: 300;
}

    section footer ul.utility li a {
        font-size: 24px
    }

@media screen and (max-width:1200px) {
    section footer .addthis_32x32_style .at4-icon {
        width: 100% !important;
    }
}

@media screen and (min-width:992px) {
    section footer h4.copyright {
        font-weight: 400;
    }
}

.breadcrumbs ul {
    margin: 0;
    padding: .5em 0
}

    .breadcrumbs ul li {
        font-size: 14px
    }

        .breadcrumbs ul li:before {
            content: "\f105";
            font-family: FontAwesome;
            font-size: 14px;
            overflow: visible;
            padding-left: .5em
        }

        .breadcrumbs ul li:first-child:after {
            display: none
        }

.breadcrumbs.back li {
    padding-top: 2px
}

    .breadcrumbs.back li:first-child:before {
        content: "\f104";
        display: inline-block;
        padding-left: 0;
        margin-left: 0
    }

.breadcrumbs.back .social-media {
    padding: 0 0 .25em;
    text-align: right
}
/* breadcrumb siblings */

.breadcrumbs .siblings li:before {
    content: '\a0';
    padding-left: 0;
}

.breadcrumbs .siblings .dropdown > ul {
    display: none;
}

@media (max-width:768px) {
    .breadcrumbs.back .social-media {
        text-align: center
    }
}

@media (max-width:768px) {
    .breadcrumbs.back .social-media.addthis_default_style li {
        padding-top: 0
    }
}

.breadcrumbs.back .social-media.addthis_default_style li:before {
    display: none
}

.breadcrumbs.back .social-media.addthis_default_style li a, .breadcrumbs.back .social-media.addthis_default_style li .at300b, .breadcrumbs.back .social-media.addthis_default_style li .at300bo, .breadcrumbs.back .social-media.addthis_default_style li .at300m {
    color: #FFFFFF;
    float: none
}

body.sitewide-alert-enabled {
    margin-top: 72px;
}

    body.sitewide-alert-enabled #hdr {
        top: 72px;
    }

.sitewide-alert {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background-color: #ab2328;
    z-index: 2000;
}

    .sitewide-alert > div {
        display: table;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 72px;
    }

        .sitewide-alert > div > p {
            display: table-cell;
            vertical-align: middle;
            color: white;
            font-weight: 600;
            margin: 0;
            padding: 12px 24px;
            font-size: 14px;
            line-height: 16px;
            text-align: center;
        }

@keyframes showcookiebanner {
    from {
        visibility: hidden;
        opacity: 0;
        transform: translateY(300px);
    }

    1% {
        visibility: visible;
        opacity: 0;
        transform: translateY(300px);
    }

    to {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes dismisscookiebanner {
    from {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    99% {
        visibility: visible;
        opacity: 0;
        transform: translateY(300px);
    }

    to {
        visibility: hidden;
        opacity: 0;
        transform: translateY(300px);
    }
}

#cookie-banner {
    display: none;
    background: #05396b;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    text-align: center;
    padding: 20px 15px;
    animation-delay: 500ms;
    animation-duration: 250ms;
    animation-name: showcookiebanner;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    font-weight: 400;
}

    #cookie-banner.cookie-banner-active {
        display: block;
    }

    #cookie-banner.is-dismiss {
        animation-name: dismisscookiebanner;
        animation-delay: 0s;
    }

    #cookie-banner > div {
        margin: 0 auto 10px;
        max-width: 738px;
    }

    #cookie-banner p {
        padding: 0;
        margin: 0;
        color: #ddd;
        line-height: 1.4;
    }

    #cookie-banner .cta-backup {
        display: inline-block;
        float: none;
        font-size: 14px;
        margin: 10px;
        padding: 15px 30px;
        text-align: center;
    }

@media (max-width:768px) {
    #cookie-banner .cta-backup {
        width: 90%;
    }
}

#cookie-banner .learn-more {
    font-size: 12px;
    padding: 10px
}

#cookie-banner > div#cookie-prefs {
    display: flex;
    margin: 15px auto;
    font-size: 16px;
    text-align: left;
    align-items: stretch;
    max-width: 970px;
    color: white;
}

#cookie-prefs > div {
    position: relative;
    padding: 0 15px 35px;
    flex: 1;
}

#cookie-prefs h5 {
    margin: 0;
    color: white;
}

#cookie-prefs p {
    font-weight: 300;
    line-height: 1.25;
}

#cookie-prefs .cbox {
    position: absolute;
    bottom: 0;
}

@media (max-width:768px) {
    #cookie-banner > div#cookie-prefs {
        display: block;
        margin-top: 20px;
        margin-bottom: 0;
    }

    #cookie-prefs > div {
        padding-bottom: 20px;
    }

    #cookie-prefs .cbox {
        position: static;
        padding-top: 10px;
    }

    #cookie-banner p, #cookie-prefs, #cookie-prefs h5 {
        font-size: 12px;
    }

        #cookie-prefs h5 {
            float: left;
            line-height: 1.25;
            font-weight: 700;
        }

            #cookie-prefs h5:after {
                content: '\a0-\a0';
            }

        #cookie-prefs .cbox p {
            line-height: 21px;
            margin-left: 28px !important;
        }
}

#cookie-prefs .cbox p {
    font-weight: 600;
}

.cbox {
    color: inherit;
    user-select: none;
    -webkit-user-select: none;
}

#cookie-prefs > div + div > .cbox {
    cursor: pointer;
}

.cbox i {
    display: block;
    float: left;
    width: 1.4em;
    height: 1.4em;
    color: inherit;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    line-height: 1.4em;
    margin: -0.15em 0 0 0;
}

    .cbox i:before {
        opacity: 0.07;
        color: inherit;
    }

.cbox p {
    margin-left: 1.7em !important;
    opacity: 0.5;
}

.cbox:hover p {
    opacity: 0.75;
}

.cbox.cbox-checked i:before, .cbox.cbox-checked p {
    opacity: 1;
}

#footer-intl-wrap {
    width: 270px;
    min-width: 270px;
    margin: 15px auto;
    display: block;
}

@media(min-width:768px) {
    #footer-intl-wrap {
        margin-left: 0;
    }
}

@media(min-width:992px) {
    section footer h4.copyright {
        float: left;
    }

    #footer-intl-wrap {
        float: right;
        width: 40%;
        margin-right: -20px;
        margin-top: 6px;
    }
}

#footer-intl-wrap select {
    background-color: #222;
    border: 1px solid #222;
    color: white;
    font-size: 14px;
    height: 32px;
    line-height: 22px;
    padding-top: 2px;
}

#footer-intl-wrap:before {
    top: 14%;
    background-color: #222;
    height: 25px;
}

#footer-intl-wrap:after {
    top: 25%;
    color: white;
}

.lax-bg {
    background-color: #333;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 560px
}

.js .lax-bg {
    visibility: hidden;
}

@media (max-width:992px) {
    .lax-bg {
        min-height: 460px
    }
}

@media (max-width:768px) {
    .lax-bg {
        min-height: 300px
    }
}

body.hi-res .lax-bg {
    background-color: #fff;
    background-position-y: center
}

body.hi-res section.lax-bg {
    background-attachment: local
}

body.hi-res div.lax-bg {
    background-attachment: local
}

body.hi-res .mice .search form button {
    right: 38px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    body.hi-res .mice .search form button:before {
        right: -25px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    body.hi-res .mice .search form button:before {
        right: -25px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    body.hi-res .mice .search form button:before {
        right: -25px
    }
}

.retinot .lax-bg {
    background-position: 50% 0 !important;
    background-attachment: local
}

.retinot .mice .search form button:before {
    right: -25px
}

.video-background {
    overflow: hidden
}

    .video-background .video-container {
        position: relative;
        width: 100%;
        z-index: 1;
        overflow: hidden
    }

        .video-background .video-container .container {
            min-height: 270px;
            position: absolute;
            top: 0;
            right: 0;
            left: 0
        }

            .video-background .video-container .container .content {
                min-height: 270px
            }

        .video-background .video-container video {
            width: 100%;
            min-width: 485px;
            height: auto;
            display: block;
            opacity: 0.5;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease
        }

        .video-background .video-container .cta-backup {
            margin-left: 1em;
            margin-top: 1em;
            padding: 1em 5em !important;
            width: auto
        }

@media (max-width:768px) {
    .video-background .video-container .cta-backup {
        margin: 5px 1em 10px;
        width: auto
    }
}

.video-background .video-container .video-controls {
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 5px 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 5
}

@media (max-width:768px) {
    .video-background .video-container .video-controls .col-sm-3 {
        display: none
    }
}

.video-background .video-container .video-controls a {
    float: left;
    color: rgba(255, 255, 255, 0.5)
}

    .video-background .video-container .video-controls a:hover, .video-background .video-container .video-controls a:active {
        color: #fff
    }

    .video-background .video-container .video-controls a.mute {
        float: right;
        margin-right: 8px;
        position: relative;
        bottom: 1px
    }

@media (max-width:768px) {
    .video-background .video-container .video-controls a.mute {
        float: left;
        margin-left: 10px;
        margin-right: 6px
    }
}

.video-background .video-container .video-controls a.mute i.fa-volume-off {
    margin-right: 9px
}

.video-background .video-container .video-controls a.mute i.fa-volume-down {
    margin-right: 5px
}

.video-background .video-container .video-controls a.plause {
    font-size: 15px;
    margin-left: 10px
}

    .video-background .video-container .video-controls a.plause i {
        top: -2px;
        position: relative
    }

.video-background .video-container .video-controls input {
    float: left;
    width: 86%
}

@media (max-width:768px) {
    .video-background .video-container .video-controls input {
        width: 70%
    }
}

@media (min-width:768px) {
    .video-background .video-container .video-controls input {
        width: 83%
    }
}

.video-background .video-container .video-controls input.seek-bar {
    margin: 0 10px !important
}

@media (min-width:768px) {
    .video-background .video-container .video-controls input.volume-bar {
        width: 81%
    }
}

.video-background .video-container .video-controls span, .video-background .video-container .video-controls .time-stamp, .video-background .video-container .video-controls .video-duration {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    position: relative;
    bottom: 3px
}

.video-background .video-container .video-controls .time-stamp {
    margin-left: 4px
}

.video-background .video-container .video-controls input[type=range] {
    margin: auto;
    outline: none;
    padding: 0;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.32);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#ffffff, #ffffff);
    background-size: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-appearance: none
}

.video-background .video-container .video-controls input[type='range'], .video-background .video-container .video-controls input[type='range']::-webkit-slider-runnable-track, .video-background .video-container .video-controls input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none
}

    .video-background .video-container .video-controls input[type='range']::-webkit-slider-runnable-track {
        position: relative;
        width: 34.25em;
        height: 0.75em;
        box-shadow: 0 1px 1px rgba(255, 255, 255, 0.32);
        background: rgba(255, 255, 255, 0.32)
    }

.video-background .video-container .video-controls .js input[type='range']::-webkit-slider-runnable-track {
    background: linear-gradient(#ffffff, #ffffff) no-repeat rgba(255, 255, 255, 0.32)
}

.video-background .video-container .video-controls input[type='range']::-moz-range-track {
    width: 34.25em;
    height: 0.75em;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.32);
    background: transparent;
    border: 0px
}

.video-background .video-container .video-controls .js input[type='range']::-moz-range-track {
    background: linear-gradient(#ffffff, #ffffff) no-repeat #fff
}

.video-background .video-container .video-controls input[type='range']:nth-of-type(1)::-moz-range-track {
    background-size: 0 100%
}

.video-background .video-container .video-controls input[type='range']::-ms-track {
    border: none;
    width: 34.25em;
    height: 0.75em;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.32);
    color: transparent
}

.video-background .video-container .video-controls input[type='range']::-moz-range-progress {
    height: 0.75em;
    border-radius: 0;
    background: #fff
}

.video-background .video-container .video-controls input[type='range']::-ms-fill-lower {
    border-radius: 0;
    background: #fff
}

.video-background .video-container .video-controls input[type='range']::-webkit-slider-thumb {
    margin-top: -0.25em;
    box-sizing: border-box;
    width: 1.25em;
    height: -0.75em;
    background: #fff;
    cursor: ew-resize
}

.video-background .video-container .video-controls input[type='range']::-moz-range-thumb {
    box-sizing: border-box;
    width: 1.25em;
    height: -0.75em;
    background: #fff;
    cursor: ew-resize;
    visibility: hidden
}

.video-background .video-container .video-controls input[type='range']::-ms-thumb {
    box-sizing: border-box;
    width: 1.25em;
    height: -0.75em;
    background: #fff;
    cursor: ew-resize
}

.video-background .video-container .video-controls input[type='range']::-webkit-slider-runnable-track:before, .video-background .video-container .video-controls input[type='range'] / deep / #track:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    color: #fff;
    line-height: 1.5
}

.video-background .video-container .video-controls [class * =webkit] input[type='range']::-webkit-slider-thumb:before, .video-background .video-container .video-controls [class * =webkit] input[type='range']::-webkit-slider-thumb:after, .video-background .video-container .video-controls [class * =webkit] input[type='range'] / deep / #thumb:before, .video-background .video-container .video-controls [class * =webkit] input[type='range'] / deep / #thumb:after {
    position: absolute;
    bottom: 0;
    color: #fff;
    line-height: 1
}

.video-background .video-container .video-controls [class * =webkit] input[type='range']::-webkit-slider-thumb:before, .video-background .video-container .video-controls [class * =webkit] input[type='range'] / deep / #thumb:before {
    box-sizing: border-box;
    left: 100%;
    padding-right: .0625em;
    width: 2em;
    transform: translateY(8px);
    font-size: 3em;
    text-align: right
}

.video-background .video-container .video-controls [class * =webkit] input[type='range']::-webkit-slider-thumb:after, .video-background .video-container .video-controls [class * =webkit] input[type='range'] / deep / #thumb:after {
    left: calc(100% + 8em);
    font-size: 0.75em
}

.video-background .video-container .video-controls .js input[type='range']:nth-of-type(1)::-webkit-slider-runnable-track {
    background-size: 0 0
}

.video-background .video-container .video-controls input[type='range']:focus {
    outline: none;
    opacity: .99
}

.video-background.playing video {
    opacity: 1
}

section.c-01 .content {
    padding-top: 50px;
    zoom: 1
}

section.c-01a img.map {
    position: absolute;
    top: 110px;
    right: 25%;
    margin-right: -40px;
    width: auto;
    height: 80px;
    max-width: none;
    border-radius: 50%;
}

section.c-01a .row, section.c-01a {
    position: relative;
}

    section.c-01a img.mask {
        position: absolute;
        top: -150px;
        right: 25%;
        width: auto;
        height: 600px;
        max-width: none;
    }

.lax-bg.c-01a {
    min-height: 300px;
    height: 300px;
}

section.c-01a .content > div {
    margin-left: 100px;
}

section.c-01 .content:before, section.c-01 .content:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

section.c-01 .content:after {
    clear: both
}

@media (min-width:768px) {
    section.c-01 .content {
        padding: 50px 0 40px
    }

    section.c-01a .content {
        padding: 70px 0;
    }
}

@media (min-width:992px) {
    section.c-01 .content {
        padding: 100px 0 70px
    }

    section.c-01a .content {
        padding: 90px 0;
    }
}

@media (min-width:1199px) {
    section.c-01 .content {
        padding: 200px 0 130px
    }

    section.c-01a .content {
        padding: 130px 0;
    }
}

section.c-01 h2 {
    font-size: 90px;
    font-weight: 600;
    margin: 0;
    line-height: 1
}

section.c-01a h2 {
    font-size: 90px;
    font-weight: 400;
    color: white;
    text-transform: none;
    margin: 0;
    line-height: 1;
    text-shadow: 0px 0px 32px rgba(0,0,0,0.5);
}

section.c-01a h3 {
    font-size: 25px;
    font-weight: 600;
    color: white;
    text-transform: none;
    margin: 0;
    line-height: 1
}

section.c-01a p {
    font-size: 15px;
    font-weight: 400;
    color: white;
    text-transform: none;
    margin: 0;
    line-height: 1
}

@media (max-width:992px) {
    section.c-01 h2 {
        font-size: 80px
    }
}

@media (max-width:768px) {
    section.c-01 h2 {
        font-size: 40px
    }
}

section.c-01 p {
    color: #444;
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 60px;
    font-style: italic;
    line-height: .75;
    margin-bottom: 10px
}

@media (max-width:992px) {
    section.c-01 p {
        font-size: 40px
    }
}

@media (max-width:768px) {
    section.c-01 p {
        font-size: 20px
    }
}

@media (max-width:768px) {
    section.c-01.video-background .content {
        padding: 30px 0 0
    }

        section.c-01.video-background .content .learn-more, section.c-01.video-background .content .cta-backup {
            margin: 5px auto 10px;
            line-height: 1em;
            padding: 15px
        }
}

section.c-01 .content.light-text p, section.c-01 .content.light-text h2 {
    color: white;
}

.mice-services-wrap {
    max-width: 100%
}

.big-mouse-wrap {
    position: relative;
    height: 270px
}

@media (max-width:768px) {
    .big-mouse-wrap {
        height: 100px
    }
}

.big-mouse-wrap img {
    max-width: 1000px;
    position: absolute;
    left: 0;
    bottom: 0
}

@media (max-width:768px) {
    .big-mouse-wrap img {
        max-width: 100%
    }
}

.mice {
    position: relative
}

    .mice.services {
        padding-bottom: 250px;
        padding-top: 2em;
        z-index: 10;
    }

@media (max-width:768px) {
    .mice.services {
        padding-bottom: 0
    }
}

.mice.services h3 {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 0;
    width: 90%
}

@media (max-width:768px) {
    .mice.services h3 {
        width: 35%
    }
}

@media (max-width:600px) {
    .mice.services h3 {
        width: 45%
    }
}

@media (max-width:480px) {
    .mice.services h3 {
        width: 60%
    }
}

.mice.services a.learn-more {
    border-top: 1px solid #5f7a9c;
    background: transparent;
    font-weight: 600;
    font-size: 18px;
    margin-top: 5px;
    padding: 15px 0 0 0;
    text-align: left;
    width: 100%
}

@media (max-width:768px) {
    .mice.services a.learn-more {
        line-height: 1em
    }
}

.mice .search {
    position: relative;
    padding-bottom: 2em
}

@media (min-width:768px) {
    .mice .search {
        padding-bottom: 2em
    }
}

.mice .search .header {
    margin-top: 1em
}

    .mice .search .header h3.block {
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 3.5;
        margin: 0;
        text-align: center;
        width: 100%
    }

    .mice .search .header a {
        color: #444;
        float: right;
        font-weight: 400;
        font-size: 14px;
        margin-top: 1.8em;
        padding-right: .5em
    }

.mice .search form {
    background: #05396b;
    margin: 0;
    padding: 1em 1em;
    position: relative
}

    .mice .search form span.label {
        margin: 0;
        overflow: visible
    }

    .mice .search form .tt-dropdown-menu {
        width: 89%
    }

        .mice .search form .tt-dropdown-menu .tt-dataset-terms p.empty {
            margin-top: 20px !important;
            margin-bottom: 15px !important;
            margin-left: 15px !important
        }

            .mice .search form .tt-dropdown-menu .tt-dataset-terms p.empty:hover {
                cursor: default
            }

    .mice .search form input {
        margin: 0;
        font-size: 14px;
        padding: 0 10px
    }

@media (max-width:767px) {
    .mice .search form input {
        width: 92%
    }
}

@media (max-width:480px) {
    .mice .search form input {
        width: 86%
    }
}

@media (min-width:768px) {
    .mice .search form input {
        font-size: 17px;
        width: 89%
    }
}

@media (min-width:992px) {
    .mice .search form input {
        width: 88%
    }
}

@media (min-width:1200px) {
    .mice .search form input {
        width: 89%
    }
}

.mice .search form button {
    background: transparent;
    border: none;
    color: #FFF;
    font-size: 24px;
    padding-left: .85em;
    height: 1.45em;
    position: absolute;
    right: 20px;
    top: 20px
}

@-moz-document url-prefix() {
    .mice .search form button {
        padding-left: 5px
    }
}

.mice .search form button:before {
    position: relative;
    top: 2px
}

.mice .img {
    max-height: 326px
}

@media (max-width:768px) {
    .mice .img {
        max-height: 226px
    }
}
/*.mice .img img{max-width:none;bottom:200px;left:155px;position:relative}*/

.mice .img > div {
    max-width: none;
    bottom: 200px;
    left: 155px;
    position: relative;
    width: 767px;
    height: 485px;
}

    .mice .img > div > img {
        display: block;
        margin: 0;
    }

@media (min-width:768px) { /*.mice .img img{left:-40px}*/

    .mice .img > div {
        left: -40px;
    }
}

.section-listing {
    padding-bottom: 1em
}

    .section-listing .load-more {
        width: 320px !important;
        margin: 40px auto;
        display: block;
        float: none;
        max-width: 100%;
        padding: 1.5em 0;
        text-align: center
    }

@media (max-width:768px) {
    .section-listing .load-more {
        width: 100% !important;
        padding: 1.5em 0;
        text-align: center
    }
}

.columns-listing-filter, .listing-filter {
    margin: 0 0 30px;
    zoom: 1
}

    .columns-listing-filter:before, .columns-listing-filter:after, .listing-filter:before, .listing-filter:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .columns-listing-filter:after, .listing-filter:after {
        clear: both
    }

    .columns-listing-filter form, .listing-filter form {
        float: right;
        padding: 20px;
        background: #e2e2e2;
        max-width: 100%;
        margin: 0
    }

@media (max-width:768px) {
    .columns-listing-filter form, .listing-filter form {
        width: 100%
    }
}

.columns-listing-filter label, .listing-filter label {
    margin: 0;
    display: inline;
    padding-right: 20px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 40px;
    font-size: 22px;
    position: relative;
    top: 3px
}

    .columns-listing-filter label.style-select, .listing-filter label.style-select {
        padding-left: 10px;
        padding-right: 10px
    }

        .columns-listing-filter label.style-select:before, .listing-filter label.style-select:before {
            top: -4px;
            right: 16px
        }

@media (max-width:768px) {
    .columns-listing-filter label.style-select:before, .listing-filter label.style-select:before {
        top: 40px
    }
}

.columns-listing-filter label.style-select:after, .listing-filter label.style-select:after {
    top: -9px;
    right: 25px
}

@media (max-width:768px) {
    .columns-listing-filter label.style-select:after, .listing-filter label.style-select:after {
        top: 35px
    }
}

.columns-listing-filter select, .listing-filter select {
    margin: 0;
    width: 300px;
    display: inline;
    margin-left: 15px;
    margin-bottom: 5px
}

@media (max-width:768px) {
    .columns-listing-filter select, .listing-filter select {
        width: 100%;
        margin: auto
    }
}

ul.columns-listing {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden
}

    ul.columns-listing:before {
        content: "";
        display: block;
        width: 1px;
        background: #ccc;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0
    }

@media (max-width:992px) {
    ul.columns-listing:before {
        display: none
    }
}

ul.columns-listing li {
    list-style: none;
    padding: 0 0 60px 210px;
    margin: 0;
    min-height: 290px;
    position: relative;
    width: 50%;
    float: left
}

    ul.columns-listing li:nth-of-type(2n + 1) {
        clear: both;
        padding: 0 60px 60px 210px
    }

    ul.columns-listing li:nth-of-type(2n) {
        padding-left: 270px
    }

        ul.columns-listing li:nth-of-type(2n) img {
            left: 60px
        }

@media (max-width:992px) {
    ul.columns-listing li {
        border-top: none
    }

        ul.columns-listing li:nth-of-type(n) {
            padding-left: 0;
            padding-right: 0;
            width: auto;
            float: none
        }
}

ul.columns-listing li a img, ul.columns-listing li span img {
    width: 200px
}

@media (max-width:768px) {
    ul.columns-listing li a img, ul.columns-listing li span img {
        width: 100%
    }
}

ul.columns-listing img {
    position: absolute;
    left: 0;
    top: 0;
    width: 170px
}

@media (max-width:992px) {
    ul.columns-listing img {
        position: static;
        width: auto
    }
}

ul.columns-listing h3 {
    font-weight: 600;
    font-size: 24px;
    margin: 0
}

    ul.columns-listing h3 a {
        color: #05396b
    }

ul.columns-listing h4 {
    font-weight: 600;
    font-size: 18px;
    color: #444;
    margin: 0
}

ul.columns-listing p {
    margin: 20px 0 0
}

section.circle-banner.c-06 .circle-container {
    padding: 20px 0 50px
}

@media (max-width:768px) {
    section.circle-banner.c-06 .circle-container {
        padding: 20px 0
    }
}

section.circle-banner.c-06 .circle-container div.top[class^="col"] {
    height: 125px
}

@media (min-width:528px) {
    section.circle-banner.c-06 .circle-container div.top[class^="col"] {
        height: 130px
    }
}

@media (max-width:1200px) {
    section.circle-banner.c-06 .circle-container div.top[class^="col"] {
        height: 115px
    }
}

@media (max-width:992px) {
    section.circle-banner.c-06 .circle-container div.top[class^="col"] {
        height: 100px
    }
}

section.circle-banner.c-06 .circle-container .circle {
    background: #43b02a center center no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    opacity: 0.75;
    transition: .5s ease
}

@media (max-width:1200px) {
    section.circle-banner.c-06 .circle-container .circle {
        width: 130px;
        height: 130px
    }

        section.circle-banner.c-06 .circle-container .circle h3 {
            font-size: 26px
        }
}

@media (max-width:992px) {
    section.circle-banner.c-06 .circle-container .circle {
        width: 110px;
        height: 110px
    }

        section.circle-banner.c-06 .circle-container .circle h3 {
            font-size: 24px
        }
}

section.circle-banner.c-06 .circle-container .circle:hover, section.circle-banner.c-06 .circle-container .circle.active {
    cursor: pointer;
    opacity: 1;
    transition: .5s ease
}

section.circle-banner.c-06 .circle-container .circle h3 {
    color: #ffffff;
    line-height: .9;
    padding-top: 36%;
    text-shadow: -1px 3px 14px #444
}

section.circle-banner.c-06 .circle-container.background {
    position: absolute;
    width: 92%;
    margin-top: 50px
}

    section.circle-banner.c-06 .circle-container.background .circle.large {
        background: #05396b;
        width: 250px;
        height: 250px;
        opacity: 1
    }

        section.circle-banner.c-06 .circle-container.background .circle.large h2 {
            color: #ffffff;
            font-size: 20px;
            line-height: 1.1;
            padding-top: 86px
        }

            section.circle-banner.c-06 .circle-container.background .circle.large h2 span {
                display: block;
                font-size: 26px
            }

@media (min-width:528px) {
    section.circle-banner.c-06 .circle-container.background {
        width: 95%;
        margin-top: 41px
    }

        section.circle-banner.c-06 .circle-container.background .circle.large {
            width: 290px;
            height: 290px
        }

            section.circle-banner.c-06 .circle-container.background .circle.large h2 {
                font-size: 28px;
                padding-top: 105px
            }

                section.circle-banner.c-06 .circle-container.background .circle.large h2 span {
                    font-size: 35px
                }
}

@media (min-width:768px) {
    section.circle-banner.c-06 .circle-container.background {
        width: 92%;
        margin-top: 50px
    }

        section.circle-banner.c-06 .circle-container.background .circle.large {
            width: 250px;
            height: 250px
        }

            section.circle-banner.c-06 .circle-container.background .circle.large h2 {
                font-size: 26px;
                line-height: 1.1;
                padding-top: 78px
            }

                section.circle-banner.c-06 .circle-container.background .circle.large h2 span {
                    font-size: 35px
                }
}

@media (min-width:992px) {
    section.circle-banner.c-06 .circle-container.background {
        width: 95%;
        margin-top: 36px
    }

        section.circle-banner.c-06 .circle-container.background .circle.large {
            width: 330px;
            height: 330px
        }

            section.circle-banner.c-06 .circle-container.background .circle.large h2 {
                font-size: 30px;
                line-height: 1.1;
                padding-top: 107px
            }

                section.circle-banner.c-06 .circle-container.background .circle.large h2 span {
                    font-size: 40px
                }
}

@media (min-width:1200px) {
    section.circle-banner.c-06 .circle-container.background {
        width: 96%;
        margin-top: 43px
    }

        section.circle-banner.c-06 .circle-container.background .circle.large h2 {
            font-size: 40px;
            padding-top: 115px;
            line-height: 1
        }

            section.circle-banner.c-06 .circle-container.background .circle.large h2 span {
                font-size: 50px
            }
}

section.circle-banner.c-06 .text {
    padding-top: 45%;
    transition: .5s ease
}

@media (max-width:768px) {
    section.circle-banner.c-06 .text {
        padding: 20px 0
    }
}

section.circle-banner.feature.article img, section.circle-banner.give img, section.circle-banner.promo img, section.circle-banner.spotlight img, section.circle-banner.topic img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    display: block
}

section.circle-banner.give, section.circle-banner.promo {
    text-align: center
}

    section.circle-banner.give h2, section.circle-banner.promo h2 {
        font-size: 60px;
        margin: .75em 0 .5em
    }

    section.circle-banner.give img, section.circle-banner.promo img {
        margin: auto
    }

@media screen and (max-width:992px) {
    section.circle-banner.give img, section.circle-banner.promo img {
        width: 100%
    }
}

section.circle-banner.spotlight img, section.circle-banner.topic img {
    margin: auto;
    margin-bottom: 1.5em
}

section.circle-banner h2 {
    color: #05396b;
    font-size: 40px
}

@media screen and (min-width:768px) {
    section.circle-banner h2 {
        font-size: 50px
    }
}

section.circle-banner h4 {
    color: #05396b;
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    margin-bottom: 2em
}

@media screen and (min-width:768px) {
    section.circle-banner h4 {
        font-size: 22px
    }
}

section.circle-banner h4 a {
    color: #fff
}

    section.circle-banner h4 a:hover {
        text-decoration: underline
    }

section.circle-banner a:hover {
    text-decoration: none
}

section.circle-banner .circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    display: block;
    background-color: #43b02a;
    color: #fff;
    font-size: 30px;
    line-height: 5em;
    width: 150px;
    height: 150px;
    margin: 10px auto;
    text-align: center
}

@-moz-document url-prefix() {
    section.circle-banner .circle {
        line-height: 4.5em;
        width: 125px;
        height: 125px
    }
}

section.circle-banner .circle {
    line-height: 6.5em;
    width: 190px;
    height: 190px
}

@-moz-document url-prefix() {
    section.circle-banner .circle {
        line-height: 6em;
        width: 175px;
        height: 175px
    }
}

}

section.circle-banner img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    display: block;
    margin: auto
}

section.circle-banner.promo {
    padding: 30px 0
}

    section.circle-banner.promo .row > div {
        border-left: 1px solid #dcdcdc;
        padding-bottom: .5em;
        position: relative
    }

        section.circle-banner.promo .row > div:first-child {
            border-left-width: 0
        }

@media screen and (min-width:768px) {
    section.circle-banner.promo .row > div .cell {
        float: left;
        width: 100%;
    }
}

section.circle-banner.promo .row > div .cell:hover h4 {
    color: #04c3ff
}

section.circle-banner.promo .row > div .cta-backup, section.circle-banner.promo .row > div .learn-more {
    float: none;
    font-size: 18px;
    margin-bottom: 1em;
    margin-top: 0;
    padding: 1.25em 0;
    width: 100%
}

@media screen and (min-width:768px) {
    section.circle-banner.promo .row > div .cta-backup, section.circle-banner.promo .row > div .learn-more {
        width: 85%
    }
}

section.circle-banner.promo .row > div:last-child .cell {
    float: right
}

@media (max-width:768px) {
    section.circle-banner.promo .row > div:last-child .cell {
        float: none
    }
}

section.circle-banner.promo .row + .row .cell {
    margin-top: 30px
}

section.circle-banner.promo h4 {
    color: #05396b;
    font-weight: 400;
    font-size: 35px;
    line-height: 1.1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

section.circle-banner.promo p {
    margin-bottom: 1em
}

@media screen and (min-width:768px) {
    section.circle-banner.promo p {
        margin-bottom: 2em
    }
}

section.circle-banner.promo .cta-backup {
    margin: 0 auto
}

@media screen and (max-width:768px) {
    section.circle-banner .right {
        margin-top: 20px;
        text-align: center
    }
}

section.give h1, section.give h2, section.give h3, section.give h4 {
    color: #fff
}

section.give h3 {
    font-weight: 400;
    font-size: 18px;
    margin: 2.5em 0
}

section.give .cta-backup {
    margin: 3em 0;
    padding: 1em 0;
    text-align: center;
    width: 100%
}

@media screen and (max-width:768px) {
    section.give .cta-backup {
        margin-top: 0
    }
}

.blue section.circle-banner h1, .blue section.circle-banner h2, .blue section.circle-banner h3, .blue section.circle-banner h4 {
    color: #fff
}

.banner {
    padding-bottom: 3em
}

@media (min-width:768px) {
    .banner {
        padding-bottom: 1em
    }
}

@media (max-width:768px) {
    .banner {
        padding-bottom: .5em
    }
}

.banner h1, .banner h2 {
    font-size: 60px;
    font-weight: 400;
    color: #444;
    line-height: 1em;
    margin-bottom: 0;
    margin-top: 50px
}

.banner h3 {
    font-weight: 400;
    margin-top: 0
}

.banner p {
    color: #444;
    font-size: 18px;
    line-height: 1.4
}

.banner aside p {
    font-size: 14px
}

.banner .ad {
    display: block;
    width: 100%
}

@media (max-width:992px) {
    .banner .ad {
        margin-bottom: -1em
    }
}

.banner .ad > a {
    display: block;
    padding: 1em 0 0
}

@media (min-width:768px) {
    .banner .ad > a {
        padding: 2.5em 0 0
    }
}

.banner .ad .row .left .cell {
    float: left;
    width: 42%
}

@media (max-width:768px) {
    .banner .ad .row .left .cell {
        float: none;
        width: 100%
    }

        .banner .ad .row .left .cell h2 {
            font-size: 50px;
            text-align: center
        }

        .banner .ad .row .left .cell.desc {
            width: 100% !important
        }

            .banner .ad .row .left .cell.desc p {
                border-left: none !important;
                padding-left: 0 !important;
                font-size: 20px !important;
                text-align: center
            }
}

@media (min-width:768px) {
    .banner .ad .row .left .cell { /*width:33% de*/
    }
}

.banner .ad .row .left .cell.desc {
    width: 58%
}

@media (min-width:768px) {
    .banner .ad .row .left .cell.desc { /*width:65% de*/
    }
}

.banner .ad .row .left .cell.desc p {
    padding-left: 15px;
    border-left: 4px solid #ffffff;
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.1;
    margin-top: 10px;
    margin-bottom: 0
}

@media (min-width:768px) {
    .banner .ad .row .left .cell.desc p {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .banner .ad .row .left .cell.desc p {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .banner .ad .row .left .cell.desc p {
        font-size: 28px;
        line-height: 1.2
    }
}

.banner .ad .row .right .cell {
    float: right;
    width: 100%
}

    .banner .ad .row .right .cell .learn-more {
        width: 100%;
        position: relative
    }

@media (min-width:992px) {
    .banner .ad .row .right .cell .learn-more {
        padding: 1em 0
    }
}

@media (max-width:992px) {
    .banner .ad .row .right .cell .learn-more {
        top: -14px;
        padding: 1em;
        left: -23px
    }
}

@media (max-width:768px) {
    .banner .ad .row .right .cell .learn-more {
        left: 0;
        top: 0;
        padding: 1em 0
    }
}

.banner .ad h2 {
    color: #fff;
    font-size: 26px;
    padding-right: 15px;
    margin: 15px 0
}

@media (min-width:768px) {
    .banner .ad h2 {
        font-size: 35px
    }
}

@media (min-width:992px) {
    .banner .ad h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .banner .ad h2 {
        font-size: 50px;
        margin: 20px 0
    }
}

.banner .ad .cta-backup {
    font-size: 20px;
    margin-left: 2em;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {
    .banner .ad .cta-backup {
        font-size: 14px;
        padding: 1.25em 1.5em
    }
}

@media (min-width:992px) {
    .banner .ad .cta-backup {
        font-size: 16px;
        padding: 0 .5em;
        width: 120%;
        line-height: 4
    }
}

@media (min-width:1200px) {
    .banner .ad .cta-backup {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .banner .event .text {
        padding: 40px 15px
    }
}

.banner .event .text h1, .banner .event .text h2 {
    color: #05396b;
    font-size: 60px;
    line-height: 1;
    margin: 0
}

.banner .event .text h3 {
    color: #444;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0
}

.banner .event .text h4.type {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase
}

.banner .event .text .tags {
    padding: .5em 0
}

.banner .event .date {
    padding-top: 25px
}

@media (min-width:768px) {
    .banner .event .date {
        padding-top: 75px
    }
}

.banner .event .date p {
    font-weight: 600;
    font-style: normal
}

    .banner .event .date p.date {
        font-weight: 400;
        font-size: 30px;
        margin: 0;
        padding-top: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%
    }

        .banner .event .date p.date span {
            display: block;
            font-weight: 600;
            font-size: 48px;
            letter-spacing: .01em;
            line-height: 1.4
        }

@media (min-width:768px) {
    .banner .event .date p.date {
        font-size: 28px
    }

        .banner .event .date p.date span {
            font-size: 42px
        }
}

@media (min-width:992px) {
    .banner .event .date p.date {
        font-size: 30px
    }

        .banner .event .date p.date span {
            font-size: 48px
        }
}

.banner .event .date p.date.start, .banner .event .date p.date.end {
    float: left;
    margin: 0;
    padding-right: 10px;
    text-align: right;
    width: 50%
}

.banner .event .date p.date.end {
    left: 8px;
    position: relative;
    text-align: left
}

    .banner .event .date p.date.end span {
        left: -10px;
        position: relative
    }

        .banner .event .date p.date.end span:before {
            content: "-";
            margin-left: -5px;
            margin-right: 5px
        }

.banner .event .date p.year {
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 1.1em;
    text-align: center;
    width: 100%
}

.banner .event .date.blue p {
    color: #fff
}

.banner .event .cta-backup, .banner .event .learn-more {
    display: block;
    font-size: 18px;
    padding: 1.25em 0;
    width: 100%
}

.banner .padded .row {
    padding: 20px 0
}

.banner .col-sm-4 .cta-backup, .banner .col-sm-4 .learn-more {
    font-size: 18px;
    padding: 1em 0;
    width: 100%
}

section.feature {
    margin-top: 40px;
    margin-bottom: 40px
}

@media (min-width:768px) {
    section.feature {
        margin-bottom: 0
    }
}

section.feature h2 {
    font-size: 60px;
    line-height: .9;
    margin: 0
}

    section.feature h2 a {
        color: #05396b
    }

        section.feature h2 a:hover {
            color: #009ed0;
            text-decoration: none
        }

section.feature img {
    margin-bottom: 1.5em
}

cite.headline > span { /* display:none */
}

cite.headline.x-pressrelease > span, cite.headline.x-researchhighlight > span {
    display: inline;
}

section.feature cite.headline {
    margin-bottom: 15px;
    padding-bottom: 5px
}

    section.feature cite.headline a {
        color: #444
    }

section.feature ul.dateline {
    margin-bottom: 5px;
    overflow: visible
}

    section.feature ul.dateline li {
        color: #444
    }

        section.feature ul.dateline li a {
            color: #444
        }

        section.feature ul.dateline li span {
            font-weight: 400;
            margin-bottom: -2px
        }

section.feature.spotlight p {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: 0
}

@media (min-width:768px) {
    section.feature.topic {
        text-align: right
    }

        section.feature.topic .learn-more {
            float: right
        }

        section.feature.topic .col-sm-pull-4 {
            text-align: left
        }

            section.feature.topic .col-sm-pull-4 .learn-more {
                float: left
            }
}

section.feature.topic .tags {
    margin-bottom: 2em
}

.content-well article.personal h1 {
    margin: 5px 0 0
}

.content-well article.personal cite.headline {
    font-weight: normal;
    padding-bottom: 15px
}

.content-well article.personal ul.dateline {
    margin: 1em 0 2em;
    overflow: visible
}

    .content-well article.personal ul.dateline li {
        font-size: 20px
    }

        .content-well article.personal ul.dateline li span {
            margin: 0 10px -3px 0;
            padding: 0px 15px 0 0
        }

section#calendar-view, section.news-listing {
    padding: 40px 0
}

.empty-block-item {
    background: transparent !important
}

.listing-load-more {
    width: 250px !important;
    margin: 40px auto;
    max-width: 100%;
    display: block;
    padding: 1em 0 25px !important;
    text-align: center
}

@media (max-width:768px) {
    .listing-load-more {
        width: 100% !important;
        padding: 1em 0 25px !important
    }
}
/* Wevo updates Sep 2019 */

article {
    font-size: 20px;
}

    article h3:not(.byline) {
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 32px;
    }

.content article h4 {
    font-size: 1.1em;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 1.4;
    color: #444;
}

article p {
    color: #333;
}

.fc-event-container .fc-content .fc-time {
    display: none
}

.event.program a.learn-more {
    background: #efefef;
    color: #333;
    padding: 0;
    float: left;
    margin: 0 0 1em;
    padding: 1em 0
}

@media (min-width:768px) {
    .event.program a.learn-more {
        background: transparent;
        padding: 3em 0px 1.25em;
        float: right
    }
}

.event.program a.learn-more:after {
    color: #05396b
}

.event.program a.learn-more:hover {
    color: gray;
    text-decoration: underline
}

    .event.program a.learn-more:hover:after {
        text-decoration: none
    }

.event.program .carousel.block-carousel.synced {
    padding-top: 0
}

.event.program .carousel.block-carousel .owl-carousel .owl-item {
    background: none
}

.event.program .carousel.block-carousel .owl-theme .owl-controls .owl-buttons div {
    top: 62px
}

.event.program .trigger .item {
    border-top-width: 0;
    padding-bottom: 0;
    margin-left: 5px;
    margin-right: 5px
}

    .event.program .trigger .item .date {
        margin: 0 auto;
        width: auto;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .event.program .trigger .item .date .day {
            letter-spacing: 2px
        }

    .event.program .trigger .item.open .date, .event.program .trigger .item:hover .date {
        background: #05396b;
        color: #FFFFFF
    }

    .event.program .trigger .item:hover {
        cursor: pointer
    }

.event.program .panel {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    display: none;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

    .event.program .panel.open {
        display: block
    }

        .event.program .panel.open > a {
            float: right;
            padding: 5px 15px 0px
        }

            .event.program .panel.open > a i.fa.fa-times {
                color: #333;
                float: right;
                margin-right: 10px;
                margin-bottom: 10px
            }

    .event.program .panel .item {
        border-top-width: 0;
        background: none;
        padding-bottom: 0
    }

        .event.program .panel .item table {
            width: 100%;
            border-width: 0
        }

            .event.program .panel .item table td, .event.program .panel .item table th {
                background: white;
                border: 15px solid #e2e2e2;
                color: #333;
                font-weight: 600;
                margin: 0;
                padding-top: 1%;
                position: relative;
                text-align: center;
                vertical-align: middle
            }

                .event.program .panel .item table td.location, .event.program .panel .item table th.location {
                    font-size: 26px;
                    width: 20%;
                    line-height: 1.2
                }

                .event.program .panel .item table td.space, .event.program .panel .item table th.space {
                    background: #e2e2e2
                }

                .event.program .panel .item table td.time, .event.program .panel .item table th.time {
                    border-left-width: 0;
                    font-size: 26px;
                    width: 16%
                }

                .event.program .panel .item table td.title, .event.program .panel .item table th.title {
                    padding: 0 4%;
                    font-size: 26px;
                    line-height: 3;
                    text-align: left
                }

                    .event.program .panel .item table td.title li, .event.program .panel .item table td.title p, .event.program .panel .item table th.title p {
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 1.2;
                        margin-bottom: 10px
                    }

                        .event.program .panel .item table td.title p.title, .event.program .panel .item table th.title p.title {
                            font-weight: 600;
                            font-size: 26px;
                            line-height: 2;
                            padding-top: .5em;
                            margin: 0
                        }

                        .event.program .panel .item table td.title p:last-child, .event.program .panel .item table th.title p:last-child {
                            margin-bottom: 20px
                        }

                .event.program .panel .item table td.speaker, .event.program .panel .item table th.speaker {
                    width: 64%
                }

                    .event.program .panel .item table td.speaker:hover, .event.program .panel .item table th.speaker:hover {
                        background: #05396b;
                        text-decoration: none
                    }

                        .event.program .panel .item table td.speaker:hover .block h4, .event.program .panel .item table td.speaker:hover .block h5, .event.program .panel .item table td.speaker:hover .block p, .event.program .panel .item table th.speaker:hover .block h4, .event.program .panel .item table th.speaker:hover .block h5, .event.program .panel .item table th.speaker:hover .block p {
                            color: #FFFFFF
                        }

                    .event.program .panel .item table td.speaker a, .event.program .panel .item table th.speaker a {
                        display: block
                    }

                        .event.program .panel .item table td.speaker a:hover, .event.program .panel .item table th.speaker a:hover {
                            text-decoration: none
                        }

                            .event.program .panel .item table td.speaker a:hover h4, .event.program .panel .item table td.speaker a:hover h5, .event.program .panel .item table td.speaker a:hover p, .event.program .panel .item table th.speaker a:hover h4, .event.program .panel .item table th.speaker a:hover h5, .event.program .panel .item table th.speaker a:hover p {
                                color: #FFFFFF
                            }

                    .event.program .panel .item table td.speaker .block, .event.program .panel .item table th.speaker .block {
                        min-height: 90px;
                        padding: 0 0 0 5%;
                        text-align: left
                    }

                        .event.program .panel .item table td.speaker .block h4, .event.program .panel .item table th.speaker .block h4 {
                            color: #05396b;
                            font-weight: 400;
                            font-size: 22px;
                            margin-top: 10px;
                            margin-bottom: 0
                        }

                        .event.program .panel .item table td.speaker .block h5, .event.program .panel .item table th.speaker .block h5 {
                            font-weight: 400;
                            font-size: 18px;
                            margin-top: 0;
                            margin-bottom: 0
                        }

                        .event.program .panel .item table td.speaker .block p, .event.program .panel .item table th.speaker .block p {
                            font-weight: 400;
                            font-size: 14px;
                            margin-bottom: 0
                        }

                        .event.program .panel .item table td.speaker .block img, .event.program .panel .item table th.speaker .block img {
                            position: absolute;
                            right: 15px;
                            top: 13px;
                            width: 72px
                        }

.event.speakers {
    margin-bottom: 0
}

    .event.speakers .panel {
        margin-top: 2em;
        margin-left: 0;
        margin-bottom: 0
    }

        .event.speakers .panel ul.listing.listing-duo {
            margin-bottom: 0
        }

            .people .ul.listing.listing-duo li, .event.speakers .panel ul.listing.listing-duo li {
                min-height: 120px
            }

                .people ul.listing.listing-duo li.disable-link > a, .event.speakers .panel ul.listing.listing-duo li.disable-link > a {
                    pointer-events: none;
                    cursor: default;
                }

                .people ul.listing.listing-duo li a, .event.speakers .panel ul.listing.listing-duo li a {
                    display: block;
                    padding-left: 15px
                }

                    .people ul.listing.listing-duo li a .block p, .event.speakers .panel ul.listing.listing-duo li a .block p {
                        color: #444
                    }

                .people ul.listing.listing-duo li:not(.disable-link):hover, .event.speakers .panel ul.listing.listing-duo li:not(.disable-link):hover {
                    background: #05396b;
                    color: #FFFFFF
                }

                    .people ul.listing.listing-duo li:not(.disable-link):hover a .block h3, .people ul.listing.listing-duo li:not(.disable-link):hover a .block h4, .people ul.listing.listing-duo li:not(.disable-link):hover a .block p, .event.speakers .panel ul.listing.listing-duo li:not(.disable-link):hover a .block h3, .event.speakers .panel ul.listing.listing-duo li:not(.disable-link):hover a .block h4, .event.speakers .panel ul.listing.listing-duo li:not(.disable-link):hover a .block p {
                        color: #FFFFFF
                    }

.event.detail.tabbed {
    background: #FFFFFF;
    padding: 40px 0 20px
}

    .event.detail.tabbed h2 {
        margin-bottom: 0
    }

    .event.detail.tabbed p.note {
        color: #444;
        margin-bottom: 40px
    }

    .event.detail.tabbed .nav-tabs {
        margin: 0;
        padding: 0
    }

        .event.detail.tabbed .nav-tabs > li {
            float: left;
            width: auto;
            margin-right: 10px
        }

            .event.detail.tabbed .nav-tabs > li:hover {
                background: #006484
            }

                .event.detail.tabbed .nav-tabs > li:hover a {
                    text-decoration: none
                }

            .event.detail.tabbed .nav-tabs > li.active {
                background: #e2e2e2
            }

                .event.detail.tabbed .nav-tabs > li.active:hover, .event.detail.tabbed .nav-tabs > li.active:focus {
                    background: #e2e2e2
                }

                    .event.detail.tabbed .nav-tabs > li.active:hover a, .event.detail.tabbed .nav-tabs > li.active:focus a {
                        background: #e2e2e2
                    }

                .event.detail.tabbed .nav-tabs > li.active a {
                    color: #444
                }

            .event.detail.tabbed .nav-tabs > li a {
                color: #FFFFFF;
                display: block;
                font-weight: 600;
                font-size: 14px;
                line-height: 4;
                padding: 0 3em;
                text-transform: capitalize
            }

@media screen and (min-width:768px) {
    .event.detail.tabbed .nav-tabs > li a {
        padding: 0 6em
    }
}

.event.detail.tabbed .tab-content {
    background: #e2e2e2;
    padding: 2em 2em 1.5em
}

.blue > .event.detail.tabbed {
    background: transparent;
}

    .blue > .event.detail.tabbed .tab-content {
        background: transparent;
        border: 1px solid #e2e2e2;
    }

    .blue > .event.detail.tabbed h2 {
        line-height: 1.2;
    }

.banner #nav-registration aside p {
    font-size: inherit;
}

@media screen and (min-width:768px) {
    .event.detail.tabbed .tab-content {
        padding: 55px 125px 55px 40px
    }
}

.event.detail.tabbed .tab-content a:hover {
    color: #00779d;
    text-decoration: none
}

.event.detail.tabbed .tab-content p {
    line-height: 1.3
}

.event.contact {
    padding: 1em 0 0
}

    .event.contact h2 {
        font-size: 60px;
        font-weight: 400;
        color: #444;
        margin: 25px 0
    }

    .event.contact h3 {
        font-weight: 400;
        font-size: 30px;
        letter-spacing: -2px;
        line-height: 1;
        margin: 0
    }

        .event.contact h3 + h3 {
            margin-bottom: 10px;
            margin-top: 5px
        }

        .event.contact h3 a {
            color: #444
        }

    .event.contact p {
        margin-bottom: 5px
    }

    .event.contact .cta-backup {
        font-size: 18px;
        padding: 1em 0;
        margin-bottom: 1em;
        bottom: 0;
        width: 100%
    }

@media screen and (min-width:768px) {
    .event.contact .cta-backup {
        width: 75%
    }
}

.event.contact .contact {
    float: left;
    margin-bottom: 2em
}

section.grid-listing.people, section.grid-listing.event.organizers, section.grid-listing.event.speakers {
    padding: 0
}

    section.grid-listing.people .listing-duo:before, section.grid-listing.event.organizers .listing-duo:before, section.grid-listing.event.speakers .listing-duo:before {
        display: none
    }

    section.grid-listing.people .listing-duo > li, section.grid-listing.event.organizers .listing-duo > li, section.grid-listing.event.speakers .listing-duo > li {
        background-color: rgba(4, 195, 255, 0.40);
        padding: 15px 25px;
        min-height: 95px;
        width: 49%;
        margin-left: 1%;
        margin-right: 0;
        margin-bottom: 25px;
        padding-left: 25px;
        padding-top: 15px
    }

        section.grid-listing.people .listing-duo > li:nth-of-type(2n + 1), section.grid-listing.event.organizers .listing-duo > li:nth-of-type(2n + 1), section.grid-listing.event.speakers .listing-duo > li:nth-of-type(2n + 1) {
            margin-left: 0;
            margin-right: 1%
        }

@media (max-width:768px) {
    section.grid-listing.people .listing-duo > li, section.grid-listing.event.organizers .listing-duo > li, section.grid-listing.event.speakers .listing-duo > li {
        width: 100%;
        margin: 0 0 1em
    }
}

section.grid-listing.people .listing-duo > li h3, section.grid-listing.event.organizers .listing-duo > li h3, section.grid-listing.event.speakers .listing-duo > li h3 {
    color: #05396b;
    font-weight: 600;
    font-size: 22px;
    margin: 0
}

section.grid-listing.people .listing-duo > li h4, section.grid-listing.event.organizers .listing-duo > li h4, section.grid-listing.event.speakers .listing-duo > li h4 {
    color: #444;
    font-weight: 300;
    font-size: 14px;
    margin: 0
}

section.grid-listing.people .listing-duo > li p, section.grid-listing.event.organizers .listing-duo > li p, section.grid-listing.event.speakers .listing-duo > li p {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    margin: 0
}

section.grid-listing.people .listing-duo > li img, section.grid-listing.event.organizers .listing-duo > li img, section.grid-listing.event.speakers .listing-duo > li img {
    position: absolute;
    right: 15px;
    top: 13px;
    width: 72px
}

section.sponsors-alt .row > div {
    position: relative;
}

    section.sponsors-alt .row > div > a {
        display: block;
        height: 100px;
        box-sizing: border-box;
        border: 15px solid white;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

section.sponsors-alt {
    padding-bottom: 25px;
}

    section.sponsors-alt h3 {
        margin: 20px 0 8px;
    }

.event-bio h2 {
    line-height: 1;
    margin: 0
}

.event-bio h3 {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 22px;
    line-height: 1.1;
    margin: 0 0 15px
}

    .event-bio h3 span {
        display: block;
        font-style: italic
    }

.event-bio table.full {
    width: 100%
}

    .event-bio table.full tr td {
        padding: 10px 0
    }

        .event-bio table.full tr td:last-child {
            width: 60%
        }

@media (max-width:768px) {
    .event-bio .social-media.blocks {
        margin-bottom: 20px;
        float: left;
        width: 100%
    }
}

.event-bio .social-media.blocks li {
    float: left;
    margin: 5px 0 0;
    width: 49%
}

    .event-bio .social-media.blocks li a {
        width: 100%
    }

    .event-bio .social-media.blocks li:nth-child(2n) {
        clear: right;
        float: right
    }

.event-bio .social-media.blocks.three li {
    width: 32%;
    margin-right: 5px
}

@media (max-width:1200px) {
    .event-bio .social-media.blocks.three li {
        margin-right: 4px
    }
}

@media (max-width:992px) {
    .event-bio .social-media.blocks.three li {
        margin-right: 3px
    }
}

@media (max-width:768px) {
    .event-bio .social-media.blocks.three li {
        width: 100%
    }
}

.event-bio .social-media.blocks.three li:nth-child(2n) {
    clear: none;
    float: left
}

.event-bio .social-media.blocks.three li:nth-child(3n) {
    float: right;
    margin-right: 0
}

.blue > em {
    font-style: normal;
    font-weight: 600;
    display: block;
    text-align: center;
    padding-bottom: 15px;
    margin-top: -15px;
    font-size: 20px;
}
/* Evergreen Jan 2020 update */

.n-interior ~ .n-jump {
    display: none !important;
}

#next-event {
    margin-top: 60px;
}

#next-event-head {
    background-color: #009ed0;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
}

    #next-event-head h3 {
        color: white;
    }

        #next-event-head h3 > .date-formatted {
            font-family: "DIN Next Condensed", Helvetica, Arial, sans-serif;
            font-size: 60px;
            text-transform: uppercase;
        }

#future-events h4 {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #6adbff;
}

#future-events li a:before {
    color: #6adbff;
}

#past-events li a:before {
    color: #009ed0;
}

#future-events ul, #past-events ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#future-events li, #past-events li {
    margin-top: 0;
}

#future-events li {
    margin-bottom: 4px;
}

#past-events li {
    margin-bottom: 10px;
    font-size: 1.1em;
}

    #future-events li a:before, #past-events li a:before {
        display: inline-block;
        padding: 0 5px 0 1px;
        font-family: FontAwesome;
        content: '\f271';
        font-size: 0.75em;
        position: relative;
        top: -2px;
    }

#future-events li a {
    color: white;
    font-weight: 400;
}

#past-events li a {
    font-weight: 400;
}

#evergreen-about {
    padding-top: 60px;
}

section.section-listing .listing-full {
    margin: 0
}

    section.section-listing .listing-full > li h3 {
        font-size: 22px;
        margin-top: 1em
    }

        section.section-listing .listing-full > li h3 a {
            color: #05396b;
            font-weight: 600;
            text-transform: none
        }

            section.section-listing .listing-full > li h3 a i.fa {
                width: 40px
            }

            section.section-listing .listing-full > li h3 a i.custom {
                background-size: cover;
                display: inline-block;
                height: 30px;
                width: 35px;
                vertical-align: middle
            }

            section.section-listing .listing-full > li h3 a i.flask {
                background: URL("https://www.jax.org/_res/img/icons/search-results-flask.png") -10px -8px no-repeat
            }

            section.section-listing .listing-full > li h3 a i.mouse {
                background: URL("https://www.jax.org/_res/img/icons/search-results-mouse.png") 0 -8px no-repeat;
                width: 50px
            }

            section.section-listing .listing-full > li h3 a i.person {
                background: URL("https://www.jax.org/_res/img/icons/search-results-person.png") -10px -8px no-repeat
            }

            section.section-listing .listing-full > li h3 a:hover {
                color: #1ec9ff;
                text-decoration: none
            }

                section.section-listing .listing-full > li h3 a:hover i.fa {
                    color: #1ec9ff
                }

                section.section-listing .listing-full > li h3 a:hover i.flask {
                    background: URL("https://www.jax.org/_res/img/icons/search-results-flask-over.png") -10px -8px no-repeat
                }

                section.section-listing .listing-full > li h3 a:hover i.mouse {
                    background: URL("https://www.jax.org/_res/img/icons/search-results-mouse-over.png") 0 -8px no-repeat
                }

                section.section-listing .listing-full > li h3 a:hover i.person {
                    background: URL("https://www.jax.org/_res/img/icons/search-results-person-over.png") -10px -8px no-repeat
                }

    section.section-listing .listing-full > li p {
        font-style: normal;
        margin-bottom: .5em;
        margin-top: 5px
    }

    section.section-listing .listing-full > li ul.tags {
        margin: 0 0 1.5em
    }

    section.section-listing .listing-full > li cite {
        color: #444;
        margin-bottom: 1.25em
    }

        section.section-listing .listing-full > li cite a {
            color: #444
        }

    section.section-listing .listing-full > li div {
        float: left;
        width: 100%
    }

@media (min-width:768px) {
    section.section-listing .listing-full > li div.data {
        width: 75%
    }
}

section.section-listing .listing-full > li div.action {
    padding: 0;
    margin: 0
}

@media (min-width:768px) {
    section.section-listing .listing-full > li div.action {
        width: 20%;
        margin-left: 5%;
        padding: 1em 0
    }
}

section.section-listing .cta-backup, section.section-listing .learn-more {
    font-size: 14px;
    margin-bottom: 1em;
    width: 100%
}

section.section-listing .load-more.listing-load-more {
    clear: both
}

section.section-listing ul.tags li a {
    white-space: nowrap;
}

section.promos {
    padding: 0
}

@media (min-width:992px) {
    section.promos {
        padding: 2em 0
    }
}

section.promos ul.listing {
    padding-bottom: 2em
}

    section.promos ul.listing li {
        min-height: 90px;
        padding: 30px 0 0;
        margin: 25px 0 0
    }

@media (min-width:992px) {
    section.promos ul.listing li {
        min-height: 110px
    }
}

section.promos ul.listing li .icon {
    float: left;
    margin-right: 10px;
    width: 90px
}

@media (min-width:768px) {
    section.promos ul.listing li .icon {
        margin-right: 35px
    }
}

@media (min-width:1200px) {
    section.promos ul.listing li .icon {
        margin-right: 30px
    }
}

section.promos ul.listing li .icon img {
    max-width: 100%;
    display: block;
    float: left;
    padding: 15px
}

section.promos ul.listing li .text {
    display: block;
    width: 70%;
    float: left
}

@-moz-document url-prefix() {
    section.promos ul.listing li .text {
        width: 74%
    }
}

@media (min-width:768px) {
    section.promos ul.listing li .text {
        width: 83%
    }
}

@media (min-width:992px) {
    section.promos ul.listing li .text {
        width: 86%
    }
}

@media (min-width:1200px) {
    section.promos ul.listing li .text {
        width: 90%
    }
}

section.promos ul.listing li .text h3 {
    font-weight: 600;
    font-size: 26px;
    color: #05396b;
    margin: -2px 0 5px 0
}

@media (min-width:768px) {
    section.promos ul.listing li .text h3 {
        font-size: 30px
    }
}

section.promos ul.listing li .text h3 a {
    color: #05396b
}

section.promos ul.listing li .text p {
    color: #444;
    line-height: 1.2;
    margin: 0
}

section.grid-listing {
    padding: 0 0 2em
}

    section.grid-listing .block {
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 80px;
    }

        section.grid-listing .block li {
            width: 100%;
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px
        }

@media (min-width:768px) {
    section.grid-listing .block li {
        width: 33.33333%
    }
}

@media (min-width:1200px) {
    section.grid-listing .block li {
        width: 25%
    }
}

section.grid-listing .block li.tile {
    background: transparent;
    margin-bottom: 0;
    padding-bottom: .5em
}

    section.grid-listing .block li.tile a {
        min-height: 1px;
        padding: 20px 24px 5px;
        background: #FFFFFF;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        display: block;
        height: 100%
    }

        section.grid-listing .block li.tile a:hover {
            background: #05396b
        }

            section.grid-listing .block li.tile a:hover h3, section.grid-listing .block li.tile a:hover p {
                color: #FFFFFF
            }

section.grid-listing .tile {
    background: #FFFFFF;
    min-height: 175px;
    padding: 20px 24px;
    margin-bottom: 2em;
    width: 100%
}

@media (max-width:768px) {
    section.grid-listing .tile {
        margin: 1em auto;
        width: 90%
    }
}

section.grid-listing .tile h3 {
    font-weight: 600;
    color: #05396b;
    line-height: 1;
    margin: 0;
    text-transform: capitalize
}

section.grid-listing .tile p {
    font-weight: 400;
    font-size: 18px
}

section.grid-listing a:hover {
    text-decoration: none
}

    section.grid-listing a:hover .tile {
        background: #05396b;
        color: #FFFFFF
    }

        section.grid-listing a:hover .tile h3, section.grid-listing a:hover .tile p {
            color: #FFFFFF
        }

section.panel-listing {
    margin-top: 2em;
    margin-bottom: 1em
}

    section.panel-listing .listing {
        width: 100%
    }

        section.panel-listing .listing.right, section.panel-listing .listing.left {
            width: 100%
        }

@media (min-width:768px) {
    section.panel-listing .listing.right, section.panel-listing .listing.left {
        width: 50%
    }
}

@media (min-width:768px) {
    section.panel-listing .listing.left {
        border-right: 1px solid #CCCCCC
    }
}

@media (max-width:768px) {
    section.panel-listing .listing.right li:last-child {
        border-bottom: none;
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    section.panel-listing .listing.right {
        position: relative;
        right: 1px;
        border-left: 1px solid #CCCCCC;
        text-align: left
    }
}

@media (min-width:768px) {
    section.panel-listing .listing.right > li {
        float: right
    }
}

section.panel-listing .listing.right > li .cta-backup, section.panel-listing .listing.right > li .learn-more {
    float: left
}

@media (max-width:768px) {
    section.panel-listing .listing > li {
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 30px;
        padding-bottom: 40px
    }

        section.panel-listing .listing > li ul.tags {
            margin-bottom: 0
        }
}

@media (min-width:768px) {
    section.panel-listing .listing > li {
        width: 92%;
        padding-bottom: 30px
    }
}

section.panel-listing .listing > li h3 {
    color: #05396b;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.15;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: none
}

    section.panel-listing .listing > li h3 a {
        color: #05396b
    }

section.panel-listing .listing > li p {
    color: #444;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px
}

section.panel-listing .listing > li > a {
    margin-bottom: 10px;
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    section.panel-listing .listing > li > a.bg-img {
        height: 0;
        padding: 56.25% 0 0;
    }

section.panel-listing .listing > li img {
    display: block;
    width: 100%;
}

section.panel-listing .listing > li cite {
    margin-bottom: 5px;
    margin-top: 0
}

section.panel-listing .listing > li .responsive-video {
    padding-bottom: 20px;
    margin-bottom: 0
}

section.panel-listing .listing > li .cta-backup, section.panel-listing .listing > li .learn-more {
    min-height: 28px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    section.panel-listing .listing > li .cta-backup, section.panel-listing .listing > li .learn-more {
        padding: 1.5em 2em !important;
        width: auto !important
    }
}

section.news-listing .listing h3 a {
    color: #05396b
}

section.news-listing .listing img {
    width: 100%
}

section.news-listing .listing cite {
    margin-top: 10px;
    margin-bottom: 0
}

section.news-listing .listing ul.tags li a:after {
    margin-right: 5px
}

section.news-listing .load-more {
    clear: both;
    text-align: center;
    padding: 1em 2em 1.5em
}

section.news-listing .load-more {
    float: none
}

@-moz-document url-prefix() {
    section.news-listing .load-more {
        padding: 1em 0 1.5em
    }
}

}

@media (min-width:768px) {
    section.news-listing #news-listing-view {
        margin-bottom: 70px;
        float: left;
        width: 100%
    }
}

section.news-listing #news-listing-view .listing cite a.no-link:hover {
    color: #444666;
    cursor: default;
    text-decoration: none
}

section.panel-listing.edu-listing .listing > li {
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    display: inline-block;
    font-size: 0;
    vertical-align: bottom;
}

    section.panel-listing.edu-listing .listing > li > a:first-child {
        float: left;
        width: 25%;
        height: 48px;
        margin: 0 15px 15px 0;
        padding: 0;
    }

    section.panel-listing.edu-listing .listing > li > h6 {
        font-weight: normal;
        color: #444;
        font-size: 28px;
        line-height: 1.15;
        margin-top: 0;
    }

    section.panel-listing.edu-listing .listing > li > h3 {
        font-weight: 400;
        font-size: 24px;
        line-height: 1.15;
    }

    section.panel-listing.edu-listing .listing > li > h4, section.panel-listing.edu-listing .listing > li > p {
        display: none;
    }

section.panel-listing.edu-listing .listing {
    margin-left: -15px;
    margin-right: -15px;
}

section.event.detail {
    padding: 60px 0 40px
}

    section.event.detail h2 {
        margin-top: 0;
        margin-bottom: 40px
    }

    section.event.detail h3 {
        margin-bottom: 0
    }

        section.event.detail h3 + ul {
            margin-top: 0
        }

    section.event.detail .col-sm-6 table.unstyled {
        width: 100%
    }

        section.event.detail .col-sm-6 table.unstyled td:first-child {
            padding-right: 15px;
            width: 20%
        }

@media screen and (min-width:768px) {
    section.event.detail aside.cta-backup {
        float: left;
        margin: 2em 0 0 4em;
        width: 300px !important
    }
}

section.event.detail aside.cta-backup a {
    color: #ffffff
}

section.collapsible-panel {
    margin-top: 30px;
    margin-bottom: 30px
}

    section.collapsible-panel h3 {
        font-weight: 600;
        font-size: 30px
    }

        section.collapsible-panel h3 a:before {
            font-family: FontAwesome;
            content: "\f055";
            margin-right: 10px
        }

        section.collapsible-panel h3 a:hover {
            text-decoration: none
        }

        section.collapsible-panel h3 + p {
            margin-left: 35px
        }

        section.collapsible-panel h3.open a:before {
            content: "\f056"
        }

    section.collapsible-panel .grid-listing {
        padding: .5em 0 .25em
    }

    section.collapsible-panel .panel {
        zoom: 1;
        display: none
    }

        section.collapsible-panel .panel:before, section.collapsible-panel .panel:after {
            content: "\0020";
            display: block;
            height: 0;
            overflow: hidden
        }

        section.collapsible-panel .panel:after {
            clear: both
        }

@media (min-width:768px) {
    section.collapsible-panel .panel {
        margin-left: 35px;
        margin-bottom: 40px
    }
}

section.collapsible-panel .panel h4 {
    font-weight: 400;
    line-height: 1.4;
    margin-top: 2.5em;
    margin-bottom: .5em
}

    section.collapsible-panel .panel h4:first-child {
        margin-top: 1.5em
    }

section.collapsible-panel .panel .tile {
    padding: 0;
    margin-bottom: 1em
}

@media (min-width:768px) {
    section.collapsible-panel .panel .tile {
        min-height: 175px
    }
}

section.collapsible-panel .panel .tile h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.1;
    margin-top: 1em
}

    section.collapsible-panel .panel .tile h4 a {
        color: #05396b
    }

        section.collapsible-panel .panel .tile h4 a:hover {
            color: #04c3ff
        }

section.collapsible-panel .panel.listing-trio .tile {
    margin: 10px 20px;
    margin-left: 0;
    min-height: 0
}

@media (min-width:768px) {
    section.collapsible-panel .panel.listing-trio .tile {
        width: 46%;
        margin-bottom: 0;
        margin-top: 0
    }
}

@media (min-width:992px) {
    section.collapsible-panel .panel.listing-trio .tile {
        width: 31%
    }
}

section.collapsible-panel.topic-areas {
    padding-bottom: 2em;
    margin-bottom: 0
}

    section.collapsible-panel.topic-areas h3 a {
        color: #444
    }

    section.collapsible-panel.topic-areas .panel {
        margin-left: 0
    }

        section.collapsible-panel.topic-areas .panel.block li.tile {
            display: block;
            margin-bottom: 1em;
            padding-bottom: 0
        }

            section.collapsible-panel.topic-areas .panel.block li.tile a {
                display: block;
                padding: 5px 24px;
                margin-right: 1em
            }

                section.collapsible-panel.topic-areas .panel.block li.tile a h4 {
                    color: #05396b;
                    margin-top: .5em
                }

                section.collapsible-panel.topic-areas .panel.block li.tile a:hover h4 {
                    color: #FFFFFF
                }

@media (max-width:768px) {
    section.c-02a h2 {
        font-size: 30px
    }
}

section.c-02a p {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: italic;
    line-height: 1.2
}

section.c-02a .content {
    zoom: 1;
    padding: 40px 0
}

    section.c-02a .content:before, section.c-02a .content:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    section.c-02a .content:after {
        clear: both
    }

@media (max-width:768px) {
    section.c-02a .content {
        padding-bottom: 0
    }

        section.c-02a .content.text-right {
            text-align: left !important
        }
}

section.c-02a .circle {
    display: block;
    height: 330px;
    width: 330px;
    margin: 40px auto;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

@media (max-width:1230px) {
    section.c-02a .circle {
        height: 200px;
        width: 200px
    }
}

@media (max-width:992px) {
    section.c-02a .circle {
        height: 200px;
        width: 200px
    }
}

@media (max-width:768px) {
    section.c-02a .circle {
        margin-bottom: 0
    }
}

section.topic-listing h2 {
    color: #444
}

section.topic-listing h3 {
    margin: .5em 0 0
}

@media (max-width:768px) {
    section.topic-listing .block li.tile {
        padding-bottom: 0;
        padding-top: 0
    }
}

section.latest {
    margin: 50px 0 20px
}

    section.latest ul.unstyled li, section.latest ul.unstyled a {
        color: #444;
        margin-top: 2em
    }

        section.latest ul.unstyled li:first-child, section.latest ul.unstyled a:first-child {
            margin-top: 0
        }

    section.latest .cta-backup.left {
        font-size: 18px;
        margin-bottom: 3em;
        padding: 1em .5em !important
    }

@media (min-width:768px) {
    section.latest .cta-backup.left {
        padding: 1.2em 5em !important
    }
}

section.locations h2 {
    padding-top: 1.2em
}

@media (max-width:768px) {
    section.locations h2 {
        padding-top: 15px
    }
}

@media (max-width:768px) {
    section.locations .sites {
        margin-top: 20px
    }
}

@media (min-width:768px) {
    section.locations .sites {
        padding-right: 1em
    }
}

section.locations .sites .site {
    padding-top: 0;
    padding-bottom: 10px
}

@media (min-width:768px) {
    section.locations .sites .site {
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    section.locations .sites .site {
        padding-bottom: 60px
    }
}

section.locations .sites .site a {
    color: #05396b
}

    section.locations .sites .site a:hover {
        text-decoration: none
    }

    section.locations .sites .site a.jax.active header h3, section.locations .sites .site a.jax.active header p {
        color: #04c3ff;
        text-decoration: none
    }

        section.locations .sites .site a.jax.active header h3:before {
            content: "\f041";
            font-family: fontawesome;
            font-size: 20px;
            margin-right: 5px
        }

@media (max-width:768px) {
    section.locations .sites .site a.jax.active header h3:before {
        font-size: 90%
    }
}

@media (max-width:992px) {
    section.locations .sites .site a.jax.active header h3:before {
        font-size: 95%
    }
}

section.locations .sites .site a header {
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in
}

    section.locations .sites .site a header:hover h3, section.locations .sites .site a header:hover p {
        color: #04c3ff;
        text-decoration: none
    }

section.locations .sites .site h3 {
    color: #05396b;
    font-weight: 600;
    font-size: 22px;
    margin: 0
}

@media (max-width:768px) {
    section.locations .sites .site h3 {
        font-size: 90%
    }
}

@media (min-width:768px) and (max-width:992px) {
    section.locations .sites .site h3 {
        font-size: 95%
    }
}

section.locations .sites .site header {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
    padding-bottom: 10px
}

@media (max-width:992px) {
    section.locations .sites .site header {
        margin-bottom: 10px;
        padding-bottom: 5px
    }
}

section.locations .sites .site header p {
    font-weight: 300;
    font-style: italic;
    margin-top: 0
}

@media (max-width:768px) {
    section.locations .sites .site header p {
        display: none
    }
}

@media (max-width:992px) {
    section.locations .sites .site header p {
        font-size: 95%
    }
}

section.locations .sites .site .block {
    margin-bottom: 15px
}

    section.locations .sites .site .block div p a {
        display: block;
        font-weight: 400;
        margin-bottom: .75em
    }

section.locations .sites .site p {
    color: #444;
    font-size: 18px;
    margin: 5px 0
}

@media (max-width:768px) {
    section.locations .sites .site p {
        font-size: 90%;
        line-height: 1.1
    }
}

@media (max-width:992px) {
    section.locations .sites .site p {
        font-size: 95%
    }
}

section.locations .sites .site p a {
    font-weight: 600;
}

    section.locations .sites .site p a:hover {
        color: #04c3ff
    }

section.locations .map-wrap {
    position: relative;
    height: 300px;
    padding-left: 0em
}

@media (min-width:768px) {
    section.locations .map-wrap {
        height: 500px
    }
}

@media (min-width:992px) {
    section.locations .map-wrap {
        padding-left: 3em;
        height: 700px
    }
}

section.locations .map-wrap #google_map {
    height: 100%;
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
    filter: gray
}

section.locations .map-wrap .gmnoprint img {
    max-width: none
}

section.locations .map-wrap .gm-style .gm-style-mtc label {
    margin-top: 0;
    padding-top: 10px;
    font-size: 11px;
    display: inline-block
}

.content {
    padding-bottom: 2em
}

    .content h1, .content h2 {
        color: #444
    }

.crown-extension .content > p:first-child {
    margin-top: 30px;
}

@media (min-width:992px) {
    .content-well {
        background: url(https://www.jax.org/_res/img/fpo/contentwell.png) 0 0 repeat-x
    }
}

.content-well .well {
    background: #fff;
    padding: 2em 0 0
}

@media (min-width:992px) {
    .content-well .well {
        margin-top: 40px
    }
}

@media (min-width:768px) {
    .content-well .well .content {
        padding-left: 50px
    }

        .content-well .well .content.full {
            padding-right: 50px
        }
}

@media (min-width:992px) {
    .content-well .well .content {
        padding-left: 100px
    }

        .content-well .well .content.full {
            padding-right: 100px
        }
}

.content-well .well .content aside {
    float: right;
    margin-left: 15px;
    padding-bottom: 15px;
    width: 40%
}

@media (min-width:768px) {
    .content-well .well .content aside {
        width: 275px
    }
}

@media (min-width:1200px) {
    .content-well .well .content aside {
        width: 300px
    }
}

.content-well .well .content aside blockquote {
    float: right;
    color: #009ed0;
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.1em;
    margin: 0 20px 0 25px;
    padding: 0 5px 0 10px;
    position: relative
}

@media (min-width:768px) {
    .content-well .well .content aside blockquote {
        font-size: 24px;
        line-height: 1.4;
        margin: 0 0 20px 1em;
        padding: 0 0 0 15px
    }
}

.content-well .well .content aside blockquote:before {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 45px;
    font-weight: bold;
    content: "\201C";
    position: absolute;
    left: -15px;
    top: 5px
}

@media (min-width:768px) {
    .content-well .well .content aside blockquote:before {
        font-size: 60px
    }
}

@media (min-width:768px) {
    .content-well .well .content aside blockquote:before {
        top: -20px
    }
}

.content-well .well .content aside blockquote:after {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 45px;
    font-weight: bold;
    content: "\201D";
    position: relative;
    line-height: 0;
    right: -5px;
    bottom: -25px
}

@media (min-width:768px) {
    .content-well .well .content aside blockquote:after {
        font-size: 60px;
        position: absolute;
        bottom: 0;
        right: -20px
    }
}

.content-well .well .content aside.left {
    margin-left: 0;
    margin-right: 15px
}

@media (min-width:768px) {
    .content-well .well .content aside.left {
        width: 275px
    }
}

@media (min-width:992px) {
    .content-well .well .content aside.left {
        width: 290px
    }
}

@media (min-width:1200px) {
    .content-well .well .content aside.left {
        width: 330px
    }
}

.content-well .well .content aside.left blockquote {
    margin: 0 15px .5em
}

@media (min-width:768px) {
    .content-well .well .content aside.left blockquote {
        margin: 0 1em .5em -16px
    }
}

.content-well .well .content aside.left blockquote:after {
    margin-left: 5px;
    right: auto
}

@media (min-width:768px) {
    .content-well .well .content aside.left blockquote:after {
        position: relative;
        bottom: -30px
    }
}

.content-well .well .rail ul.tags {
    float: left;
    margin-top: 5px
}

.topic-tags {
    overflow: auto;
    margin-bottom: 30px;
}

    .topic-tags h5 {
        margin: 0;
        padding: 0;
    }

@media (min-width:768px) {
    .content-well .well .rail {
        padding-left: 30px;
        padding-right: 35px
    }
}

@media (min-width:1200px) {
    .content-well .well .rail {
        padding-left: 40px;
        padding-right: 60px
    }
}

.content-well article {
    line-height: 1
}

    .content-well article h1, .content-well article h2 {
        color: #05396b;
        line-height: 1;
        margin: 0
    }

    .content-well article cite.headline {
        border-bottom: #444 solid 1px;
        padding-bottom: 5px
    }

        .content-well article cite.headline a {
            color: #444
        }

    .content-well article div.abstract {
        color: #444
    }

        .content-well article div.abstract h3 {
            font-family: WhitmanDisplay, "Times New Roman", Times, serif;
            font-size: 30px;
            font-style: italic;
            line-height: 1.1
        }

    .content-well article ul.dateline {
        margin-bottom: 5px;
        overflow: visible
    }

        .content-well article ul.dateline li {
            color: #444
        }

            .content-well article ul.dateline li a {
                color: #444
            }

            .content-well article ul.dateline li span {
                font-weight: 400;
            }

    .content-well article .big-carousel .big-image img {
        margin-top: 0;
        margin-bottom: -6px;
        width: 100%
    }

    .content-well article .cta-backup, .content-well article .learn-more {
        font-size: 14px;
        margin: 10px;
        padding: 1em !important
    }

@media (max-width:768px) {
    .content-well article .cta-backup, .content-well article .learn-more {
        margin: 1em 0
    }
}

.content-well article .responsive-video p {
    color: #444;
    font-size: 18px
}

.content-well article .big-carousel {
    clear: both;
    padding-top: 30px
}

    .content-well article .big-carousel figcaption {
        padding: 0
    }

.content-well article img {
    height: auto !important
}

@media (max-width:768px) {
    .content-well article img {
        margin: 0 0 1em !important;
        float: none !important;
        width: 100% !important
    }
}

.content-well article img.left {
    float: left;
    margin: 0 1em 1em 0
}

.content-well article img.right {
    margin: 0 0 1em 1em
}

.content-well article img.hero {
    padding-bottom: 1em
}

.content-well article .caption {
    color: #7d7d7d;
    font-size: 16px;
    font-style: italic;
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    line-height: 1.3
}

    .content-well article .caption sub, .content-well article .caption sup {
        margin: 0 2px
    }

    .content-well article .caption sub {
        bottom: -2px
    }

    .content-well article .caption sup {
        top: -6px
    }

    .content-well article .caption strong, .content-well article .caption b, .content-well article .caption sub, .content-well article .caption sup {
        font-family: WhitmanDisplay, "Times New Roman", Times, serif
    }

.collapsible-panel figure.single, .content-well article figure.single {
    border: #e2e2e2 solid 2px;
    float: left;
    margin: 0 1em 1em 0;
    padding: .5em;
    width: 40%;
    max-width: 40%;
}

    .collapsible-panel figure.single.right, .content-well article figure.single.right {
        margin: 0px 0 .5em 1.5em
    }

.wrap figure.single.right figcaption {
    text-align: left;
}

.collapsible-panel figure.single img, .content-well article figure.single img {
    margin-bottom: .25em;
    width: 100%;
}

.collapsible-panel figure.single figcaption, .content-well article figure.single figcaption {
    color: #7d7d7d;
    font-size: 16px;
    font-style: italic;
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    line-height: 1.3
}

    .collapsible-panel figure.single figcaption sub, .collapsible-panel figure.single figcaption sup, .content-well article figure.single figcaption sub, .content-well article figure.single figcaption sup {
        margin: 0 2px
    }

    .collapsible-panel figure.single figcaption sub, .content-well article figure.single figcaption sub {
        bottom: -2px
    }

    .collapsible-panel figure.single figcaption sup, .content-well article figure.single figcaption sup {
        top: -6px
    }

    .collapsible-panel figure.single figcaption strong, .collapsible-panel figure.single figcaption b, .collapsible-panel figure.single figcaption sub, .collapsible-panel figure.single figcaption sup, .content-well article figure.single figcaption strong, .content-well article figure.single figcaption b, .content-well article figure.single figcaption sub, .content-well article figure.single figcaption sup {
        font-family: WhitmanDisplay, "Times New Roman", Times, serif
    }

.content-well article ul.dateline {
    margin-bottom: 5px;
    overflow: visible
}

    .content-well article ul.dateline li {
        color: #444
    }

        .content-well article ul.dateline li a {
            color: #444
        }

        .content-well article ul.dateline li span {
            font-weight: 400;
        }

.content-well aside {
    padding-top: 15px
}

    .content-well aside ul.social-media.square li {
        margin-bottom: 10px
    }

    .content-well aside.donate {
        padding-top: 0;
        padding-bottom: 10px
    }

        .content-well aside.donate .cta-backup {
            font-size: 18px;
            padding: 1em 0;
            text-align: center;
            width: 100%
        }

.lab.detail {
    padding-bottom: 1em
}

    .lab.detail h3 {
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 0
    }

        .lab.detail h3 a {
            color: #05396b;
            font-size: 22px
        }

    .lab.detail p {
        font-weight: 300;
    }

        .lab.detail p.flat {
            margin-bottom: 5px
        }

            .lab.detail p.flat + h3 {
                margin-top: -3px
            }

    .lab.detail .responsive-video p {
        font-family: WhitmanDisplay, "Times New Roman", Times, serif
    }

        .lab.detail .responsive-video p.title {
            font-weight: 600;
        }

#tabbed-search {
    zoom: 1;
    margin-bottom: 40px
}

    #tabbed-search:before, #tabbed-search:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    #tabbed-search:after {
        clear: both
    }

    #tabbed-search h2 {
        font-size: 22px;
        color: #fff;
        padding: 3px 0 0;
        white-space: nowrap
    }

    #tabbed-search .filters {
        width: 95%
    }

@media screen and (max-width:480px) {
    #tabbed-search .filters {
        width: 95%
    }
}

@media screen and (max-width:768px) {
    #tabbed-search .filters {
        width: 97%
    }
}

#tabbed-search .filters select {
    margin: 6px auto;
    width: 100%;
    padding: 0 10px
}

@media screen and (max-width:768px) {
    #tabbed-search .filters .hiderow {
        display: none
    }

        #tabbed-search .filters .hiderow.show {
            display: block
        }
}

#tabbed-search span.label {
    margin: 0
}

#tabbed-search input[type=text] {
    margin-bottom: 15px;
    width: 100%;
    font-size: 17px
}

@media screen and (max-width:768px) {
    #tabbed-search input[type=text] {
        width: 90%
    }
}

#tabbed-search .fa-search {
    position: relative;
    padding: 10px;
    margin: 0 5px 0 0;
    float: right
}

@media screen and (max-width:1199px) {
    #tabbed-search .fa-search {
        padding: 8px 6px;
        margin: 0 0 0 0
    }
}

#tabbed-search .tab-content {
    padding: 10px
}

section.results {
    margin: 1em 0 3em
}

    section.results p {
        font-weight: 300;
        font-size: 18px;
        font-style: italic;
        margin-bottom: 5px;
        margin-top: 2em
    }

    section.results .listing {
        zoom: 1
    }

        section.results .listing:before, section.results .listing:after {
            content: "\0020";
            display: block;
            height: 0;
            overflow: hidden
        }

        section.results .listing:after {
            clear: both
        }

        section.results .listing > li {
            margin-top: 1em
        }

    section.results #results-intl.listing > li {
        margin-top: 0
    }

    section.results h5 {
        display: none;
    }

        section.results h5.listing-intl {
            margin-top: 3em;
            font-weight: 600;
            font-size: 24px;
            text-transform: uppercase;
            display: block;
        }

    section.results .listing > li:first-child {
        margin-top: 0
    }

    section.results .listing ul.tags {
        margin-bottom: 0 !important
    }

        section.results .listing ul.tags li a:after {
            margin-right: 5px
        }

    section.results .listing p.no-results {
        border: 1px solid #dcdcdc;
        font-style: italic;
        padding-top: 1.5em;
        margin: 0
    }

    section.results .filters {
        width: 95%
    }

@media screen and (max-width:480px) {
    section.results .filters {
        width: 95%
    }
}

@media screen and (max-width:768px) {
    section.results .filters {
        width: 97%
    }
}

section.results .filters h2 {
    font-size: 22px;
    color: #fff;
    padding: 3px 0 0;
    white-space: nowrap
}

@media screen and (max-width:480px) {
    section.results .filters h2 {
        text-align: left;
        text-indent: 15px
    }
}

section.results .filters .style-select {
    margin: 0;
    line-height: .9
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    section.results .filters .style-select {
        margin-left: 10px
    }
}

section.results .filters .style-select select {
    margin: 6px auto;
    width: 100%;
    padding: 1px 10px 0
}

@media screen and (max-width:768px) {
    section.results .filters .hiderow {
        display: none
    }

        section.results .filters .hiderow.show {
            display: block
        }
}

section.results input[type=text] {
    line-height: 1.5;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 100%
}

@media screen and (max-width:768px) {
    section.results input[type=text] {
        width: 90%
    }
}

section.results form {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0
}

section.results .fa-search {
    padding: 10px;
    margin: 0 5px 0 0;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    border: none;
    font-size: 20px;
    color: #fff;
    height: 32px
}

@media screen and (max-width:1199px) {
    section.results .fa-search {
        padding: 8px 6px;
        margin: 0 0 0 0
    }
}

section.results section .header h3 {
    background: #05396b;
    border: 1px solid transparent;
    color: #ffffff;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 2.5;
    margin-right: 2px;
    padding: 0;
    line-height: 2.5;
    margin: 0;
    padding-top: 5px;
    text-align: center
}

section.results section .blue.block {
    padding: 15px
}

@media screen and (max-width:768px) {
    section.results #tabbed-search input[type=text] {
        width: 96%
    }
}

@media screen and (max-width:580px) {
    section.results #tabbed-search input[type=text] {
        width: 92%
    }
}

@media screen and (max-width:768px) {
    section.results #tabbed-search .fa.fa-search {
        position: absolute;
        right: 5px
    }
}

@media screen and (max-width:580px) {
    section.results #tabbed-search .fa.fa-search {
        right: 0
    }
}

section.results #tabbed-search #mice-search span.label input {
    width: 99%
}

@media screen and (max-width:768px) {
    section.results #tabbed-search #mice-search span.label input {
        width: 96%
    }
}

@media screen and (max-width:580px) {
    section.results #tabbed-search #mice-search span.label input {
        width: 92%
    }
}

section.results #tabbed-search #mice-search span.twitter-typeahead {
    width: 95%;
    float: left
}

@media screen and (max-width:768px) {
    section.results #tabbed-search #mice-search span.twitter-typeahead {
        width: 96%
    }
}

section.results #tabbed-search #mice-search span.twitter-typeahead .tt-dropdown-menu .tt-dataset-terms p.empty {
    font-weight: 600;
    font-size: 17px;
    font-style: normal;
    margin-top: 20px;
    margin-left: 15px;
    margin-bottom: 13px
}

@media (max-width:768px) {
    section.results #tabbed-search #mice-search span.twitter-typeahead .tt-dropdown-menu .tt-dataset-terms p.empty {
        font-size: 16px
    }
}

section.results #tabbed-search #mice-search input[type=text] {
    margin-bottom: 0px
}

@media (max-width:768px) {
    .results .filters h2 {
        cursor: pointer
    }

        .results .filters h2:after {
            font-family: fontawesome;
            content: "\f107";
            margin-left: 8px
        }

        .results .filters h2.open:after {
            content: "\f106"
        }

    .results .filters .fold {
        max-height: 0;
        overflow: hidden;
        -moz-transition: max-height 1s;
        -o-transition: max-height 1s;
        -webkit-transition: max-height 1s;
        transition: max-height 1s
    }

        .results .filters .fold.open {
            max-height: 1000px
        }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .fold h2:after, .results .filters h2:after {
        display: none
    }

    .results .filters .fold {
        max-height: 1000px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .fold h2:after, .results .filters h2:after {
        display: none
    }

    .results .filters .fold {
        max-height: 1000px
    }
}
/* This is a hack. To do:edit controller */

i.custom.person:after {
    display: block;
    position: relative;
    content: '\a0';
    width: 150px;
    height: 2em;
    top: 1.4em;
    background-color: white;
}

.crown section h1 {
    font-weight: normal;
    color: #444;
    line-height: 1em;
    margin-bottom: 0;
    margin-top: 50px
}

.informal .crown h1 {
    font-weight: 300;
}

.crown section p {
    color: #444;
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.1
}

    .crown section p.small {
        font-weight: 300;
        font-size: 18px;
        font-style: normal;
        line-height: 1.5
    }

.crown section .text {
    padding-bottom: 1em
}

@media (min-width:768px) {
    .crown section .text {
        padding-right: 4em
    }

        .crown section .text .cta-backup, .crown section .text .learn-more {
            padding: 1em 2em;
            margin-bottom: 1em
        }
}

.crown section.laboratory, .crown section.faculty {
    font-weight: 400;
}

    .crown section.laboratory .image img, .crown section.faculty .image img {
        max-width: 100%;
        margin-top: 1em
    }

@media (min-width:768px) {
    .crown section.laboratory .image img, .crown section.faculty .image img {
        margin-top: 0;
        float: right;
        max-width: none
    }
}
/* Fix to lab image 2019-01-25 */

.lab-image {
    position: absolute;
    top: 51px;
    right: 100%;
    bottom: 71px;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width:992px) {
    .lab-image {
        width: 695px;
        top: 0;
        bottom: 0;
    }
}

@media (min-width:1200px) {
    .lab-image {
        width: 60vw;
    }
}

.crown section.laboratory .text, .crown section.faculty .text {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0
}

    .crown section.laboratory .text h1, .crown section.faculty .text h1 {
        margin-top: 10px
    }

@media (min-width:768px) {
    .crown section.laboratory .text, .crown section.faculty .text {
        margin-top: 40px;
        margin-bottom: 40px
    }

        .crown section.laboratory .text h1, .crown section.faculty .text h1 {
            margin-top: 0;
            margin-bottom: 30px
        }
}

@media (min-width:992px) {
    .crown section.laboratory .text, .crown section.faculty .text {
        margin-top: 50px;
        margin-bottom: 0
    }
}

.crown section.laboratory .text h3, .crown section.faculty .text h3 {
    color: #e2e2e2;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0
}

    .crown section.laboratory .text h3 a, .crown section.faculty .text h3 a {
        display: block;
        font-size: 24px;
        margin-top: 5px;
        text-transform: uppercase
    }

.crown section.laboratory .text p, .crown section.faculty .text p {
    color: #e2e2e2;
    font-weight: 300;
    font-size: 18px;
    font-style: normal;
    line-height: 1.2
}

    .crown section.laboratory .text p.description, .crown section.faculty .text p.description {
        font-family: WhitmanDisplay, "Times New Roman", Times, serif;
        font-size: 24px;
        font-style: italic;
        margin-top: 1em
    }

.crown section.laboratory .text .description, .crown section.faculty .text .description {
    padding-top: 40px
}

    .crown section.laboratory .text .description p, .crown section.faculty .text .description p {
        font-family: WhitmanDisplay, "Times New Roman", Times, serif;
        font-size: 24px;
        font-style: italic
    }

.crown section.laboratory .text img, .crown section.faculty .text img {
    float: left;
    margin: 1em 0;
    max-width: 100%;
    width: 40%;
    margin: 0 10px 10px 0
}

@media (min-width:768px) {
    .crown section.laboratory .text img, .crown section.faculty .text img {
        margin: 0 1em 0 0;
    }

    .crown section.laboratory .text img {
        width: 75px;
    }
}

.crown section.laboratory .text aside, .crown section.faculty .text aside {
    margin-bottom: 1em
}

    .crown section.laboratory .text aside p, .crown section.faculty .text aside p {
        font-size: 12px
    }

        .crown section.laboratory .text aside p a, .crown section.faculty .text aside p a {
            color: #fff;
            font-weight: 400;
            font-size: 30px;
            font-weight: bold;
            margin-left: 1em
        }

            .crown section.laboratory .text aside p a:hover, .crown section.faculty .text aside p a:hover {
                text-decoration: underline
            }

.crown section.laboratory .text .tags, .crown section.faculty .text .tags {
    margin-bottom: 1em
}

    .crown section.laboratory .text .tags li, .crown section.faculty .text .tags li {
        font-weight: 300;
    }

        .crown section.laboratory .text .tags li:after, .crown section.faculty .text .tags li:after {
            color: #fff
        }

        .crown section.laboratory .text .tags li a, .crown section.faculty .text .tags li a {
            font-size: 16px
        }

.crown section.laboratory {
    overflow: hidden
}

    .crown section.laboratory .text {
        background-color: #05396b;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 0;
        padding-left: 20px
    }

        .crown section.laboratory .text .row p.description {
            margin-top: 40px;
            padding-top: 0
        }

@media (max-width:992px) {
    .laboratory aside p:first-child {
        margin-bottom: 10px;
    }

    .crown section.laboratory .text .row p.description {
        margin-top: 25px;
    }

    .crown section.laboratory .text {
        padding-right: 15px;
        padding-left: 15px
    }

        .crown section.laboratory .text .social-media.blocks li {
            margin-left: 0
        }
}

.crown section.laboratory .image {
    position: relative
}

    .crown section.laboratory .image img {
        position: absolute;
        right: 0
    }

@media (min-width:768px) {
    .crown section.event .text {
        padding-right: 8%
    }
}

.crown section.event .text h1 {
    color: #05396b;
    margin-top: .5em
}

.crown section.event .text h3 {
    color: #444;
    font-size: 26px;
    font-weight: 300;
    margin-top: 0.25em;
    margin-bottom: 1em
}

    .crown section.event .text h3 span {
        font-weight: 400;
        color: #444;
    }

.crown section.event .text p {
    font-weight: 300;
    font-size: 18px;
    font-style: normal;
    line-height: 1.5
}

    .crown section.event .text p.status {
        float: left;
        font-style: italic;
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 0;
    }

    .crown section.event .text p.off {
        color: #cf5b59
    }

.crown section.event .text + div {
    padding-bottom: 15px
}

.crown section.event .date {
    padding-top: 60px
}

    .crown section.event .date p {
        font-weight: 400;
        font-style: normal
    }

        .crown section.event .date p.date {
            font-weight: 400;
            font-size: 30px;
            margin: 0;
            padding-top: 0;
            text-align: center;
            text-transform: uppercase;
            width: 100%
        }

            .crown section.event .date p.date span {
                display: block;
                font-weight: 600;
                font-size: 48px;
                letter-spacing: .01em
            }

            .crown section.event .date p.date.start, .crown section.event .date p.date.end {
                float: left;
                margin: 0;
                padding-right: 10px;
                text-align: right;
                width: 50%
            }

            .crown section.event .date p.date.end {
                left: 8px;
                position: relative;
                text-align: left
            }

                .crown section.event .date p.date.end span {
                    left: -10px;
                    position: relative
                }

                    .crown section.event .date p.date.end span:before {
                        content: "-";
                        margin-left: -5px;
                        margin-right: 5px
                    }

        .crown section.event .date p.year {
            font-size: 26px;
            font-weight: 400;
            padding-bottom: 1.4em;
            text-align: center;
            width: 100%
        }

    .crown section.event .date.blue p {
        color: #fff
    }

.crown section.faculty .text h1 {
    margin-bottom: 8px
}

.crown section.faculty .text h3 {
    color: #009ed0;
    margin-bottom: 5px;
    text-transform: uppercase
}

.crown section.faculty .text aside {
    margin-top: 1em
}

    .crown section.faculty .text aside p + p {
        margin-bottom: 5px
    }

    .crown section.faculty .text aside p a {
        display: block;
        font-size: 30px;
        font-weight: bold;
        margin-left: 0
    }

    .crown section.faculty .text aside .social-media.blocks li {
        width: 100%;
        margin: 0;
        margin-top: 8px
    }

.crown section.mice {
    position: relative
}

@media (min-width:768px) {
    .crown section.mice.pic {
        min-height: 515px
    }
}

@media (max-width:768px) {
    .crown section.mice .text {
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    .crown section.mice .text .mouse-pic {
        min-height: 1em
    }
}

.crown section.mice .text h1 {
    margin-top: 65px
}

.crown section.mice .text p {
    font-weight: 300;
    font-size: 18px;
    font-style: normal;
    line-height: 1.4
}

@media (min-width:768px) {
    .crown section.mice .text p.description {
        margin-top: 40px
    }
}

.crown section.mice .text .description {
    padding-top: 40px
}

.crown section.mice .text img {
    display: none
}

@media (min-width:768px) {
    .crown section.mice .text img {
        display: block;
        max-width: 150%;
        position: relative;
        right: 9%;
        margin-top: 8%
    }
}

@media (min-width:992px) {
    .crown section.mice .text img {
        max-width: none;
        position: absolute;
        right: -85%
    }
}

@media (min-width:1200px) {
    .crown section.mice .text img {
        right: -65%
    }
}

@media (max-width:992px) {
    .crown section.mice .text.alt {
        padding-right: 2em
    }
}

.crown section.mice .text.alt h1 {
    margin-top: 50px
}

.crown section.mice .text.alt p {
    color: #444444;
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 30px;
    font-style: italic;
    line-height: 1.1
}

.crown section.mice .search nav, .crown section.mice .right aside nav {
    border: 1px solid #CCCCCC;
    float: left;
    padding: 1em;
    margin: 0;
    width: 100%
}

@media (min-width:768px) {
    .crown section.mice .search nav, .crown section.mice .right aside nav {
        padding: 1.5em
    }
}

@media (min-width:1200px) {
    .crown section.mice .search nav, .crown section.mice .right aside nav {
        padding: 2em
    }
}

.crown section.mice .search nav ul, .crown section.mice .right aside nav ul {
    margin: 0 0 -4px;
    padding: 0
}

    .crown section.mice .search nav ul li, .crown section.mice .right aside nav ul li {
        background: #43b02a;
        margin: 15px 0
    }

        .crown section.mice .search nav ul li:first-child, .crown section.mice .right aside nav ul li:first-child {
            margin-top: 0
        }

        .crown section.mice .search nav ul li:hover, .crown section.mice .right aside nav ul li:hover {
            background: #2fd109
        }

        .crown section.mice .search nav ul li a, .crown section.mice .right aside nav ul li a {
            color: #fff;
            display: block;
            margin-bottom: -12px;
            padding: 15px 20px 15px 30px;
            word-break: normal
        }

@media (max-width:992px) {
    .crown section.mice .search nav ul li a, .crown section.mice .right aside nav ul li a {
        font-size: 75%
    }
}

.crown section.mice .search nav ul li a:hover, .crown section.mice .right aside nav ul li a:hover {
    text-decoration: none
}

.crown section.mice .search nav ul li a img, .crown section.mice .right aside nav ul li a img {
    display: block;
    float: left;
    margin-left: -12px;
    margin-top: -5px;
    padding: 0 15px 0 0
}

@media (max-width:992px) {
    .crown section.mice .search nav ul li a img, .crown section.mice .right aside nav ul li a img {
        margin-left: -20px;
        padding: 0 10px 0 0
    }
}

.crown section.mice .search {
    padding-bottom: 3em
}

@media (max-width:768px) {
    .crown section.mice .search {
        margin: 0;
        height: auto;
        top: auto
    }
}

.crown section.mice .search .header {
    margin-top: 1em
}

    .crown section.mice .search .header h3.block {
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 3.5;
        margin: 0;
        text-align: center;
        width: 100%
    }

@media (max-width:768px) {
    .crown section.mice .search .header h3.block {
        font-size: 20px;
        line-height: 2;
        text-align: left;
        padding-left: 1em;
        position: relative;
        bottom: -15px;
        padding-top: 5px
    }
}

.crown section.mice .search .header h3.lightblue {
    color: #FFFFFF;
    background: #009ed0
}

.crown section.mice .search .header a {
    color: #444;
    float: right;
    font-weight: 400;
    font-size: 14px;
    margin-top: 1.8em;
    padding-right: .5em
}

@media (max-width:768px) {
    .crown section.mice .search .header a {
        line-height: 1.5;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 0
    }
}

.crown section.mice .search form {
    background: #009ed0;
    margin: 0;
    padding: 1em 1em
}

@media (min-width:768px) {
    .crown section.mice .search form {
        padding: 1.65em 1em 1.65em 2em
    }
}

.crown section.mice .search form span.label {
    margin: 0;
    overflow: visible
}

    .crown section.mice .search form span.label .tt-dropdown-menu {
        width: 90%
    }

@media (min-width:992px) {
    .crown section.mice .search form span.label .tt-dropdown-menu {
        width: 86%
    }
}

@media (min-width:1200px) {
    .crown section.mice .search form span.label .tt-dropdown-menu {
        width: 89%
    }
}

.crown section.mice .search form span.label .tt-dropdown-menu p {
    font-weight: 600;
    font-size: 18px;
    font-style: normal
}

.crown section.mice .search form input {
    font-size: 14px;
    padding-left: .5em;
    margin: 0;
    width: 90%
}

@-moz-document url-prefix() {
    .crown section.mice .search form input {
        width: 78%
    }
}

@media (min-width:768px) {
    .crown section.mice .search form input {
        font-size: 17px
    }
}

@media (min-width:992px) {
    .crown section.mice .search form input {
        width: 86%
    }
}

@media (min-width:1200px) {
    .crown section.mice .search form input {
        width: 89%
    }
}

.crown section.mice .search form button {
    background: transparent;
    border: none;
    color: #FFF;
    font-size: 24px;
    padding-left: .85em;
    height: 1.45em;
    top: 20px
}

@media (max-width:768px) {
    .crown section.mice .search form button {
        right: 20px
    }
}

@media (max-width:480px) {
    .crown section.mice .search form button {
        right: 8px
    }
}

@media (min-width:768px) {
    .crown section.mice .search form button {
        top: 30px;
        right: 25px
    }
}

@-moz-document url-prefix() {
    .crown section.mice .search form button {
        padding-left: 5px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .crown section.mice .search form button {
        right: 0;
        padding-right: 8px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .crown section.mice .search form button {
        right: 0;
        padding-right: 20px
    }
}

.crown section.mice .search form button:before {
    position: relative;
    top: 2px
}

.crown section.mice .search nav {
    float: none;
    width: auto
}

@media (min-width:768px) {
    .crown section.mice.find .search .header h3.block {
        margin-top: 0
    }
}

.crown section.mice.find .search .header a {
    margin-top: 0
}

@media (min-width:768px) {
    .crown section.mice.find .search .header a {
        margin-top: 1.8em
    }
}

.crown section.research h1 {
    padding-top: 0
}

.crown.blue h1, .crown.blue h3, .crown.blue p, .crown.black h1, .crown.black h3, .crown.black p, .crown.mediumgray h1, .crown.mediumgray h3, .crown.mediumgray p {
    color: #fff
}

.crown.blue ul li a, .crown.black ul li a, .crown.mediumgray ul li a {
    color: #fff
}

.crown.blue aside, .crown.black aside, .crown.mediumgray aside {
    color: #fff
}

    .crown.blue aside h1, .crown.blue aside h3, .crown.blue aside p, .crown.black aside h1, .crown.black aside h3, .crown.black aside p, .crown.mediumgray aside h1, .crown.mediumgray aside h3, .crown.mediumgray aside p {
        color: #fff
    }

    .crown.blue aside ul li a, .crown.black aside ul li a, .crown.mediumgray aside ul li a {
        color: #fff;
        padding: 1em 0
    }

.crown-extension h1 {
    color: #444
}

.crown.no-bg section h1 {
    margin-top: 0.5em;
}

.crown.medium.no-bg {
    min-height: unset;
}

.crown.no-bg section .text {
    padding-bottom: 0;
}

.crown.no-bg section .right {
    margin-top: 25px;
    margin-bottom: 25px;
}

.evergreen-nav {
    line-height: 1.1;
}

    .evergreen-nav > a:after {
        font-family: FontAwesome;
        content: '\a0\f054\a0';
        font-size: 0.7em;
        color: #aaa;
    }

@media(min-width:1200px) {
    .evergreen-nav {
        margin: 8px 0 16px;
        clear: both;
        height: 44px;
        line-height: 22px;
        box-sizing: border-box;
    }

        .evergreen-nav > a, .evergreen-nav > span {
            float: left;
            display: block;
            height: inherit;
        }

        .evergreen-nav > a {
            background-color: #009ed0;
            color: white;
            position: relative;
            padding: 12px 56px 10px 16px;
        }

            .evergreen-nav > a:hover {
                background-color: #04c3ff;
                text-decoration: none;
            }

            .evergreen-nav > a:after {
                display: block;
                position: absolute;
                top: 1px;
                right: 0;
                content: '\a0';
                width: 42px;
                height: 42px;
                box-sizing: border-box;
                border-width: 21px;
                border-style: solid;
                border-top-color: white;
                border-right-color: white;
                border-bottom-color: white;
                border-left-color: transparent;
                z-index: 100;
            }

        .evergreen-nav > span {
            border: 1px solid #009ed0;
            border-left: 0;
            position: relative;
            left: -43px;
            z-index: 101;
            padding: 11px 16px 9px 32px;
        }
}
/* Sticky */

.sticky-scrolled #n-sticky {
    position: fixed;
    z-index: 2000;
}

#n-sticky-spacer {
    position: absolute;
}

.sticky-scrolled #n-sticky-spacer {
    position: static;
}
/* General nav layout */

.n-nav {
    zoom: 1;
    position: relative;
    z-index: 95;
}

    .n-nav:before, .n-nav:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .n-nav:after {
        clear: both
    }
/* Nav with full-width gray bar */ /* This class is also applied to sidebar nav when viewport < 768 pixels */

.sticky-scrolled #n-sticky.n-filter, .sticky-scrolled #n-sticky.n-bar {
    top: 0;
    left: 0;
    right: 0;
}

.n-bar {
    background-color: #2d2d2d;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

body:not(.sticky-scrolled) .crown .n-bar {
    margin-top: -5px;
}

body.dark:not(.sticky-scrolled) .crown .n-bar {
    background-color: rgba(46, 46, 46, 0.7);
}

.n-bar > nav {
    margin: 0 auto;
    padding: 0;
}

.n-bar ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.n-bar li {
    margin: 0;
    position: relative;
    display: block;
}

.n-bar a, .n-bar i {
    color: #f0f0f0;
    display: block;
    line-height: 1;
    vertical-align: top;
    -webkit-user-select: none;
}

.n-bar a {
    margin: 0 50px 0 0;
    padding: 16px 15px 12px;
    z-index: 5;
    position: relative;
}

.n-bar i {
    margin: 0;
    z-index: 6;
    cursor: pointer;
    box-sizing: border-box; /* Mobile */
    font-size: 26px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #aaa;
    padding: 11px 0;
    width: 50px;
    text-align: center;
}

    .n-bar i:before {
        content: '\f107';
        display: block;
        transition: transform 200ms ease;
    }

    .n-bar .n-expand > a, .n-bar .n-expand > i, .n-bar .n-expand > a:hover, .n-bar > nav.n-expand > a:hover, .n-bar a:hover, .n-bar i:hover {
        text-decoration: none;
        background: #009ed0;
        color: #fff
    }

.n-bar .n-parent.n-expand > i:before { /* Mobile */
    transform: rotate(180deg);
}
/* Top - home node */

.n-bar > nav > a, .n-bar > nav > i {
    color: white;
}

.n-bar > nav > a {
    font-size: 22px;
    padding-top: 21px;
    padding-bottom: 17px;
    margin-right: 60px;
}

.n-bar > nav > i {
    padding: 17px 0;
    width: 60px;
}
/* First level (items immediately below subsite home) */

.n-bar > nav > ul > li { /* Mobile */
    border-top: 1px solid #aaa;
}
/* On mobile, top and first level items are toggled by tapping on the down caret */

.n-bar .n-parent > ul {
    position: absolute;
    visibility: hidden;
    transition: transform 150ms ease, opacity 200ms ease;
    transform: translateY(-100px);
    opacity: 0;
    z-index: 10;
}

    .n-bar .n-parent > ul > li {
        display: none;
    }

.n-bar .n-parent.n-expand > ul {
    position: static;
    visibility: visible;
    transform: translate(0);
    opacity: 1;
}

    .n-bar .n-parent.n-expand > ul > li {
        display: block;
    }
/* Second level and higher */

.n-bar ul ul {
    text-transform: none;
    font-size: 15px;
}

    .n-bar ul ul a {
        padding-top: 8px;
        padding-bottom: 6px;
    }

    .n-bar ul ul li:first-child > a {
        padding-top: 14px;
    }

    .n-bar ul ul li:last-child:not(.n-parent) > a {
        padding-bottom: 12px;
    }

    .n-bar ul ul i {
        display: none;
    }
    /* Always expand third (and higher) level items */

    .n-bar ul ul ul {
        font-size: 0.9em;
        font-weight: 300;
    }

    .n-bar ul ul .n-parent > ul {
        position: static;
        visibility: visible;
        transform: translate(0);
        opacity: 1;
    }

        .n-bar ul ul .n-parent > ul > li {
            display: block;
        }

    .n-bar ul ul ul a {
        padding-top: 7px;
        padding-bottom: 6px;
        padding-left: 30px;
    }

    .n-bar ul ul ul li:first-child > a {
        padding-top: 8px;
    }

    .n-bar ul ul ul li:last-child:not(.n-parent) > a {
        padding-bottom: 10px;
    }
/* Above 768px - single row strip (ideally), first level visible */

@media (min-width:768px) {
    .n-bar {
        font-size: 21px;
        padding-top: 14px;
    }

    body.dark:not(.sticky-scrolled) .crown .n-bar {
        background-color: transparent;
    }

    .n-bar ul {
        background-color: #2d2d2d;
        z-index: 5;
    }

    .n-bar li:hover {
        z-index: 11;
    }

    .n-bar > nav > a, .n-bar > nav > i, .n-bar > nav > ul > li {
        margin-top: -14px;
    }

    .n-bar > nav.n-expand > a, .n-bar > nav.n-expand > i {
        color: #ccc;
        background-color: transparent;
    }

    .n-bar .n-expand > a, .n-bar .n-expand > i {
        color: #f0f0f0;
        background-color: transparent;
    }

    .n-bar ul .n-parent {
        white-space: nowrap;
    }

        .n-bar ul .n-parent.n-expand > ul {
            position: absolute;
            visibility: hidden;
            transition: transform 150ms ease, opacity 200ms ease;
            transform: translateY(-100px);
            opacity: 0;
        }

        .n-bar ul .n-parent:hover > ul {
            visibility: visible;
            transform: translate(0);
            opacity: 1;
        }

            .n-bar ul .n-parent:hover > ul > li {
                display: block;
            }

    .n-bar > nav.n-parent > ul {
        position: static;
        visibility: visible;
        opacity: 1;
        transition: none;
        transform: none;
    }

        .n-bar > nav.n-parent > ul > li {
            display: block;
        }

    .n-bar > nav > ul > li > a, .n-bar i {
        display: inline-block;
    }

    .n-bar a {
        margin: 0;
        padding: 21px 15px 18px;
    }

    .n-bar > nav > a {
        margin-right: 0;
        font-weight: 300;
        color: #ccc;
    }

    .n-bar > nav {
        width: 100%;
    }

        .n-bar > nav > a, .n-bar > nav > i {
            float: left;
        }

        .n-bar > nav > i {
            margin-left: -26px;
            width: auto;
            top: 1px;
            opacity: 0.6;
        }

            .n-bar > nav > i:before {
                content: '\f105';
            }

    .n-bar .n-expand > i, .n-bar i:hover {
        background-color: transparent;
        color: #f0f0f0;
    }

    .n-bar .n-parent > a {
        padding-right: 32px;
    }

    .n-bar i {
        position: relative;
        font-size: 21px;
        margin: 0 0 0 -30px;
        padding: 19px 0;
        border-left: 0;
        width: auto;
    }

    .n-bar .n-parent.n-expand > i:before { /* Mobile */
        transform: none;
    }

    .n-bar > nav > ul > li {
        float: left;
    }

    .n-bar > nav > ul > li {
        border-top: 0;
    }

        .n-bar > nav > ul > li > ul, .n-bar > nav > ul > li.n-parent.n-expand > ul {
            position: absolute;
        }

    .n-bar ul ul ul a {
        padding-left: 22px;
    }
    /* Interior nav - hide home nav item above 768px */

    .n-interior > nav > a, .n-interior > nav > i {
        display: none;
    }
}

@media (min-width:992px) {
    .n-bar > nav {
        width: 970px;
    }

    .container .n-bar > nav {
        width: 100%;
    }
}

@media (min-width:1200px) {
    .n-bar > nav {
        width: 1230px;
    }

    .container .n-bar > nav {
        width: 100%;
    }
}
/* Alphabet letter nav on Topics Landing Detail */

@media (min-width:992px) {
    .n-bar.alphabet ul > li {
        width: 3.7%
    }

        .n-bar.alphabet ul > li a {
            padding-left: 0;
            padding-right: 0;
            display: block;
            width: 100%;
            text-align: center
        }
}
/* Faceted Calendar List */

@media (max-width:992px) and (min-width:768px) {
    .n-bar ul.cal-toggles {
        margin: .75em 0 .25em
    }

        .n-bar ul.cal-toggles li a i.fa {
            font-size: 28px;
            margin-bottom: 5px
        }
}

.n-bar ul.cal-toggles li a {
    background: transparent;
    padding: 0
}
/* Jump nav - bump first item down */

.bump {
    margin-top: 10px
}
/* Collapse (fold) filters on mobile:Faceted Event ListFaceted Blogs ListFaceted News and Insights List*/

@media (max-width:768px) {
    .fold {
        max-height: 85px;
        overflow: hidden;
        -moz-transition: max-height 1s;
        -o-transition: max-height 1s;
        -webkit-transition: max-height 1s;
        transition: max-height 1s
    }

        .fold.open {
            max-height: 1000px
        }

        .fold h2 {
            cursor: pointer
        }

            .fold h2:after {
                font-family: fontawesome;
                content: "\f107";
                margin-left: 8px
            }

            .fold h2.open:after {
                content: "\f106"
            }
}
/* Bar nav that isn't full window width (e.g., inside content well) */

body:not(.sticky-scrolled) .container .n-bar {
    margin-left: -15px;
    margin-right: -15px;
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .fold h2:after {
        display: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .fold h2:after {
        display: none
    }
}

.filter-by {
    padding: 0 0 5px
}

    .filter-by h2 {
        color: #ccc;
        font-weight: 400;
        font-size: 25px;
        position: relative;
        top: 0;
        padding-top: 15px
    }

@media screen and (min-width:768px) {
    .filter-by h2 {
        position: absolute;
        font-size: 18px;
        padding-top: 0;
        top: 15px
    }
}

@media screen and (min-width:992px) {
    .filter-by h2 {
        top: 23px
    }
}

@media screen and (min-width:1200px) {
    .filter-by h2 {
        font-size: 22px;
        top: 18px
    }
}

.filter-by form {
    padding: 0;
    margin: 0
}

    .filter-by form label {
        margin: 0;
        color: transparent
    }

    .filter-by form i.fa {
        color: #444
    }

    .filter-by form select {
        margin-top: 0;
        margin-bottom: 15px
    }

.filter-by ul.cal-toggles {
    margin: 1.5em 0 1em;
    padding: 0;
    float: right
}

    .filter-by ul.cal-toggles li a {
        display: block
    }

        .filter-by ul.cal-toggles li a i.fa {
            font-size: 30px
        }

            .filter-by ul.cal-toggles li a i.fa.fa-calendar:before {
                top: -2px;
                position: relative
            }

    .filter-by ul.cal-toggles li.active i.fa, .filter-by ul.cal-toggles li:hover i.fa {
        color: #fff
    }

.filter-by .col-sm-push-10 {
    padding-left: 0
}

.results .filter-by {
    padding: 0 1em .5em
}

    .results .filter-by h2 {
        color: #ffffff;
        font-weight: 600;
        font-size: 14px;
        text-transform: capitalize
    }

    .results .filter-by form {
        margin: 0;
        width: 95%
    }

        .results .filter-by form label i.fa-sort {
            top: 50%;
            font-size: 12px
        }

        .results .filter-by form select {
            font-size: 14px;
            padding: 5px 10px 0;
            height: 30px;
            width: 100%
        }

.filter-by.blog h2 {
    position: relative;
    text-align: right
}

section.block-listing {
    padding: 30px 0 0
}

    section.block-listing .block-row {
        width: 100%
    }

    section.block-listing .block-item {
        border: 15px solid #e2e2e2;
        width: 33.33%;
        border-width: 0 15px 30px
    }

        section.block-listing .block-item:first-child {
            border-left: none
        }

        section.block-listing .block-item:last-child {
            border-right: none
        }

@media (max-width:992px) {
    section.block-listing .block-item {
        display: block;
        width: 100% !important;
        border: none;
        margin-bottom: 30px
    }
}

section.block-listing h3 {
    padding: 0 30px;
    margin: 5px 0 0;
    font-weight: 600;
    font-size: 30px
}

@media (max-width:992px) {
    section.block-listing h3 {
        font-size: 24px
    }
}

section.block-listing.event-view .block-item {
    border-width: 0 30px 30px 0
}

    section.block-listing.event-view .block-item:last-child {
        border-right: none;
        width: 31%
    }
/* Originally in carousel.css, but contains shared styles for block listing, so moved here */

section.block-carousel, section.block-listing {
    background: #e2e2e2;
    position: relative
}

    section.block-carousel h2, section.block-listing h2 {
        margin-top: .5em
    }

    section.block-carousel .more, section.block-listing .more {
        position: relative;
        font-weight: 600;
        text-transform: uppercase
    }

        section.block-carousel .more a, section.block-listing .more a {
            color: #222;
            position: absolute;
            right: 0;
            top: -36px
        }

            section.block-carousel .more a .fa, section.block-listing .more a .fa {
                color: #05396b
            }

@media (max-width:768px) {
    section.block-carousel .more a, section.block-listing .more a {
        display: block;
        padding: 10px 0;
        text-align: right;
        top: 0;
        position: relative
    }
}

section.block-carousel .item, section.block-listing .item {
    border-top: 1px solid #05396b;
    padding-bottom: 75px
}

section.block-carousel .date, section.block-listing .date {
    padding: 10px 15px;
    background: #fff;
    color: #222;
    font-weight: 600;
    text-align: center;
    width: 120px;
    margin: 0 auto;
}

@media (max-width:992px) {
    section.block-carousel .date, section.block-listing .date {
        padding: 10px;
        width: 80px;
        margin: 0 auto;
    }
}

section.block-carousel .date span, section.block-listing .date span {
    display: block;
    line-height: 1.2
}

section.block-carousel .date.date-range, section.block-listing .date.date-range {
    width: 200px
}

@media (max-width:992px) {
    section.block-carousel .date.date-range, section.block-listing .date.date-range {
        width: 135px
    }
}

section.block-carousel .date.date-range .month.range, section.block-listing .date.date-range .month.range {
    text-align: left;
    padding: 0 5px
}

section.block-carousel .date .month, section.block-listing .date .month {
    font-size: 20px
}

@media (max-width:992px) {
    section.block-carousel .date .month, section.block-listing .date .month {
        font-size: 24px
    }
}

section.block-carousel .date .day, section.block-listing .date .day {
    font-size: 28px
}

@media (max-width:992px) {
    section.block-carousel .date .day, section.block-listing .date .day {
        font-size: 24px
    }
}

section.block-carousel .type, section.block-listing .type {
    font-weight: 400;
    font-size: 14px;
    color: #05396b;
    text-transform: uppercase;
    padding: 0 15px;
    display: block
}

@media (max-width:992px) {
    section.block-carousel .type, section.block-listing .type {
        font-size: 16px
    }
}

section.block-carousel h3 a, section.block-listing h3 a {
    color: #222
}

section.block-carousel .col-lg-12, section.block-carousel .owl-carousel, section.block-listing .col-lg-12, section.block-listing .owl-carousel {
    position: static
}

section.block-carousel .owl-wrapper, section.block-carousel .block-row, section.block-listing .owl-wrapper, section.block-listing .block-row {
    display: table !important;
    table-layout: fixed
}

section.block-carousel .owl-item, section.block-carousel .block-item, section.block-listing .owl-item, section.block-listing .block-item {
    display: table-cell;
    float: none;
    vertical-align: top;
    background: #fff;
    position: relative;
    border-left: 2px solid #e2e2e2
}

    section.block-carousel .owl-item:first-child, section.block-carousel .block-item:first-child, section.block-listing .owl-item:first-child, section.block-listing .block-item:first-child {
        border-left: none
    }

section.block-carousel .teaser, section.block-listing .teaser {
    padding: 0 30px;
    margin: 0
}

section.block-carousel .meta, section.block-listing .meta {
    background: #333;
    border: 10px solid #333;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    padding: 0 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: 68px;
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

    section.block-carousel .meta a, section.block-listing .meta a {
        color: #fff;
        white-space: nowrap;
    }

section.block-carousel.carousel-c-05a + .carousel-c-05b h2, section.block-listing.carousel-c-05a + .carousel-c-05b h2 {
    margin-top: 0
}

section.block-carousel .c-05b-carousel-block, section.block-listing .c-05b-carousel-block {
    border-top-color: #8a1b61;
    border-top-width: 1px;
    padding-top: 20px
}

    section.block-carousel .c-05b-carousel-block .type, section.block-listing .c-05b-carousel-block .type {
        color: #8a1b61
    }

section.block-carousel .c-05c-carousel-block .date, section.block-listing .c-05c-carousel-block .date {
    width: 90px
}

    section.block-carousel .c-05c-carousel-block .date.date-range, section.block-listing .c-05c-carousel-block .date.date-range {
        width: 165px
    }

    section.block-carousel .c-05c-carousel-block .date .month, section.block-listing .c-05c-carousel-block .date .month {
        font-size: 20px
    }

    section.block-carousel .c-05c-carousel-block .date .day, section.block-listing .c-05c-carousel-block .date .day {
        font-size: 38px
    }

section.block-carousel .c-05c-carousel-block .type, section.block-listing .c-05c-carousel-block .type {
    font-size: 16px
}

section.block-carousel .c-05c-carousel-block h3, section.block-listing .c-05c-carousel-block h3 {
    font-size: 22px
}

section.block-carousel .c-05c-carousel-block .meta, section.block-listing .c-05c-carousel-block .meta {
    font-size: 14px
}

section.block-carousel.carousel-c-05c .teaser, section.block-listing.carousel-c-05c .teaser {
    color: #444
}

section.block-carousel .c-12-carousel-block, section.block-carousel .c-36-carousel-block, section.block-carousel .c-27-carousel-block, section.block-carousel .c-52-carousel-block, section.block-listing .c-12-carousel-block, section.block-listing .c-36-carousel-block, section.block-listing .c-27-carousel-block, section.block-listing .c-52-carousel-block {
    border-top: none;
    padding: 30px 0 90px
}

    section.block-carousel .c-12-carousel-block h3, section.block-carousel .c-36-carousel-block h3, section.block-carousel .c-27-carousel-block h3, section.block-carousel .c-52-carousel-block h3, section.block-listing .c-12-carousel-block h3, section.block-listing .c-36-carousel-block h3, section.block-listing .c-27-carousel-block h3, section.block-listing .c-52-carousel-block h3 {
        font-size: 36px
    }

        section.block-carousel .c-12-carousel-block h3 a, section.block-carousel .c-36-carousel-block h3 a, section.block-carousel .c-27-carousel-block h3 a, section.block-carousel .c-52-carousel-block h3 a, section.block-listing .c-12-carousel-block h3 a, section.block-listing .c-36-carousel-block h3 a, section.block-listing .c-27-carousel-block h3 a, section.block-listing .c-52-carousel-block h3 a {
            color: #444
        }

    section.block-carousel .c-12-carousel-block .icon, section.block-carousel .c-36-carousel-block .icon, section.block-carousel .c-27-carousel-block .icon, section.block-carousel .c-52-carousel-block .icon, section.block-listing .c-12-carousel-block .icon, section.block-listing .c-36-carousel-block .icon, section.block-listing .c-27-carousel-block .icon, section.block-listing .c-52-carousel-block .icon {
        position: absolute;
        left: 30px;
        bottom: -15px;
        z-index: 2
    }

        section.block-carousel .c-12-carousel-block .icon img, section.block-carousel .c-36-carousel-block .icon img, section.block-carousel .c-27-carousel-block .icon img, section.block-carousel .c-52-carousel-block .icon img, section.block-listing .c-12-carousel-block .icon img, section.block-listing .c-36-carousel-block .icon img, section.block-listing .c-27-carousel-block .icon img, section.block-listing .c-52-carousel-block .icon img {
            width: 90px
        }

section.block-carousel.carousel-c-27 .owl-item, section.block-listing.carousel-c-27 .owl-item {
    border-color: #7D7D7D
}

section.block-carousel.carousel-c-27 .c-27-carousel-block, section.block-listing.carousel-c-27 .c-27-carousel-block {
    border-color: #7D7D7D;
    min-height: 300px
}

    section.block-carousel.carousel-c-27 .c-27-carousel-block:after, section.block-listing.carousel-c-27 .c-27-carousel-block:after {
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: #7D7D7D;
        z-index: 1
    }

    section.block-carousel.carousel-c-27 .c-27-carousel-block h3, section.block-listing.carousel-c-27 .c-27-carousel-block h3 {
        font-size: 30px
    }

@media (max-width:992px) {
    section.block-carousel.carousel-c-27 .c-27-carousel-block h3, section.block-listing.carousel-c-27 .c-27-carousel-block h3 {
        font-size: 28px
    }
}

@media (max-width:768px) {
    section.block-carousel.carousel-c-27 .c-27-carousel-block h3, section.block-listing.carousel-c-27 .c-27-carousel-block h3 {
        font-size: 24px
    }
}

section.block-carousel.carousel-c-27 .c-27-carousel-block div.icon, section.block-listing.carousel-c-27 .c-27-carousel-block div.icon {
    background-color: #009ed0;
    padding: 7px;
    bottom: -8px
}

    section.block-carousel.carousel-c-27 .c-27-carousel-block div.icon img, section.block-listing.carousel-c-27 .c-27-carousel-block div.icon img {
        width: 70px
    }

section.block-carousel .c-36-carousel-block, section.block-carousel .c-52-carousel-block, section.block-listing .c-36-carousel-block, section.block-listing .c-52-carousel-block {
    padding: 30px 0
}

    section.block-carousel .c-36-carousel-block h3 a, section.block-carousel .c-52-carousel-block h3 a, section.block-listing .c-36-carousel-block h3 a, section.block-listing .c-52-carousel-block h3 a {
        color: #009ed0
    }

    section.block-carousel .c-52-carousel-block cite, section.block-listing .c-52-carousel-block cite {
        font-size: 16px;
        text-align: center
    }

    section.block-carousel .c-52-carousel-block h3, section.block-listing .c-52-carousel-block h3 {
        font-size: 30px;
        line-height: 1.1
    }

    section.block-carousel .c-52-carousel-block ul.tags, section.block-listing .c-52-carousel-block ul.tags {
        padding: 15px 30px
    }

section.block-carousel.carousel-c-12, section.block-listing.carousel-c-12 {
    background: #7d7d7d
}

    section.block-carousel.carousel-c-12.filtering-carousel .carousel-filter, section.block-listing.carousel-c-12.filtering-carousel .carousel-filter {
        border-bottom: none
    }

        section.block-carousel.carousel-c-12.filtering-carousel .carousel-filter form, section.block-listing.carousel-c-12.filtering-carousel .carousel-filter form {
            background: #2d2d2d
        }

            section.block-carousel.carousel-c-12.filtering-carousel .carousel-filter form label, section.block-listing.carousel-c-12.filtering-carousel .carousel-filter form label {
                color: #fff
            }

    section.block-carousel.carousel-c-12 h2, section.block-listing.carousel-c-12 h2 {
        color: #fff
    }

    section.block-carousel.carousel-c-12 .owl-item, section.block-listing.carousel-c-12 .owl-item {
        border-color: #7d7d7d
    }

    section.block-carousel.carousel-c-12 .item:after, section.block-listing.carousel-c-12 .item:after {
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: #7d7d7d;
        z-index: 1
    }

    section.block-carousel.carousel-c-12 .date, section.block-listing.carousel-c-12 .date {
        width: 90px;
        padding: 10px;
        margin: -50px auto 0
    }

        section.block-carousel.carousel-c-12 .date.date-range, section.block-listing.carousel-c-12 .date.date-range {
            width: 165px
        }

        section.block-carousel.carousel-c-12 .date .month, section.block-listing.carousel-c-12 .date .month {
            font-size: 20px
        }

            section.block-carousel.carousel-c-12 .date .month.range, section.block-listing.carousel-c-12 .date .month.range {
                padding: 0 18px
            }

        section.block-carousel.carousel-c-12 .date .day, section.block-listing.carousel-c-12 .date .day {
            font-size: 38px
        }

    section.block-carousel.carousel-c-12 .c-05a-carousel-block, section.block-carousel.carousel-c-12 .c-05b-carousel-block, section.block-carousel.carousel-c-12 .c-05c-carousel-block, section.block-listing.carousel-c-12 .c-05a-carousel-block, section.block-listing.carousel-c-12 .c-05b-carousel-block, section.block-listing.carousel-c-12 .c-05c-carousel-block {
        border-top-width: 70px
    }

    section.block-carousel.carousel-c-12 .c-05b-carousel-block, section.block-listing.carousel-c-12 .c-05b-carousel-block {
        padding-top: 40px
    }

    section.block-carousel.carousel-c-12 .c-05c-carousel-block .type, section.block-listing.carousel-c-12 .c-05c-carousel-block .type {
        font-size: 20px
    }

    section.block-carousel.carousel-c-12 .c-05c-carousel-block h3, section.block-listing.carousel-c-12 .c-05c-carousel-block h3 {
        font-size: 26px
    }

    section.block-carousel.carousel-c-12 .meta, section.block-listing.carousel-c-12 .meta {
        bottom: 10px;
        font-size: 14px
    }

section.block-carousel.carousel-c-46, section.block-listing.carousel-c-46 {
    background: #e2e2e2
}

    section.block-carousel.carousel-c-46 h2, section.block-listing.carousel-c-46 h2 {
        color: #444
    }

    section.block-carousel.carousel-c-46 h3, section.block-listing.carousel-c-46 h3 {
        font-size: 30px;
        line-height: 1.1
    }

    section.block-carousel.carousel-c-46 cite, section.block-listing.carousel-c-46 cite {
        margin-bottom: 0;
        padding: 0 30px
    }

    section.block-carousel.carousel-c-46 .owl-item, section.block-listing.carousel-c-46 .owl-item {
        border-color: #e2e2e2
    }

    section.block-carousel.carousel-c-46 .item:after, section.block-listing.carousel-c-46 .item:after {
        background: #e2e2e2
    }

section footer p {
    display: none
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element {
    border-top: 1px solid #333;
    border-bottom-width: 0;
    padding: 1em 0
}

@media screen and (min-width:768px) {
    section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element {
        border: none
    }
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element {
    padding: .5em 0;
    width: 75%;
    margin: auto
}

@-moz-document url-prefix() {
    section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element {
        width: 90%
    }
}

@-moz-document url-prefix() {
    section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element {
        width: 75%
    }
}

}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style .at4-icon {
    background: none !important
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a {
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    width: 23%;
    color: #6d7a83;
    font-size: 20px
}

@media screen and (min-width:768px) {
    section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a {
        font-size: 30px
    }
}

@media screen and (min-width:992px) {
    section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a {
        width: auto
    }
}

@media screen and (min-width:992px) {
    section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a {
        font-size: 18px;
        padding: 0 2px
    }
}

@media screen and (min-width:1200px) {
    section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a {
        padding: 0 0.7em
    }
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a:hover {
    color: #FFF;
    text-decoration: none
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a.addthis_button_facebook_follow:before {
    content: "\f09a"
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a.addthis_button_twitter_follow:before {
    content: "\f099"
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a.addthis_button_linkedin_follow:before {
    content: "\f0e1"
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a.addthis_button_youtube_follow:before {
    content: "\f16a"
}

section footer .addthis_horizontal_follow_toolbox .at-follow-tbx-element .addthis_default_style a span {
    background-color: transparent !important
}

.at-follow-btn {
    width: 19% !important;
    display: block;
    float: left;
}

.addthis_follow_label, .at4-visually-hidden {
    display: none;
}

ul.tags {
    margin-left: 0
}

    ul.tags:before {
        margin-right: 5px
    }

    ul.tags li {
        padding-left: 0;
        padding-right: 0;
        text-transform: capitalize
    }

    ul.tags + .cta-backup {
        margin-top: 1.5em
    }

.crown section aside .block {
    background: #009ed0;
    color: #fff;
    display: block;
    padding: 1.5em;
    width: 100%;
    margin: 0 0 .5em
}

@media (min-width:768px) {
    .crown section aside .block {
        width: auto;
        margin: 1em 0
    }
}

.crown section aside .block h1, .crown section aside .block h2, .crown section aside .block h3, .crown section aside .block h4, .crown section aside .block h5, .crown section aside .block p, .crown section aside .block a {
    color: #fff
}

.crown section aside .block h3 {
    font-weight: 400;
    font-size: 24px;
    margin: 0;
    padding-bottom: .75em;
    word-break: break-word
}

@media (min-width:768px) {
    .crown section aside .block h3 {
        font-size: 22px;
        padding-bottom: .5em
    }
}

@media (min-width:992px) {
    .crown section aside .block h3 {
        font-size: 26px;
        padding-bottom: .75em
    }
}

.crown section aside .block p {
    font-weight: 300;
    font-size: 22px;
    font-style: normal;
    margin-bottom: 0;
    line-height: 1.4
}

@media (min-width:768px) {
    .crown section aside .block p {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .crown section aside .block p {
        font-size: 24px
    }
}

.crown section aside .block p a {
    font-weight: 300;
    font-size: 22px;
    margin-right: 10px
}

@media (min-width:768px) {
    .crown section aside .block p a {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .crown section aside .block p a {
        font-size: 24px
    }
}

.crown section aside .cta-backup {
    font-size: 15px;
    margin: 0 0 1em;
    width: 100%
}

@media (min-width:768px) {
    .crown section aside .cta-backup {
        font-size: 18px;
        margin: 1em 0 0
    }
}

.crown section aside .cta-backup a {
    color: #FFFFFF;
    display: block
}

.crown section .cta-backup {
    display: block;
    float: left;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 1.15em 2em
}

@media (min-width:768px) {
    .crown section .cta-backup {
        padding: 1em 5em
    }
}

.crown section .cta-backup + p {
    clear: left
}

.crown section .right {
    margin-top: 50px;
    margin-bottom: 1em
}

.crown section div.right .cta-backup {
    width: 100%;
    padding: 1em
}

@media (min-width:768px) {
    .crown section .right {
        margin-bottom: 3em
    }
}

.crown section .right aside {
    float: right;
    width: 100%;
    word-break: break-all;
    text-align: left;
    padding-top: 1.5em;
    padding-bottom: 1em
}

    .crown section .right aside .block {
        padding: 1.5em 1em 1.5em 1.5em;
        margin: 1em 0 0;
        float: left;
        width: 100%
    }

    .crown section .right aside .social-media {
        padding-top: 1em
    }

        .crown section .right aside .social-media .addthis_button_download {
            float: left
        }

.crown section .right .social-media {
    clear: both;
    text-align: right
}

section.disqus {
    padding: 2em 0 4em
}

.social-media {
    margin-left: 0
}

    .social-media li {
        width: 100%;
        margin: 5px 0 0;
        padding: 0
    }

        .social-media li a {
            background: #43b02a;
            border: none;
            color: #fff;
            display: inline-block;
            float: left;
            font-weight: 400;
            font-size: 14px;
            height: auto;
            letter-spacing: 1px;
            margin-top: 0;
            padding: 1em 0 !important;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
            -moz-transition: background .2s ease-in;
            -o-transition: background .2s ease-in;
            -webkit-transition: background .2s ease-in;
            transition: background .2s ease-in
        }

@media (min-width:768px) {
    .social-media li a {
        float: none;
        margin-top: 0;
        width: auto
    }
}

.social-media li a:hover {
    background: #2fd109;
    color: #FFFFFF;
    text-decoration: none
}

.social-media li a.disabled {
    background: #657a61;
    color: #444
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .social-media li a {
        background: #43b02a
    }

        .social-media li a:hover {
            background: #2fd109
        }
}

.social-media li a i.fa-desktop {
    font-size: 16px;
    line-height: 14px
}

    .social-media li a i.fa-desktop:before {
        top: 2px;
        position: relative
    }

.social-media li.fb a {
    background: #354d93
}

    .social-media li.fb a:hover {
        background: #536fc1
    }

.social-media li.tw a, .social-media li.lightblue a {
    background: #009ed0
}

    .social-media li.tw a:hover, .social-media li.lightblue a:hover {
        background: #6adbff
    }

.social-media li.li a {
    background: #006699
}

    .social-media li.li a:hover {
        background: #3bf
    }

.social-media li.black a {
    background: #000000
}

    .social-media li.black a:hover {
        background: #4d4d4d
    }

@media (min-width:768px) {
    .social-media.blocks li {
        margin-left: 0;
        padding: 0;
        width: 46%;
        margin-right: 5px;
        margin-top: 5px
    }
}

.social-media.blocks li {
    width: 23%;
    margin-left: 2px;
    margin-right: 0
}

@-moz-document url-prefix() {
    .social-media.blocks li {
        width: 22%
    }
}

}

.social-media.blocks li a {
    width: 100%;
    padding: .75em 0
}

@media (max-width:768px) {
    .social-media.blocks li a {
        padding: 1em 0
    }
}

.social-media.blocks.c64 li {
    width: 30%
}

aside ul.social-media li a {
    width: 100%;
    padding: .75em 0
}

@media (max-width:768px) {
    aside ul.social-media li a {
        padding: 1em 0
    }
}

aside ul.social-media.blocks.square {
    margin-left: 0;
    margin-bottom: 20px;
}

@media (max-width:768px) {
    aside ul.social-media.blocks.square {
        float: left;
        width: 100%
    }
}

@-moz-document url-prefix() {
    aside ul.social-media.blocks.square {
        margin-bottom: 10px
    }
}

aside ul.social-media.blocks.square li {
    float: left;
    margin: 5px 0 0;
    width: 49%
}

    aside ul.social-media.blocks.square li:nth-child(2n) {
        clear: right;
        float: right
    }

    aside ul.social-media.blocks.square li a {
        width: 100%;
        padding: .75em 0
    }

@media (max-width:768px) {
    aside ul.social-media.blocks.square li a {
        padding: 1em 0
    }
}
/* Campaign block */

.campaign-block {
    float: left;
    padding: 15px;
    margin: 25px -15px 15px;
    background-color: #888;
}

    .campaign-block h4 {
        color: white;
        margin-bottom: 12px;
        margin-top: 4px;
        font-weight: 400;
        font-size: 32px;
        text-transform: uppercase;
        text-align: center;
    }

    .campaign-block input {
        padding-top: 0;
        margin-bottom: 15px;
        border-color: #444;
    }

.instagram-posts {
    padding: 38px 0 0;
    clear: both;
}

    .instagram-posts a {
        cursor: pointer;
    }

    .instagram-posts h3 svg {
        display: inline-block;
        margin: -12px -8px -14px;
        padding: 0 4px 0 0;
        vertical-align: baseline;
    }

    .instagram-posts h3 {
        font-weight: 400;
        font-size: 32px;
        margin: 0;
    }

        .instagram-posts h3 > a {
            color: #333;
        }

    .instagram-posts h6 {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.2;
        margin: 0;
        padding: 4px 12px 24px 0;
        float: left;
        box-sizing: border-box;
        max-width: 33.3333%;
    }

        .instagram-posts h6 strong {
            font-weight: 600;
            display: block;
            font-size: 14px;
        }

    .instagram-posts ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .instagram-posts li {
        padding: 0 0 24px;
    }

        .instagram-posts li > a {
            display: block;
            color: #333;
        }

            .instagram-posts li > a:hover {
                text-decoration: none;
                color: #333;
            }

        .instagram-posts li img {
            display: block;
            margin: 0 0 8px;
        }

        .instagram-posts li p {
            color: #444;
            font-weight: 400;
            line-height: 1.4;
            font-size: 12px;
            margin: 0;
            padding: 0;
        }

            .instagram-posts li p > span {
                font-weight: 300;
                color: #888;
            }

.tabbed {
    background: #05396b;
    display: block;
    width: 100%
}

@media screen and (max-width:768px) {
    .tabbed {
        margin-bottom: 1em
    }
}

.tabbed {
    margin-bottom: 1em;
    height: auto;
    background: #fff
}

@-moz-document url-prefix() {
    .tabbed {
        margin-bottom: 0
    }
}

}

.tabbed .nav-tabs {
    margin-left: 0;
    display: table;
    width: 100%;
    zoom: 1;
    margin: 0;
    padding: 0
}

    .tabbed .nav-tabs:before, .tabbed .nav-tabs:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .tabbed .nav-tabs:after {
        clear: both
    }

@media screen and (max-width:768px) {
    .tabbed .nav-tabs {
        background: #FFFFFF
    }
}

.tabbed .nav-tabs > li {
    background-color: #009ed0;
    display: table-cell;
    width: auto;
    margin: 0;
    padding: 0
}

@media screen and (max-width:768px) {
    .tabbed .nav-tabs > li {
        float: left;
        width: 130px;
        margin-right: 6px;
        text-align: center;
        margin-left: -1px
    }
}

.tabbed .nav-tabs > li.active {
    background-color: #05396b
}

    .tabbed .nav-tabs > li.active:hover > a, .tabbed .nav-tabs > li.active:focus > a {
        background-color: #05396b
    }

.tabbed .nav-tabs > li > a {
    border: 1px solid transparent;
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 2.5;
    margin-right: 2px;
    padding: 0;
    width: 100%
}

    .tabbed .nav-tabs > li > a:hover {
        background-color: #1ec9ff;
        text-decoration: none
    }

@media screen and (min-width:992px) {
    .tabbed .nav-tabs {
        zoom: 1;
        margin: 0;
        padding: 0
    }

        .tabbed .nav-tabs > li {
            margin: 0;
            width: 50%
        }

            .tabbed .nav-tabs > li > a {
                line-height: 2.5;
                margin: 0;
                padding-top: 5px;
                text-align: center
            }
}

.tabbed .tab-content {
    background-color: #05396b;
    padding: .5em;
    float: left;
    width: 100%
}

@-moz-document url-prefix() {
    .tabbed .tab-content {
        float: none
    }
}

.tabbed .tab-content form {
    margin-bottom: 0;
    padding-bottom: 0
}

    .tabbed .tab-content form label {
        margin-bottom: 0;
        margin-top: 0
    }

    .tabbed .tab-content form input {
        border: none;
        border-radius: 0;
        display: inline-block;
        line-height: 1;
        margin-bottom: 0;
        padding: 10px;
        width: 87%
    }

@media screen and (min-width:992px) {
    .tabbed .tab-content form input {
        width: 94%
    }
}

.tabbed .tab-content form button.fa {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    float: right;
    margin-top: 5px;
    margin-right: -15px;
    margin-right: 5px
}

@media screen and (min-width:768px) {
    .tabbed .tab-content form button.fa {
        margin-right: -3px
    }
}

@media screen and (min-width:992px) {
    .tabbed .tab-content form button.fa {
        margin-right: 1px
    }
}

.tabbed .tab-content form button.fa:focus, .tabbed .tab-content form button.fa:active {
    outline: none
}

.tabbed.travel .tab-content {
    background: transparent
}

.results .tabbed {
    background: #FFFFFF;
    float: none;
    width: 100%
}

    .results .tabbed .nav-tabs {
        display: block;
        width: 100%
    }

        .results .tabbed .nav-tabs > li {
            list-style: none;
            display: inline-block;
            text-align: center;
            width: 175px;
            margin: 0;
            font-weight: 600;
            font-size: 14px
        }

@media screen and (max-width:1199px) {
    .results .tabbed .nav-tabs > li {
        width: 49%;
        float: right
    }

        .results .tabbed .nav-tabs > li:first-child {
            float: left
        }
}

.results .tabbed .tab-content {
    padding: .5em .5em 0 .5em
}

    .results .tabbed .tab-content form button.fa {
        float: none;
        margin-left: 10px;
        margin-right: 0
    }

    .results .tabbed .tab-content form input {
        font-size: 14px
    }

@-moz-document url-prefix() {
    .results .tabbed .tab-content form input {
        width: 75%;
        text-indent: 10px
    }
}

}

#hdr header .search-collapse .nav-tabs {
    margin-bottom: 0;
    padding-bottom: 0
}

    #hdr header .search-collapse .nav-tabs > li {
        display: block;
        float: left;
        margin-bottom: -1px;
        margin-left: 0;
        margin-right: .5em;
        width: 175px
    }

.crown .research .search .tabbed {
    padding: 0;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .crown .research .search .tabbed {
        background: transparent;
        padding-bottom: 2em;
        padding-top: 2em
    }
}

.crown .research .search .tabbed label {
    overflow: visible
}

.crown .research .search .tabbed .nav-tabs {
    position: relative;
    top: -1px;
    width: 101%
}

    .crown .research .search .tabbed .nav-tabs:after, .crown .research .search .tabbed .nav-tabs:before {
        display: none
    }

    .crown .research .search .tabbed .nav-tabs > li {
        background: #444;
        width: 33%;
        margin-right: 1px;
        margin-left: 0
    }

        .crown .research .search .tabbed .nav-tabs > li:hover, .crown .research .search .tabbed .nav-tabs > li.active {
            background: #009ed0
        }

            .crown .research .search .tabbed .nav-tabs > li:hover a, .crown .research .search .tabbed .nav-tabs > li.active a {
                background: #009ed0
            }

        .crown .research .search .tabbed .nav-tabs > li a {
            color: #fff;
            font-weight: 300;
            font-size: 22px;
            text-align: center;
            text-shadow: 1px 0 #FEFEFE;
            text-transform: uppercase;
            line-height: 1;
            margin-right: 2px;
            padding: 12px 0
        }

@-moz-document url-prefix() {
    .crown .research .search .tabbed .nav-tabs > li a {
        font-weight: 300;
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .crown .research .search .tabbed .nav-tabs > li a {
        text-shadow: none
    }
}

.crown .research .search .tabbed .nav-tabs > li a:hover, .crown .research .search .tabbed .nav-tabs > li a.active {
    text-decoration: none
}

.crown .research .search .tabbed .nav-tabs > li + li {
    border-left: 1px solid #FFFFFF
}

.crown .research .search .tabbed .tab-content {
    background: #333;
    padding: 2em;
    float: none
}

@-moz-document url-prefix() {
    .crown .research .search .tabbed .tab-content {
        padding: 2em 1em
    }
}

.crown .research .search .tabbed .tab-content input[type="text"] {
    width: 89%
}

.crown .research .search .tabbed .tab-content button {
    font-size: 24px;
    margin-top: 3px
}

@media screen and (max-width:768px) {
    .crown .research .search .tabbed .tab-content button {
        margin-right: -15px
    }
}

@-moz-document url-prefix() {
    .crown .research .search .tabbed .tab-content button {
        font-size: 22px;
        margin-right: -19px
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0
    }

ul.icons {
    list-style-type: none;
    margin: 0
}

    ul.icons li {
        background: #000000;
        color: #ffffff;
        height: 50px;
        margin-bottom: 1em
    }

        ul.icons li a {
            color: #ffffff;
            margin: 0;
            padding: 0;
            line-height: 2.75
        }

            ul.icons li a img {
                background: #009ed0;
                float: left;
                margin-right: .5em
            }

        ul.icons li:hover {
            background: #262626
        }

            ul.icons li:hover a:hover {
                text-decoration: none
            }

            ul.icons li:hover a img {
                background: #6adbff
            }

.responsive-video {
    margin-bottom: 2em
}

@media screen and (max-width:992px) {
    .responsive-video {
        margin-top: 2em
    }
}

.responsive-video p {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-style: italic
}

    .responsive-video p.title {
        font-weight: 600;
        font-style: normal;
        margin-top: 1em;
        margin-bottom: 0
    }

.responsive-box-video {
    overflow: hidden;
}

    .responsive-box-video > .fluid-width-video-wrapper {
        padding-bottom: 60px;
        margin-top: -60px;
    }

.location-tag {
    font-weight: 600;
}

    .location-tag:before {
        font-family: FontAwesome;
        font-size: 0.8em;
        color: #43b02a;
        content: '\f276\a0\a0';
    }
/*.location-tag-6abeacaf4c5e499baa161ecab157f61d:before{content:'\f276\a0\a0';}*/

.x-marketo .mktoForm input[type=text], .x-marketo .mktoForm input[type=url], .x-marketo .mktoForm input[type=email], .x-marketo .mktoForm input[type=tel], .x-marketo .mktoForm input[type=number], .x-marketo .mktoForm input[type=date], .x-marketo .mktoForm textarea.mktoField, .x-marketo .mktoForm select.mktoField {
    border: 1px solid #444;
    border-radius: 5px;
    width: 100%;
    line-height: 1;
    height: 2.5em;
    padding: 4px 10px
}

@media (min-width:768px) {
    .x-marketo .mktoForm input[type=text], .x-marketo .mktoForm input[type=url], .x-marketo .mktoForm input[type=email], .x-marketo .mktoForm input[type=tel], .x-marketo .mktoForm input[type=number], .x-marketo .mktoForm input[type=date], .x-marketo .mktoForm textarea.mktoField, .x-marketo .mktoForm select.mktoField {
        width: 400px !important
    }
}

@media (min-width:992px) {
    .x-marketo .mktoForm input[type=text], .x-marketo .mktoForm input[type=url], .x-marketo .mktoForm input[type=email], .x-marketo .mktoForm input[type=tel], .x-marketo .mktoForm input[type=number], .x-marketo .mktoForm input[type=date], .x-marketo .mktoForm textarea.mktoField, .x-marketo .mktoForm select.mktoField {
        width: 500px !important
    }
}

.x-marketo .mktoForm .mktoRequiredField label.mktoLabel, .x-marketo .mktoForm label {
    color: #444;
    font-weight: 300
}

.x-marketo .mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: 400;
    color: #444
}

.x-marketo a.mktoForm {
    background: #43b02a;
    border: none;
    color: #fff;
    display: inline-block;
    float: none;
    font-weight: 400;
    font-size: 14px;
    height: auto;
    line-height: 4em;
    letter-spacing: 1px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100% !important;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    transition: background .2s ease-in
}

@media (min-width:768px) {
    .x-marketo :not(.pulldown) > a.mktoForm {
        float: none;
        margin-top: 0;
        padding: 1.5em 5em !important;
        line-height: 1;
        width: auto !important
    }
}

.x-marketo a.mktoForm:hover {
    background: #2fd109;
    color: #FFFFFF;
    text-decoration: none
}

.x-marketo a.mktoForm.disabled {
    background: #657a61;
    color: #444
}

.search .multiple {
    padding-bottom: 2em;
    padding-top: 2em
}

@media screen and (min-width:768px) {
    .search .multiple {
        background: transparent
    }
}

.search .multiple span.label {
    overflow: visible;
    margin: 0
}

    .search .multiple span.label input {
        margin: 0;
        width: 100%
    }

.search .multiple span.twitter-typeahead {
    width: 90%
}

.search .multiple .form-select {
    position: relative;
    top: -1px;
    width: 101%;
    margin: 0;
    padding: 0
}

    .search .multiple .form-select:after, .search .multiple .form-select:before {
        display: none
    }

    .search .multiple .form-select > li {
        background: #444;
        display: block;
        float: left;
        width: 33%;
        margin-left: 0;
        margin-bottom: 0
    }

        .search .multiple .form-select > li:hover, .search .multiple .form-select > li.active {
            background: #009ed0
        }

            .search .multiple .form-select > li:hover a, .search .multiple .form-select > li.active a {
                background: #009ed0
            }

@media screen and (max-width:768px) {
    .search .multiple .form-select > li:hover a, .search .multiple .form-select > li.active a {
        font-weight: 600;
        font-size: 18px
    }
}

.search .multiple .form-select > li a {
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    margin-right: 2px;
    padding: 12px 0
}

@-moz-document url-prefix() {
    .search .multiple .form-select > li a {
        font-weight: 300;
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .search .multiple .form-select > li a {
        font-weight: 600;
        font-size: 18px;
        text-shadow: none
    }
}

.search .multiple .form-select > li a:hover, .search .multiple .form-select > li a.active {
    text-decoration: none
}

.search .multiple .form-select > li + li {
    border-left: 1px solid #FFFFFF
}

.search .multiple .form-content {
    background: #333;
    padding: 2em;
    float: none
}

@-moz-document url-prefix() {
    .search .multiple .form-content {
        padding: 2em 1em
    }
}

.search .multiple .form-content input[type="text"] {
    margin-bottom: 0;
    padding: 0 10px
}

@-moz-document url-prefix() {
    .search .multiple .form-content input[type="text"] {
        width: 100%
    }
}

.search .multiple .form-content form {
    margin: 0;
    padding-bottom: 0
}

.search .multiple .form-content button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: -14px;
    top: 4px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
    .search .multiple .form-content button {
        right: -32px !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .search .multiple .form-content button {
        right: -32px !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .search .multiple .form-content button {
        right: -40px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    .search .multiple .form-content button {
        right: -30px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    .search .multiple .form-content button {
        right: -30px !important
    }
}

.search .multiple .form-content button:focus {
    outline: none;
    color: #dcdcdc
}

.search .multiple .form-content button {
    font-size: 22px;
    right: -1px;
    top: 6px
}

@media screen and (max-width:500px) {
    .search .multiple .form-content button {
        right: -12px;
        top: 7px
    }
}

}

.search .multiple .form-content .tt-dropdown-menu {
    width: 100%
}

    .search .multiple .form-content .tt-dropdown-menu p {
        font-weight: 600;
        font-size: 18px;
        font-style: normal
    }

@media (max-width:768px) {
    .search .multiple .form-content .tt-dropdown-menu p {
        font-size: 16px
    }
}

.search .multiple .form-content .tt-dropdown-menu p.empty:hover {
    cursor: default
}

.search .multiple .form-content .tt-dropdown-menu p:hover {
    cursor: pointer
}

.wrap.large {
    background: URL("https://www.jax.org/_res/img/fpo/feature-1900-600.jpg") center center no-repeat;
    background-size: cover;
    min-height: 650px
}

.wrap .right {
    text-align: right
}

@media screen and (max-width:768px) {
    .wrap .right {
        text-align: left
    }
}

.wrap .right .cta-backup, .wrap .right .learn-more {
    float: right
}

.homeflow {
    overflow: hidden
}

.learn-more {
    display: inline-block;
    float: none
}

.gradient {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #fff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #ededed 0%, #fff 100%);
    background: -o-linear-gradient(top, #ededed 0%, #fff 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #fff 100%);
    background: linear-gradient(to bottom, #ededed 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 )
}

    .gradient h1, .gradient h2 {
        color: #222
    }

    .gradient .block-carousel {
        background: none
    }

.black {
    background: #000000
}

.darkgray {
    background: #333
}

.blue {
    background: #05396b
}

.lightblue {
    background: #009ed0
}

    .lightblue a.scEnabledChrome {
        background: #dcdcdc;
        margin: 2em 0;
        padding: 1.25em 0;
        width: auto;
        display: block;
        text-align: center
    }

.blue, .lightblue, .black, .darkgray, .mediumgray {
    color: #fff
}

    .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue p, .lightblue h1, .lightblue h2, .lightblue h3, .lightblue h4, .lightblue h5, .lightblue h6, .lightblue p, .black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black p, .darkgray h1, .darkgray h2, .darkgray h3, .darkgray h4, .darkgray h5, .darkgray h6, .darkgray p, .mediumgray h1, .mediumgray h2, .mediumgray h3, .mediumgray h4, .mediumgray h5, .mediumgray h6, .mediumgray p {
        color: #fff
    }

    .blue ul li a, .lightblue ul li a, .black ul li a, .darkgray ul li a, .mediumgray ul li a {
        color: #fff
    }

    .blue .block-carousel, .lightblue .block-carousel, .black .block-carousel, .darkgray .block-carousel, .mediumgray .block-carousel {
        background: none
    }

        .blue .block-carousel h2, .lightblue .block-carousel h2, .black .block-carousel h2, .darkgray .block-carousel h2, .mediumgray .block-carousel h2 {
            color: #fff
        }

.mediumgray {
    background: #7d7d7d
}

.lightgray {
    background: #e2e2e2
}

    .lightgray .load-more, .lightgray .silver {
        background: #05396b;
        color: #dcdcdc
    }

        .lightgray .load-more:hover, .lightgray .silver:hover {
            background: #ffffff;
            color: #05396b
        }

.blacktop {
    border-top: 15px solid #444
}

.blackbottom {
    border-bottom: 15px solid #444
}

.graytop {
    border-top: 1px solid #e2e2e2
}

.lightgray + .graytop {
    border-top: 0;
}

.lightgray h1, .lightgray h2, .lightgray h3, .lightgray h4, .lightgray h5, .lightgray h6, .lightgray p, .graytop h1, .graytop h2, .graytop h3, .graytop h4, .graytop h5, .graytop h6, .graytop p {
    color: #444
}

.lightgray .block-carousel, .graytop .block-carousel {
    background: none
}

.crown, .banner {
    background-size: cover;
    background-position: center center;
    border-top: 1px solid #f0f0f0
}

    .crown.small, .banner.small {
        min-height: 150px
    }

    .crown.medium, .banner.medium {
        min-height: 175px
    }

    .crown.large, .banner.large {
        min-height: 250px
    }

.hero {
    height: auto !important;
    width: 100% !important
}

.cta-backup, .learn-more {
    background: #43b02a;
    border: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-weight: 400;
    font-size: 14px;
    height: auto;
    letter-spacing: 1px;
    margin-top: 0;
    padding: 1.5em 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    transition: background .2s ease-in
}

.sidebar .cta-backup {
    width: 100%;
}

@media(min-width:768px) {
    .article-sidebar {
        float: right !important;
    }
}

#two-plus-one-left .cta-backup {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.rte .cta-backup.give-button, .cta-backup.give-button {
    background-color: #f1c400;
    color: #222;
    transform: skew(-10deg);
    margin: 0 25px 50px;
    display: block;
    float: none;
    cursor: pointer;
    font-size: 25px;
    padding: 1.0em 0.5em 0.9em;
    font-weight: 600;
}

    .cta-backup.give-button > span {
        font-weight: 400;
        font-style: normal;
        display: block;
        font-size: 0.5em;
        line-height: 1.1;
        margin-top: 4px;
    }

    .cta-backup.give-button:hover {
        color: black;
        background-color: #ffdf3f;
    }

@media (min-width:768px) {
    .cta-backup, .learn-more {
        width: auto
    }
}

.cta-backup:hover, .learn-more:hover {
    background: #2fd109;
    color: #FFFFFF;
    text-decoration: none
}

.cta-backup.disabled, .learn-more.disabled {
    background: #657a61;
    color: #444
}

.cta-backup.silver, .learn-more.silver {
    background: #dcdcdc;
    color: #05396b;
    font-weight: 600;
    font-size: 18px
}

    .cta-backup.silver:hover, .learn-more.silver:hover {
        background: #05396b;
        color: #dcdcdc
    }

.cta-backup.lightblue, .learn-more.lightblue {
    background: #009ed0
}

    .cta-backup.lightblue:hover, .learn-more.lightblue:hover {
        background: #04c3ff
    }

@media (max-width:768px) {
    .cta-backup.left, .cta-backup.right, .learn-more.left, .learn-more.right {
        text-align: center
    }
}

.cta-backup i.fa.fa-angle-down, .learn-more i.fa.fa-angle-down {
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    left: 5px;
    top: 4px
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .cta-backup, .learn-more {
        background: #43b02a;
        border: none;
        color: #fff;
        display: inline-block;
        float: left;
        font-weight: 400;
        font-size: 14px;
        height: auto;
        line-height: 4em;
        letter-spacing: 1px;
        margin-top: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        transition: background .2s ease-in
    }
}

@media all and (-ms-high-contrast:none) and (min-width:768px), (-ms-high-contrast:active) and (min-width:768px) {
    .cta-backup, .learn-more {
        float: none;
        margin-top: 0;
        padding: 1.5em 5em;
        line-height: 1;
        width: auto
    }
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .cta-backup:hover, .learn-more:hover {
        background: #2fd109;
        color: #FFFFFF;
        text-decoration: none
    }

    .cta-backup.disabled, .learn-more.disabled {
        background: #657a61;
        color: #444
    }
}

.rte .cta-backup, .rte .learn-more {
    font-size: 18px;
    padding: 1em 5em;
    width: auto
}

@media (max-width:768px) {
    .rte .cta-backup, .rte .learn-more {
        font-size: 14px;
        padding: 1.5em 0;
        width: 100%
    }

        .rte .cta-backup.give-button, .rte .cta-backup.pop-button {
            width: auto;
        }
}

.rail .cta-backup, .rail .learn-more, .text-right .cta-backup, .text-right .learn-more {
    float: none;
    display: block;
}

.rail aside, .text-right aside {
    float: left;
    width: 100%
}

.learn-more {
    font-size: 18px;
    margin-top: 1em;
    margin-bottom: 2em
}

@media (min-width:768px) {
    .learn-more {
        padding: 1em 5em
    }
}

.learn-more:after {
    content: "+";
    font-size: 18px;
    margin-left: 5px
}

.load-more {
    background: #dcdcdc;
    color: #05396b;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase
}

    .load-more:after {
        content: "\f107";
        font-family: FontAwesome;
        font-size: 30px;
        margin-left: 5px;
        position: relative;
        top: 4px
    }

    .load-more:hover {
        background: #05396b;
        color: #fff;
        text-decoration: none
    }

a.advanced-mice {
    color: #444;
    display: block;
    float: right;
    font-weight: 400;
    font-size: 14px;
    margin-top: 1.6em;
    padding-right: .5em
}

@media screen and (max-width:480px) {
    a.advanced-mice {
        background: #009ed0;
        color: #ffffff;
        line-height: 3;
        margin: 0 auto 15px;
        text-align: center;
        width: 100%
    }

        a.advanced-mice:hover {
            background: #04c3ff;
            text-decoration: none
        }
}

.popular, .new {
    position: relative
}

    .popular:after, .new:after {
        background: #a0a0a0;
        border: 1px solid #b8b8b8;
        color: #FFFFFF;
        content: "popular";
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        margin-left: 20px;
        margin-right: 25px;
        padding: 6px 6px 4px 9px;
        position: relative;
        text-transform: uppercase;
        top: -10px;
        word-break: break-word;
        line-height: 1.4
    }

    .new:after {
        background: #000000;
        content: "new"
    }

p.edhonor span {
    display: block
}

p.no-results {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 25px;
    font-style: italic;
    margin: 20px;
    padding-bottom: 50px;
    text-align: center
}

ul.listing p.no-results {
    font-family: WhitmanDisplay, "Times New Roman", Times, serif;
    font-size: 25px;
    font-style: italic;
    margin: 20px;
    padding-bottom: 50px;
    text-align: center;
    text-transform: inherit
}

ul.mouse-icons {
    text-align: right
}

    ul.mouse-icons li {
        margin-left: 15px
    }
/* Global rlink styles */

.jax-rlink-details {
    overflow: auto;
    zoom: 1;
}

.jax-rlink-image {
    background-size: cover;
    background-position: center center;
}

.jax-rlink-text {
    display: block;
}

.jax-rlink strong {
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.jax-rlink em {
    font-style: normal;
    margin: 0;
    padding: 8px 0 0;
}
/* Inline rlinks */

p .jax-rlink {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.jax-rlink-inline-title {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: 400;
    border-bottom: 4px solid rgba(5, 197, 255, 0.1);
    line-height: 1;
}

p .jax-rlink-details {
    display: none;
    position: absolute;
    z-index: 9998;
    padding: 0;
    margin: -4px 0 0;
    min-width: 250px;
    left: -30px;
    right: -30px;
    top: 100%;
    background-color: rgba(236, 251, 255, 1);
    border: 1px solid rgba(107, 221, 255, 0.7); /* rgba(5, 197, 255, 0.4); */ /* rgb(0,158,208); */
    border-top-width: 4px;
    box-shadow: 0px 0 0 2px white;
}

p .jax-rlink:hover .jax-rlink-details {
    display: block;
}

p .jax-rlink strong {
    font-size: 17px;
    line-height: 20px;
    padding: 14px 20px;
    color: rgb(0,158,208);
}

p .jax-rlink-details:hover strong {
    text-decoration: underline;
}

p .jax-rlink em {
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    display: none;
    padding: 4px 20px 15px;
    color: #444;
}

p .jax-rlink .jax-rlink-image {
    display: block;
    visibility: visible;
    margin: 15px 12px 12px 15px;
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

    p .jax-rlink .jax-rlink-image + .jax-rlink-text {
        margin-left: 56px;
    }

@media(min-width:768px) {
    p .jax-rlink strong {
        padding-bottom: 0;
    }

    p .jax-rlink em {
        display: block;
    }
}
/* Blockquote rlinks */

div > .jax-rlink .jax-rlink-inline-title {
    display: none;
}

div > .jax-rlink .jax-rlink-details {
    display: block;
    padding: 25px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

div > .jax-rlink .jax-rlink-text {
    font-size: 19px;
    margin-right: 0;
    padding: 0;
}

div > .jax-rlink .jax-rlink-image + .jax-rlink-text {
    margin-left: 33.3333%;
    padding-left: 20px;
}

div > .jax-rlink strong {
    font-size: 20px;
    line-height: 23px;
    color: rgb(0,158,208);
}

div > .jax-rlink:hover strong {
    text-decoration: underline;
}

div > .jax-rlink em {
    display: block;
    color: #444;
    font-size: 18px;
    line-height: 24px;
}

div > .jax-rlink .jax-rlink-image {
    display: block;
    visibility: visible;
    float: left;
    width: 33.3333%;
    height: 165px;
    background-position: center center;
}

div > a.jax-rlink:hover {
    text-decoration: none;
}
/* Aside rlinks */

aside > .jax-rlink .jax-rlink-inline-title {
    display: none;
}

aside > .jax-rlink .jax-rlink-details {
    display: block;
}

aside > .jax-rlink .jax-rlink-text {
    font-size: 16px;
    margin-right: 0;
    padding: 0;
}

aside > .jax-rlink .jax-rlink-image + .jax-rlink-text {
    margin-left: 0;
    padding-left: 0;
}

aside > .jax-rlink strong {
    font-size: 16px;
    line-height: 18px;
    color: rgb(0,158,208);
}

aside > .jax-rlink:hover strong {
    text-decoration: underline;
}

aside > .jax-rlink em {
    display: block;
    color: #444;
    font-size: 14px;
    line-height: 17px;
}

aside > .jax-rlink .jax-rlink-image {
    display: block;
    visibility: visible;
    float: left;
    width: 95px;
    height: 95px;
    margin: 0 10px 8px 0;
    background-position: center center;
}

aside > a.jax-rlink:hover {
    text-decoration: none;
}

@media(min-width:993px) {
    div > .jax-rlink .jax-rlink-image + .jax-rlink-text {
        margin-left: 140px;
        padding-left: 20px;
        margin-right: 10%;
    }

    div > .jax-rlink .jax-rlink-image {
        width: 140px;
        height: 140px;
    }
}

#site-search {
    position: absolute;
    top: 40px; /* 2018-header:change to 15px */
    right: 49px;
    width: 49px;
    z-index: 650;
    background-color: transparent !important;
    border: 1px solid #05396b;
    margin: 0 15px 0 0;
    padding: 0 !important;
}

.search-has-focus #site-search {
    width: auto;
    left: 115px;
}

@media (min-width:480px) {
    .search-has-focus #site-search, #site-search {
        width: 164px;
    }

    .search-has-focus #site-search {
        left: auto;
    }
}

@media (min-width:768px) {
    .search-has-focus #site-search, #site-search {
        width: 315px;
    }
}

#site-search ul {
    margin: 0;
    padding: 0
}

    #site-search ul li {
        list-style: none;
        display: inline-block;
        text-align: center;
        width: 175px;
        margin: 0;
        font-weight: 600;
        font-size: 14px
    }

        #site-search ul li a {
            display: block;
            color: #fff;
            background-color: #009ed0;
            padding: 10px 0
        }

            #site-search ul li a:hover {
                text-decoration: none
            }

        #site-search ul li.active a {
            background-color: #05396b
        }

#site-search button.fa-search {
    position: absolute;
    right: 0;
    top: 8px;
    background-color: white;
    border: none;
    font-size: 20px;
    color: #05396b;
    width: 47px;
    height: 32px;
    pointer-events: none;
    cursor: pointer;
    text-align: center;
    padding: 0;
}

.search-has-focus #site-search button.fa-search {
    pointer-events: all;
}

@media (min-width:480px) {
    #site-search button.fa-search {
        background-color: transparent;
        pointer-events: all;
    }
}

#search-tabs button.fa-search:focus {
    outline: none;
    color: #dcdcdc
}

#site-search input {
    border: 0 !important;
    padding: 12px 16px 10px !important;
    font-size: 19px;
    line-height: 25px;
    box-shadow: none;
    height: auto;
    margin: 0;
    background-color: white;
    cursor: pointer;
}

.search-has-focus #site-search input {
    cursor: text;
}

#site-search input::placeholder {
    color: transparent;
}

#site-search input::-webkit-input-placeholder {
    color: transparent;
}

#site-search input:-moz-placeholder {
    color: transparent;
}

#site-search input::-moz-placeholder {
    color: transparent;
}

#site-search input:-ms-input-placeholder {
    color: transparent;
}

.search-has-focus #site-search input::placeholder {
    color: #909da3;
}

.search-has-focus #site-search input::-webkit-input-placeholder {
    color: #909da3;
}

.search-has-focus #site-search input:-moz-placeholder {
    color: #909da3;
}

.search-has-focus #site-search input::-moz-placeholder {
    color: #909da3;
}

.search-has-focus #site-search input:-ms-input-placeholder {
    color: #909da3;
}

@media (min-width:480px) {
    #site-search input {
        background-color: rgba(255,255,255,0.5);
        cursor: text;
    }

        #site-search input::placeholder {
            color: #909da3;
        }

        #site-search input::-webkit-input-placeholder {
            color: #909da3;
        }

        #site-search input:-moz-placeholder {
            color: #909da3;
        }

        #site-search input::-moz-placeholder {
            color: #909da3;
        }

        #site-search input:-ms-input-placeholder {
            color: #909da3;
        }
}

.tt-dropdown-menu {
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    margin-top: 1px;
    left: -131px !important;
    right: -80px !important;
    padding-top: 15px;
}

@media (min-width:480px) {
    .tt-dropdown-menu {
        left: -164px !important;
        right: -64px !important;
    }
}

@media (min-width:768px) {
    .tt-dropdown-menu {
        left: 0px !important;
    }
}
/* Search suggestions - old */

.typeahead, .tt-query, .tt-hint {
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    outline: none
}

.typeahead {
    background-color: #fff
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.tt-hint {
    color: #43b02a !important
}

.tt-dropdown-menu .tt-suggestion, .tt-dropdown-menu .tt-dataset-terms .tt-suggestion {
    padding: 3px 20px;
    line-height: 24px
}

    .tt-dropdown-menu .tt-suggestion p, .tt-dropdown-menu .tt-dataset-terms .tt-suggestion p {
        margin: 0;
        padding: 8px 0;
        font-weight: 600;
        font-size: 17px;
        font-style: normal
    }

@media (max-width:768px) {
    .tt-dropdown-menu .tt-suggestion p, .tt-dropdown-menu .tt-dataset-terms .tt-suggestion p {
        font-size: 15px
    }
}

.tt-dropdown-menu .tt-suggestion p.empty:hover, .tt-dropdown-menu .tt-dataset-terms .tt-suggestion p.empty:hover {
    cursor: default
}

.tt-dropdown-menu .tt-suggestion p:hover, .tt-dropdown-menu .tt-dataset-terms .tt-suggestion p:hover {
    cursor: pointer
}

.tt-dropdown-menu .tt-suggestion.tt-cursor, .tt-dropdown-menu .tt-dataset-terms .tt-suggestion.tt-cursor {
    color: #ffffff !important;
    background-color: #0097cf;
    font-weight: 600;
    font-size: 18px
}

    .tt-dropdown-menu .tt-suggestion.tt-cursor p, .tt-dropdown-menu .tt-dataset-terms .tt-suggestion.tt-cursor p {
        color: #fff !important
    }

#scrollable-dropdown-menu .tt-dropdown-menu {
    max-height: 150px;
    overflow-y: auto
}

span.twitter-typeahead {
    width: 100%
}
/* Search suggestions - new */

.tt-dataset-site {
    width: 50%;
    float: left;
}

    .tt-dataset-site .tt-ismouse {
        display: none;
    }

.tt-dataset-site-mice, .tt-dataset-jmp {
    width: 50%;
    margin-left: 50%;
}

.tt-dropdown-menu h3 {
    margin: 0 17px;
    padding: 0 0 10px 0;
    font-weight: 700;
    font-size: 19px;
    color: #05396b;
    border-bottom: 1px solid #dbe0e4;
}

.tt-suggestions {
    padding-top: 12px;
}

.tt-dropdown-menu h5 {
    padding-left: 20px;
    font-weight: 600;
    color: #05396b;
    margin-bottom: -5px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

    .tt-dropdown-menu h5:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 12px;
        position: relative;
        color: #009ed0;
    }

.tt-dropdown-menu .tt-dataset-site-mice h5:before {
    content: '\f0f6\a0\a0';
}

.tt-dropdown-menu .tt-dataset-jmp h5:before {
    content: '\f002\a0\a0';
}

.tt-dropdown-menu {
    padding-bottom: 16px;
}

    .tt-dropdown-menu .tt-dataset-site .tt-suggestion, .tt-dropdown-menu .tt-dataset-site-mice .tt-suggestion, .tt-dropdown-menu .tt-dataset-jmp .tt-suggestion {
        margin: 0;
        padding: 0 17px;
    }

.tt-suggestion p strong {
    font-weight: 700;
}

.tt-dropdown-menu .tt-dataset-site .tt-suggestion p {
    margin: 0;
    padding: 9px 0;
    font-weight: 400;
    color: #222;
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
}

.tt-dropdown-menu .tt-dataset-site-mice .tt-suggestion p, .tt-dropdown-menu .tt-dataset-jmp .tt-suggestion p {
    margin: 0;
    padding: 9px 0;
    font-weight: 400;
    color: #222;
    font-size: 16px;
    line-height: 20px;
    font-style: normal
}

.pulldown {
    height: 44px;
    background-color: rgb(67, 176, 42);
    margin: 0;
    padding: 0;
    float: none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 100;
    transition: all 250ms ease;
}

    .pulldown .cta-backup {
        float: none !important;
        clear: both;
    }

.x-subscribe h4 {
    padding-top: 50px;
    clear: both;
}

.x-subscribe p {
    line-height: 1.25;
    font-size: 14px;
    margin-bottom: 8px;
}

.pulldown.active, .pulldown:hover {
    background-color: rgb(55, 197, 21);
    overflow: visible;
}

.pulldown:before, .pulldown:after {
    color: white;
    position: absolute;
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0;
    margin: 0;
    top: 0;
    z-index: 101;
    text-align: center;
}

.pulldown.subscribe:before {
    content: 'Subscribe';
    left: 0;
    right: 44px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
}

.pulldown:after {
    font-family: FontAwesome;
    content: '\f107';
    right: 0;
    width: 44px;
}

.rail .pulldown > a.cta-backup, .pulldown > a, .pulldown > div, .pulldown > p, .pulldown > ul {
    display: none;
    position: relative;
    z-index: 102;
    margin: 0;
}

.rail .pulldown.active > a.cta-backup, .rail .pulldown:hover > a.cta-backup, .pulldown.active > a, .pulldown.active > div, .pulldown.active > p, .pulldown.active > ul, .pulldown:hover > a, .pulldown:hover > div, .pulldown:hover > p, .pulldown:hover > ul {
    display: block;
}

.pulldown > a.mktoForm {
    padding: 0;
    text-align: center;
    line-height: 44px;
    height: 44px;
}

@media(min-width:992px) {
    nav#main-nav ul .nav-researchers {
        margin-bottom: 10px;
    }
}

nav#main-nav ul .nav-researchers:after {
    display: block;
    content: 'In-Person and Online Learning';
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.6);
    padding-left: 16px;
    position: absolute;
    bottom: 0;
    background-color: transparent;
}

nav.global ul li a.intl-order-mice {
    background-color: #43b02a;
    padding: 6px 12px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    margin-right: -4px;
    white-space: nowrap;
}

    nav.global ul li a.intl-order-mice:hover {
        background-color: #2fd109;
        text-decoration: none;
    }

@media(min-width:768px) {
    nav#main-nav ul li {
        font-size: 25px;
    }

    body.cn nav#main-nav ul li {
        font-size: 21px;
    }

    nav#main-nav ul li a i {
        padding-left: 1px;
        display: inline;
    }
}

@media(min-width:993px) {
    nav#main-nav ul {
        padding: 0 0 0 3px;
    }

        nav#main-nav ul li a {
            padding: 20px 7px 12px 12px;
        }

    nav#main-nav > ul > li {
        position: relative;
    }

    nav#main-nav .sub > ul {
        padding: 10px 0 15px;
    }

        nav#main-nav .sub > ul > li.dropdown {
            padding-right: 50px;
            margin-right: 0;
        }

        nav#main-nav .sub > ul > li {
            position: relative;
            font-weight: 400;
            text-transform: none;
            font-size: 15px;
        }

    body.cn nav#main-nav .sub > ul > li {
        font-size: 14px;
    }

    nav#main-nav .sub > ul > li > a {
        color: #eee;
    }

    nav#main-nav .sub > ul li:hover > a:before {
        position: absolute;
        width: 100%;
        left: 0;
        background-color: #009ed0;
        z-index: 9998;
        content: '\a0';
        font-size: 0;
    }

    nav#main-nav .sub > ul li:hover > a:after {
        position: absolute;
        width: 100%;
        left: 0;
        background-color: #009ed0;
        z-index: 9998;
        content: '\a0';
        font-size: 0;
    }

    nav#main-nav .sub > ul > li:hover > a:before {
        height: 6px;
        top: -6px;
    }

    nav#main-nav .sub > ul > li:hover > a:after {
        height: 6px;
        bottom: -6px;
    }

    nav#main-nav .sub > ul ul li:hover > a:before {
        height: 2px;
        top: -2px;
    }

    nav#main-nav .sub > ul ul li:hover > a:after {
        height: 2px;
        bottom: -2px;
    }

    nav#main-nav .sub > ul > li > a {
        padding: 10px 15px 11px 16px;
        min-width: 120px;
    }

    nav#main-nav .sub > ul > li.dropdown > a {
        padding: 10px 15px 11px 16px;
    }

    nav#main-nav .sub ul ul {
        background: rgb(45, 45, 45);
    }

    li.dropdown .fa-angle-right {
        display: block;
        position: absolute;
        bottom: 12px;
        right: 55px;
    }

    nav#main-nav .sub ul ul li a {
        border-top: 0;
        padding: 7px 15px 8px 15px;
        background: transparent;
        font-size: 14px;
        color: #ddd;
    }

        nav#main-nav .sub ul ul li a:hover {
            border-top: 0;
            color: #fff;
            background: #009ed0;
        }

    nav#main-nav ul li:hover .sub, nav#main-nav ul li.active:hover .sub, nav#main-nav ul li.hover .sub {
        left: auto;
        right: auto;
        min-width: 100%;
        max-width: 300px;
    }

    nav#main-nav ul li hr {
        margin: 0 19px 0 0;
        padding: 0;
        border: 1px 0 0 0;
        border-top-color: #05396a;
        border-top-style: solid;
        visibility: hidden;
    }

    nav#main-nav ul li.active hr {
        visibility: visible;
    }

    nav#main-nav ul li:hover hr, nav#main-nav ul li.active:hover hr, nav#main-nav ul li.hover hr {
        display: none;
    }

    nav#main-nav ul ul, nav#main-nav .sub ul ul {
        display: block;
        list-style: none;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

        nav#main-nav ul ul li, nav#main-nav ul ul li:hover {
            display: block;
        }

    nav#main-nav a {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    nav#main-nav .sub ul li:hover > ul {
        top: -10px;
        left: 100%;
        margin-left: -50px;
        padding: 10px 0 11px;
        border-left: 4px solid #009ed0;
        width: auto;
        min-width: 250px;
        z-index: 9999;
    }
}

@media (max-width:992px) {
    nav#main-nav ul li hr {
        display: none;
    }
}

.n-link > a[href^="http"]:after {
    font-family: FontAwesome;
    content: '\f08e';
    font-size: 0.7em;
    opacity: 0.5;
    line-height: 1;
    position: relative;
    top: -1px;
    left: 5px;
}

.n-popover .n-link > a:after {
    display: none !important;
}

.tile-banner {
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ddd;
    padding: 18px 0;
    color: white;
}

    .tile-banner .row > div {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 0;
    }

    .tile-banner h5 {
        font-size: 15px;
        line-height: 17px;
        font-weight: 600;
        margin: 0 0 1px;
        display: block;
        color: #009ed0;
    }

    .tile-banner a {
        color: #05396b !important;
        height: 74px;
        overflow: hidden;
        display: block;
        padding: 0 11px 0 12px;
    }

        .tile-banner a > span {
            font-size: 12px;
            line-height: 14px;
            display: block;
        }

.tile-banner-image {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width:768px) {
    .tile-banner .row > div:nth-child(3) {
        display: none;
    }

    .tile-banner-image {
        width: 69px;
        height: 69px;
    }

    .tile-banner a {
        height: 88px;
    }
}

@media (min-width:992px) {
    .tile-banner-image {
        width: 86px;
        height: 86px;
    }
}

@media (min-width:1200px) {
    .tile-banner .row > div:nth-child(3) {
        display: block;
    }
}

.rail .tile-banner-give, #two-plus-one .tile-banner-give, aside > .tile-banner-give {
    position: relative;
    width: auto;
    height: 106px;
    padding: 10px 0 10px 10px;
}

.rail .tile-banner-give {
    width: 150%;
    transform-origin: left center;
    transform: scale(0.714);
    margin-left: -7px;
}

.tile-banner-give > div:before, .tile-banner-give > div:after {
    position: absolute;
    display: block;
    content: '\a0';
    z-index: 100;
    right: 15px;
    left: 101px;
    background-color: #f1c400;
    transition: background 0.2s ease-in;
}

.tile-banner-give:hover > div:before, .tile-banner-give:hover > div:after {
    background-color: #ffdf3f;
}

.tile-banner-give > div:before {
    top: 10px;
    bottom: 50%;
    transform: skew(10deg);
}

.tile-banner-give > div:after {
    top: 50%;
    bottom: 10px;
    transform: skew(-10deg);
}

.tile-banner-give > .tile-banner-image {
    width: 100px;
}

.tile-banner-give > a {
    position: absolute;
    z-index: 101;
    top: 12px;
    right: 0;
    bottom: 0;
    left: 105px;
    padding: 12px !important;
    color: black !important;
    font-size: 15px;
}

    .tile-banner-give > a:hover {
        text-decoration: none;
    }

.rail .tile-banner-image, #two-plus-one .tile-banner-image {
    height: 86px;
}

.rail .tile-banner-give > a, #two-plus-one .tile-banner-give > a {
    top: 16px;
    font-size: 21px;
}

    .rail .tile-banner-give > a > span {
        font-size: 0.8em;
    }

@media (max-width:1220px) {
    #two-plus-one .tile-banner-give > a > span {
        font-size: 0.75em;
    }
}

@media (min-width:992px) {
    .tile-banner-give > a {
        top: 16px;
        font-size: 21px;
    }
}

.tile-banner-give > a > * {
    display: block;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    color: black;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.tile-banner-give > a > em {
    font-size: 0.571em;
    letter-spacing: 1px;
    margin-top: 1px;
    font-weight: 300;
}

.tile-banner-give > a > span {
    font-size: 1em;
    padding-top: 3px;
    line-height: 0.95;
    font-weight: 600;
}

section.c-02a h2 {
    line-height: 1.1;
}

section.c-02a .col-sm-2 {
    padding-top: 16px;
    font-size: 12px;
    display: none;
}

    section.c-02a .col-sm-2 h5 {
        line-height: 1.1;
        font-size: 16px;
    }

    section.c-02a .col-sm-2 ul {
        padding: 0;
        margin: 0;
    }

    section.c-02a .col-sm-2 li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    section.c-02a .col-sm-2 img {
        float: left;
        width: 40px;
        margin: 4px 8px 0 0;
    }

section.c-01 .content {
    padding: 90px 0 60px;
}

section.c-01 p {
    line-height: .82;
    margin-top: 6px;
}

body.cn section.c-01 p {
    line-height: 1.25;
    font-size: 44px;
}

.lax-bg {
    min-height: 440px;
}

ul.table-listing {
    width: 100%
}

    ul.table-listing li {
        display: inline-block;
        float: none;
        margin: 0;
        padding-bottom: 1em;
        width: 100%
    }

@media (max-width:768px) {
    ul.table-listing li {
        padding-bottom: 0
    }
}

@media (min-width:768px) {
    ul.table-listing li {
        width: 32%
    }
}

@media (min-width:992px) {
    ul.table-listing li {
        width: 24%
    }
}

ul.table-listing.three li {
    width: 100%;
    vertical-align: top
}

@media (min-width:768px) {
    ul.table-listing.three li {
        width: 45%
    }

        ul.table-listing.three li:nth-child(2n) {
            float: right
        }
}

@media (min-width:992px) {
    ul.table-listing.three li {
        width: 32%;
        float: none
    }

        ul.table-listing.three li:nth-child(2n) {
            float: none
        }
}

ul.table-listing.three li ul {
    margin-left: 0
}

    ul.table-listing.three li ul li {
        width: 100%
    }

    ul.table-listing.three li ul.inline li {
        padding: 0
    }

@media (min-width:768px) {
    ul.table-listing + .cta-backup, ul.table-listing + .learn-more {
        margin-bottom: 3em
    }
}

ul.refs {
    font-weight: 600;
    list-style-type: none;
    margin: 0
}

    ul.refs li {
        margin-bottom: 1em
    }

    ul.refs.primary li {
        font-weight: 600;
    }

    ul.refs.additional li {
        font-weight: 300;
    }

.cap {
    font-style: normal;
    text-transform: uppercase
}

table {
    margin-bottom: 2em
}

@media (max-width:768px) {
    table tr th, table tr td {
        font-size: 85% !important
    }
}

table tr th, table tr td {
    color: #444;
    padding: 10px
}

table tr th {
    font-weight: 400;
}

table tr[data-gender="female"] td {
    color: #8a1b61
}

table tr[data-gender="male"] td {
    color: #005151
}

table.jax-blue {
    border: 1px #05396b solid;
    margin-bottom: 2em;
    width: 100%
}

@media (max-width:768px) {
    table.jax-blue tr th, table.jax-blue tr td {
        font-size: 85% !important
    }
}

table.jax-blue tr th, table.jax-blue tr td {
    border: 1px solid #05396b;
    color: #05396b;
    padding: 10px
}

table.jax-blue tr th {
    background: #05396b;
    color: #ffffff;
    font-weight: 300;
}

table.light-blue {
    border: 1px #009ed0 solid;
    width: 100%
}

    table.light-blue tr th, table.light-blue tr td {
        border: 1px solid #009ed0;
        color: #05396b;
        padding: 10px
    }

    table.light-blue tr th {
        background: #009ed0;
        color: #ffffff;
        font-weight: 300;
    }

table.green {
    border: 1px #43b02a solid;
    width: 100%
}

    table.green tr th, table.green tr td {
        border: 1px solid #43b02a;
        color: #05396b;
        padding: 10px
    }

    table.green tr th {
        background: #43b02a;
        color: #ffffff;
        font-weight: 300;
    }

table.unstyled {
    border: none;
    width: 100%
}

    table.unstyled tr {
        border-bottom: 1px solid #dcdcdc
    }

        table.unstyled tr th, table.unstyled tr td {
            border: none;
            color: #444
        }

        table.unstyled tr th {
            background: transparent;
            font-weight: 600;
            padding-left: 0;
            text-align: left
        }

        table.unstyled tr td:first-child {
            font-weight: 600;
            padding-right: 3em
        }

        table.unstyled tr td {
            line-height: 1.3;
            padding: 20px 0
        }

table.basic {
    border: none;
    margin-top: 15px;
    width: 100%
}

    table.basic tr th, table.basic tr td {
        border: none;
        color: #444;
        font-size: 18px;
        padding: 0 25px 10px 0;
        width: 22%
    }

        table.basic tr th:last-child, table.basic tr td:last-child {
            width: auto
        }

@media (max-width:768px) {
    table.basic tr th, table.basic tr td {
        width: 25%
    }
}

table.basic tr th {
    background: transparent;
    font-weight: 600;
    padding-left: 0;
    text-align: left
}

table.basic tr td {
    line-height: 1.3
}

table.alt {
    border: none;
    font-size: 20px;
    margin: 0 0 2em;
    width: 100%
}

    table.alt tr {
        background: #e2e2e2
    }

        table.alt tr:nth-child(2n) {
            background: #eeeeee
        }

@media (max-width:768px) {
    table.alt tr th, table.alt tr td {
        padding: 5px
    }
}

table.alt tr th {
    background: #333;
    border: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #ffffff
}

    table.alt tr th a {
        color: #ffffff;
        font-size: 22px;
        font-weight: 400;
        text-transform: uppercase;
        position: relative;
        top: 2px
    }

        table.alt tr th a i {
            color: #009ed0;
            font-size: 14px;
            margin-left: 8px
        }

    table.alt tr th + th {
        border-left: 1px solid #fff
    }

table.alt tr td {
    border: none;
    font-weight: 400;
}

table.alt table {
    border: none;
    margin: 0;
    width: 100%
}

    table.alt table tr {
        background: transparent
    }

        table.alt table tr:nth-child(2n) {
            background: transparent
        }

table.alt.four tr th {
    width: 15%
}

    table.alt.four tr th:nth-child(3n) {
        width: 55%
    }

@media (max-width:768px) {
    table.alt.four tr th {
        width: 9%
    }

        table.alt.four tr th:nth-child(3n) {
            width: 50%
        }
}

table.alt.four tr td:first-child {
    width: 15%;
    text-align: center
}

table.alt.four tr td table tr td {
    width: 55%
}

    table.alt.four tr td table tr td:first-child {
        width: 15%;
        text-align: left
    }

    table.alt.four tr td table tr td:nth-child(3n) {
        width: 12%
    }

@media (max-width:768px) {
    table.alt.four tr td table tr td {
        width: 50%
    }

        table.alt.four tr td table tr td:first-child {
            width: 9%
        }

        table.alt.four tr td table tr td:nth-child(3n) {
            padding: 0;
            text-align: right;
            width: 5%
        }
}

table.alt.three tr th {
    width: 15%
}

    table.alt.three tr th:nth-child(2n) {
        width: 70%
    }

table.alt.three tr td {
    color: #444444
}

    table.alt.three tr td:first-child {
        width: 15%;
        text-align: left
    }

    table.alt.three tr td:last-child {
        text-align: center
    }

    table.alt.three tr td table tr td {
        padding-left: 1em;
        text-align: left;
        width: 55%
    }

        table.alt.three tr td table tr td:first-child {
            width: 11%
        }

        table.alt.three tr td table tr td:last-child {
            text-align: left
        }

@media (max-width:768px) {
    table.alt.three tr td table tr td {
        padding: 5px
    }

        table.alt.three tr td table tr td:first-child {
            width: 5%
        }
}

table.alt.two tr th, table.alt.two tr td {
    padding: 1em 0 1em 1.5em;
    text-align: left
}

    table.alt.two tr th:last-child, table.alt.two tr td:last-child {
        padding-right: 15px;
        text-align: right;
        width: 32%
    }

table.alt.two tr td {
    color: #444444
}

#colorbox #cboxClose {
    color: #fff;
    top: 2px;
    bottom: auto;
    right: -9px;
    font-size: 20px
}

    #colorbox #cboxClose:before {
        color: #05396b;
        content: "\f00d";
        display: block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border: 3px solid #05396b;
        border-radius: 50%;
        padding: 5px;
        width: 20px
    }

    #colorbox #cboxClose:focus {
        outline: none
    }

#cboxLoadedContent {
    margin-top: 28px;
    margin-bottom: 0
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -ms-filter: none !important;
        filter: none !important
    }

    div.insert-class-name {
        display: none
    }

    a, a:visited {
        color: #333 !important;
        text-decoration: underline
    }

    #hdr, i.fa-search, .mini-hdr, .main-nav-spacer, #main-nav-wrap, .block, aside, .tags, section.carousel, ul.utility, ul.action-items, .addthis_horizontal_follow_toolbox {
        display: none !important;
    }

    .wrap.black .row > div {
        width: 100%;
        text-align: center;
        left: 0;
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    nav a, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h3, h4, h5, h6, h6 {
        orphans: 3;
        widows: 3
    }

    h3, h4, h5, h6, h6 {
        page-break-after: avoid
    }
}

table.jax-blue td {
    line-height: 1.4em;
}

.wide-table-wrap > div {
    overflow-x: auto;
    overflow-y: visible;
    clear: both;
}

.wide-table-wrap > i {
    display: block;
    padding: 4px 12px 3px;
    margin-top: -4px;
    float: right;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #009ed0;
    cursor: pointer;
    pointer-events: none;
    opacity: 0.25;
    -webkit-user-select: none;
}

    .wide-table-wrap > i.active {
        pointer-events: auto;
        opacity: 1;
    }

    .wide-table-wrap > i:hover {
        background-color: rgba(5, 197, 255, 0.05) !important;
        color: #04c3ff;
    }

.wide-table-prev:before {
    content: '\f053\a0';
    font-family: FontAwesome;
}

.wide-table-next:after {
    content: '\a0\f054';
    font-family: FontAwesome;
}

.wide-table * > tr > th:first-child, .wide-table > * > tr > td:first-child, .wide-table > tr > th:first-child, .wide-table > tr > td:first-child {
    position: relative;
    z-index: 100;
}

.comp-table {
    border-collapse: separate;
    border-spacing: 20px;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 0 -20px;
    background-color: inherit;
}

    .comp-table h4 {
        font-size: 1.1em;
        margin: 0;
    }

@media (max-width:768px) {
    .comp-table {
        font-size: 17px;
    }
}

.comp-table th {
    width: 160px;
    min-width: 160px;
    font-size: 0.83333em;
    font-weight: 600;
    line-height: 1.15;
    color: #05396b;
    border-right: 4px solid #05396b;
    background-color: inherit;
    padding: 0 15px 0 0;
    text-align: right;
}

.comp-table td {
    width: 235px;
    min-width: 235px;
    padding: 0 15px 0 10px;
    border-right: 1px solid rgba(5, 59, 108, 0.2);
}

@media (max-width:768px) {
    table.comp-table tr th {
        width: 125px;
        min-width: 125px;
        padding-right: 10px;
    }

    .comp-table td {
        width: 160px;
        min-width: 160px;
        padding: 0 10px 0 5px;
    }
}

@media (max-width:480px) {
    table.comp-table tr th {
        width: 110px;
        min-width: 110px;
        font-size: 0.7em !important;
    }
}

.comp-table ul {
    font-size: 0.83333em;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.comp-table li {
    margin: 0 0 0.75em;
    padding: 0;
}

.comp-ind ul {
    list-style: none;
}

.comp-ind li {
    position: relative;
    padding-left: 4.5em;
}

    .comp-ind li:before, .comp-ind li:after {
        content: '\a0';
        line-height: 1;
        display: block;
        position: absolute;
        height: 1em;
        top: 0.12em;
        left: 0;
        background-image: url('https://media.jax.org/m/22dd45e13e470fc0/original/clock.png');
        background-repeat: repeat-x;
        background-size: 0.8em 0.8em;
        background-position-x: 0;
    }

    .comp-ind li:before {
        z-index: 2;
    }

    .comp-ind li:after {
        z-index: 1;
        opacity: 0.1;
        width: 4em;
    }

.ind-1:before {
    width: 0.8em;
}

.ind-2:before {
    width: 1.6em;
}

.ind-3:before {
    width: 2.4em;
}

.ind-4:before {
    width: 3.2em;
}

.ind-5:before {
    width: 4em;
}

.comp-ref li {
    margin-bottom: 0.25em;
    color: #0093d0;
    list-style: none;
}

#two-plus-one .crown {
    border-top: 0;
    margin-bottom: 1em;
}

#two-plus-one .abstract {
    font-size: 20px;
    color: #444;
    font-weight: 400;
    margin-bottom: 1em;
}

#two-plus-one .row .wrap {
    border-top: none !important;
}

#two-plus-one .row .container {
    width: auto;
}

#two-plus-one section .crown h1 {
    font-size: 60px;
    color: #05396b;
    margin-top: 0;
    line-height: 1;
}

@media (min-width:768px) {
    #two-plus-one-right {
        padding-left: 50px;
    }

    .two-plus-one-full-width {
        width: 150%;
    }

        .two-plus-one-full-width > div {
            margin: 0 -15px 0 0;
            position: relative;
        }

    #two-plus-one-left aside {
        width: 50%;
        position: absolute;
        left: 100%;
        padding: 0 15px 0 50px;
        margin: -1em 0 0;
    }

    .sidebar-alt {
        width: 33.3333%;
        position: absolute;
        right: 0;
        padding: 10px 0 0 55px;
    }

        .sidebar-alt > .cta-backup.give-button {
            margin: 0 7px 50px;
        }
}

#two-plus-one-left, #two-plus-one-right {
    margin-top: 40px;
    position: relative;
}

    #two-plus-one-right .panel-listing li cite, #two-plus-one-right .panel-listing li ul.tags {
        display: none !important;
    }

    #two-plus-one-left .content {
        padding-bottom: 0.5em;
    }
/* Content well for empty sidebar */

@media (min-width:768px) {
    #two-plus-one.content-well .row.well #two-plus-one-left.col-sm-8 {
        width: 100%;
    }
}

#two-plus-one.content-well .row.well #two-plus-one-right {
    display: none;
}

#two-plus-one-right section.panel-listing {
    margin-top: 0;
}

#two-plus-one-right .panel-listing ul {
    margin-left: -15px;
    margin-right: -15px;
}

    #two-plus-one-right .panel-listing ul > li {
        padding-left: 15px;
        padding-right: 15px;
    }

    #two-plus-one-right .panel-listing ul h3 {
        font-size: 25px;
        line-height: 27px;
        margin-top: 10px;
    }

    #two-plus-one-right .panel-listing ul > li.j-e-sub {
        padding-bottom: 0;
        margin-bottom: 2px;
    }

        #two-plus-one-right .panel-listing ul > li.j-e-sub h3 {
            font-size: 16px;
            line-height: 18px;
            margin: 0;
            float: left;
            width: 66.6666%;
            display: block;
        }

            #two-plus-one-right .panel-listing ul > li.j-e-sub h3 a {
                color: #009ed0;
            }

#two-plus-one-right section.panel-listing ul > li.j-e-sub > a.cta-backup {
    float: left;
    margin: 0 !important;
    padding: 2px 1em !important;
    min-height: unset;
    line-height: 14px;
    height: 18px;
    font-size: 11px;
    width: 33.3333% !important;
    display: block !important;
}

#two-plus-one-right .panel-listing ul > li.j-e-past h3 {
    font-size: 21px;
    line-height: 24px;
    margin-top: 4px;
}

#two-plus-one-right .panel-listing ul h6 {
    font-weight: normal;
    font-size: 17px;
    color: #222;
    margin-top: 0;
    padding-top: 8px;
    clear: both;
}

#two-plus-one-right ul.listing > li, #two-plus-one-right section.panel-listing .listing > li, #two-plus-one-right section.panel-listing .listing {
    width: auto;
}

#two-plus-one-right .panel-listing ul h4 {
    margin-top: 6px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    text-transform: uppercase;
}

#two-plus-one-right .panel-listing ul h5 {
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    color: #777;
    margin: 0 -15px;
    padding: 16px 15px 4px;
    border-top: 1px solid #444;
}

#two-plus-one-right section.panel-listing .listing > li.j-e-past {
    margin-left: 15px;
    border-right: 30px solid transparent;
    background-color: #e7e7e7;
    background-clip: padding-box;
}

#two-plus-one-right .panel-listing ul.listing > li img, #two-plus-one-right .panel-listing ul.listing > li > a:first-child {
    display: block;
    padding: 0;
}

#two-plus-one-right .panel-listing ul.listing > li a.j-e-person-image {
    float: left;
    width: 25%;
    max-width: 25%;
    height: 0;
    padding: 33% 0 0 0;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#two-plus-one-right section.panel-listing > p, #two-plus-one-right section.panel-listing .listing > li p, #two-plus-one-right .panel-listing ul.listing > li {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 300;
    color: #111;
    margin-bottom: 0;
}

#two-plus-one-right .panel-listing ul.listing.left, #two-plus-one-right .panel-listing ul.listing.right {
    float: none !important;
    width: 100%;
    border-right: 0;
    border-left: 0;
}

#two-plus-one-right section.panel-listing .listing > li {
    width: 100%;
    box-sizing: border-box;
}

#two-plus-one-right section.panel-listing > h3 {
    font-size: 22px;
    line-height: 1.1;
    margin: 8px 0 4px;
    font-weight: 600;
}

#two-plus-one-right section.panel-listing h3 + ul {
    padding: 0 0 30px;
}

#two-plus-one-right section.panel-listing > h3 > a {
    color: #05396b;
}

.structure-minimal .crown {
    border-top: 0;
}

    .structure-minimal .crown h1 {
        color: #05396b;
    }

.structure-minimal .content {
    padding-bottom: 0.75em;
    overflow: hidden;
}

.structure-minimal h1 {
    margin-top: 0.5em;
}

    .structure-minimal h1 > span {
        font-weight: 300;
    }

.structure-minimal .abstract > h3 {
    font-size: 24px;
}

@media (min-width:768px) {
    .structure-minimal .abstract {
        margin-right: 33.3333%;
    }

        .structure-minimal .abstract > h3 {
            font-size: 28px;
        }
}

.cite-abstract {
    float: right;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 7px 0 30px 40px;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    z-index: 19;
    color: black; /* rgba(5, 59, 108, 1); */
}

    .cite-abstract h4 {
        display: inline-block;
        padding: 4px 6px 0;
        margin: 0 0 4px -6px;
        color: #05396b;
    }

.citations li {
    position: relative;
    padding: 7px 0;
}

ul.unstyled.citations li, ul.unstyled.citations li p {
    line-height: 18px;
    font-size: 16px;
}

section.latest ul.unstyled.citations li {
    margin: 0 0 15px;
}

    section.latest ul.unstyled.citations li > a {
        margin: 0 0 0 25px;
    }

.citations li > a {
    display: block;
    position: relative;
}

.citations li:hover {
    background-color: #96e7ff;
}

.citations li > a:hover {
    text-decoration: none;
}

.citations li span {
    color: #05396b;
    font-weight: 400;
}

.cite-abstract h4, .citations li.citation-highlighted span {
    background-color: rgba(181, 238, 255, 0.7); /* rgba(255, 240, 170, 0.84); */
}

.citations strong {
    font-weight: 400;
}

    .citations em, .citations strong em, .citations em strong {
        font-style: italic;
        font-weight: 600;
    }

.citations li > em {
    display: block;
    font-style: normal;
    position: absolute;
    font-weight: 400;
    font-size: 14px;
    background-color: #05396b;
    border-radius: 4px;
    color: white;
    line-height: 1;
    text-align: center;
    padding: 3px 3px 0;
    top: -1px;
    left: -6px;
    min-width: 14px;
    z-index: 17;
    transform-origin: 24px 17px;
}

    .citations li > em:after {
        display: block;
        position: absolute;
        box-sizing: border-box;
        width: 7px;
        height: 7px;
        border-left: 7px solid transparent;
        border-top: 7px solid #05396b;
        content: '\a0';
        bottom: -5px;
        right: 2px;
        z-index: 18;
    }

.citations li:before {
    display: block;
    float: left;
    content: '\a0';
    box-sizing: border-box;
    width: 14px;
    height: 18px;
    padding: 0;
    margin: 1px 7px 7px 4px;
    background-color: rgba(0,158,208,0.3);
    position: relative;
    overflow: hidden;
    border-left: 3px double rgba(0,0,0,0.1);
    z-index: 15;
}

em.cite-count.cite-range-0 {
    display: none;
}

em.cite-count.cite-range-5 {
    transform: scale(0.8);
}

em.cite-count.cite-range-10 {
    transform: scale(0.85);
}

em.cite-count.cite-range-15 {
    transform: scale(0.9);
}

em.cite-count.cite-range-20 {
    transform: scale(0.95);
}

.citations li:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border-left: 6px solid white;
    border-top: 6px solid rgba(227,227,227,0.5);
    content: '\a0';
    top: 8px;
    left: 12px;
    box-shadow: -1px 1px 4px rgba(0,0,0,0.15);
    z-index: 16;
}

.x-embed-app > iframe {
    width: 100%;
    height: 1200px;
}
/* Flexible two column structure */

#fx .x-slider .x-gallery-view {
    padding-bottom: 520px;
}

#fx .x-gallery-view > div > div > div {
    background-position-y: 40%;
}

#fx .x-slider .x-gallery-caption p {
    font-family: "DIN Next", Helvetica, Arial, sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-size: 30px;
    color: white;
}

#fx .x-slider:before {
    position: absolute;
    content: '\a0';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 55;
    background-color: rgba(0,0,0,0.2);
}

#fx .x-slider .x-gallery-caption {
    top: 122px;
}

#fx section > h3 {
    text-transform: uppercase;
    font-size: 40px;
}

.fx-wrap section:not(:first-child) {
    margin-top: 50px;
}

.fx-left .cta-backup {
    display: table;
    float: none;
    margin: 15px 0;
    min-width: 160px;
}

#fx .x-slider .x-gallery-caption h2, #fx .x-slider .x-gallery-caption h3 {
    color: white;
}

.fx-wrap {
    padding: 15px 0;
}

.fx-left, .fx-right {
    padding: 0 15px;
}

    .fx-left > :first-child, .fx-right > :first-child {
        margin-top: 30px !important;
    }

.fx-left {
    width: 66.6666%;
    float: left;
}

.fx-right {
    width: 33.3333%;
    float: right;
}

    .fx-right .cta-backup {
        display: block;
        float: none;
        width: auto;
    }

@media (max-width:768px) {
    .fx-wrap .row {
        display: flex;
        flex-wrap: wrap;
    }

    .fx-left, .fx-right {
        width: 100% !important;
        flex: none;
        float: none;
    }

    .fx-left {
        order: 1;
    }

    .fx-right.fx-top {
        order: 0;
    }

    .fx-right {
        order: 2;
    }

    #fx .x-slider .x-gallery-view {
        padding-bottom: 500px;
    }

    #fx .x-slider .x-gallery-caption p {
        font-size: 20px;
    }

    #fx .x-slider .x-gallery-caption h2, #fx .x-slider .x-gallery-caption h3 {
        font-size: 56px;
    }

    #fx .x-slider .cta-backup, #fx .x-slider .learn-more {
        padding: 1em 0;
    }

    .fx-left .cta-backup {
        display: block;
        width: auto;
    }
}
/* Grid tiles */

.grid-tiles {
    display: grid;
    align-items: top;
    grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));
    grid-auto-rows: 235px;
    grid-gap: 30px;
    grid-auto-flow: dense;
    margin-top: 30px;
    margin-bottom: 30px;
}

#hdr + #page-tiles {
    margin-top: 106px;
}

.row > div > .grid-tiles:first-of-type {
    margin-top: 0;
}

.gt, .gt-group {
    overflow: hidden;
    grid-column: span 1;
    grid-row: span 1;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.25;
    background-size: 0.5px 0.5px;
    background-position: center center;
    margin: 0 !important;
}

    .gt-spt .spt-head > h3, .gt h3 {
        font-family: "DIN Next", Helvetica, Arial, sans-serif;
        line-height: 1.1;
        margin: 0 0 0.5em !important;
        font-size: 23px !important;
        font-weight: 600;
        color: inherit;
    }

    .gt-spt .spt-desc > p, .gt p {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.25 !important;
        margin: 0 0 0.75em;
    }

.gt-link {
    display: block;
    font-size: 17px;
}

.gt-external .gt-link:after {
    font-family: FontAwesome;
    content: '\a0\f08e';
    font-size: 0.8em;
    opacity: 0.5;
    position: relative;
    left: 2px;
    top: 1px;
}

.gt-image, .gt-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.gt-image {
    height: 205px;
    bottom: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

.gt-content {
    z-index: 0;
    bottom: 0;
    padding: 60px 30px 30px;
}

.gt-image + .gt-content {
    padding-top: 235px;
}
/* Sizing */

.grid-tiles > .gt-height-1 {
    grid-row: span 1;
}

.grid-tiles > .gt-height-2 {
    grid-row: span 2;
}

.grid-tiles > .gt-height-3 {
    grid-row: span 3;
}

@media (min-width:375px) {
    .gt-spt .spt-head > h3, .gt h3 {
        font-size: calc(1.86666vw + 16px);
    }

    .gt-spt .spt-desc > p, .gt p {
        font-size: calc(1.6vw + 10px)
    }
}

@media (min-width:750px) {
    .gt-spt .spt-head > h3, .gt h3 {
        font-size: 23px;
    }

    .gt-spt .spt-desc > p, .gt p {
        font-size: 16px;
    }

    .gt.gt-width-2 h3, .gt.gt-width-3 h3 {
        font-size: 30px;
    }

    .gt.gt-width-2 p, .gt.gt-width-3 p {
        font-size: 22px;
    }

    .gt.gt-width-2 .gt-link, .gt.gt-width-3 .gt-link {
        font-size: 23px;
    }

    .gt.gt-width-2 > .gt-content, .gt.gt-width-3 > .gt-content {
        padding-top: 265px;
    }

    .gt.gt-width-2 > .gt-image, .gt.gt-width-3 > .gt-image {
        height: 235px;
        background-position-y: 20%
    }

    .grid-tiles > .gt-width-2, .grid-tiles > .gt-width-3 {
        grid-column: span 2;
    }
}

@media (min-width:1200px) {
    .grid-tiles > .gt-width-3 {
        grid-column: span 3;
    }
}
/* Minimal Header + Optional for Layout Main (checkbox)+ Always applied to Layout Minimal+ Permanently hides upper-right global quick nav+ Toggles off main nav menu (user can toggle on)+ Smaller wordmark*/

body.min-hdr:not(.nav-visible) #hdr, body.min-hdr:not(.nav-visible) #hdr > .container {
    background-color: transparent;
}

body.min-hdr #hdr {
    transform: translateY(-37px);
}

body.min-hdr.scrolled #hdr {
    transform: translateY(-124px);
}

body.min-hdr nav.global {
    display: none;
}

body.min-hdr #hdr header a.logo {
    transform: scale(0.64);
}

body.min-hdr .breadcrumbs { /* Should this only be for .minimal ? */
    margin-top: 90px;
}
/* Minimal Layout + No header or footer by default+ Optionally can use Minimal Header and Minimal Footer+ Minimal Header has header-spacer but no nav-spacer+ Minimal Header search field is shown when user clicks button*/

body.minimal #hdr {
    border-bottom: 0;
}

body.minimal .structure-left-rail {
    padding-top: 88px;
}

body.minimal.min-hdr #hdr header a.logo {
    transform: scale(0.5) translateY(-19px) !important;
}

body.minimal.min-hdr .btn-toggle.toggle-nav {
    border-color: transparent;
}
/* Toggleable search field */

body.minimal.min-hdr #site-search {
    width: 49px;
    border-color: transparent;
    left: auto;
}

    body.minimal.min-hdr #site-search input {
        opacity: 0;
    }

    body.minimal.min-hdr #site-search > span {
        z-index: 10;
        margin-right: 48px;
    }

    body.minimal.min-hdr #site-search > button {
        z-index: 9;
    }

body.minimal.min-hdr .search-has-focus #site-search {
    width: 127px;
}

    body.minimal.min-hdr .search-has-focus #site-search input {
        opacity: 1;
    }

    body.minimal.min-hdr .search-has-focus #site-search > span {
        z-index: 9;
        display: block;
    }

    body.minimal.min-hdr .search-has-focus #site-search > button {
        z-index: 10;
    }

body.minimal.min-hdr span.tt-dropdown-menu {
    width: 320px !important;
    margin-left: -127px !important;
    left: 0 !important;
    right: auto !important;
}

body.minimal {
    min-height: 100vh;
    padding-bottom: 140px;
    box-sizing: border-box;
}

@media(max-width:768px) {
    body.minimal {
        padding-bottom: 270px;
    }
}

body.minimal div.wrap.black:last-of-type {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/* Light Header+ Light color for wordmark, search, and nav toggle button+ Uses single tone wordmark*/

body.dark #hdr {
    border-bottom: 0;
}

body.dark:not(.nav-visible) #hdr header a.logo {
    background-image: url(https://www.jax.org/_res/img/logo-blue.png);
}

body.dark:not(.nav-visible) .btn-toggle {
    border: 1px solid #009ed0;
}

    body.dark:not(.nav-visible) .btn-toggle, body.dark:not(.nav-visible) .btn-toggle:hover {
        color: #009ed0;
    }

body.dark:not(.nav-visible) #site-search {
    border-color: #009ed0;
}

    body.dark:not(.nav-visible) #site-search ul li.active a {
        background-color: #009ed0;
    }

    body.dark:not(.nav-visible) #site-search button.fa-search {
        color: #009ed0;
        background-color: transparent;
    }

body.dark .crown h1 {
    color: white !important; /* white-space:nowrap !important; */
}

body.dark #two-plus-one-right { /* Ensures sidebar content appears on white background */ /* padding-top:81px; */
}

body.dark:not(.nav-visible) #site-search input {
    background-color: rgba(0, 25, 65, 0.5);
    color: #04c3ff;
}

@media (min-width:480px) {
    body.dark:not(.nav-visible) #site-search input::placeholder {
        color: #0065a3;
    }

    body.dark:not(.nav-visible) #site-search input::-webkit-input-placeholder {
        color: #0065a3;
    }

    body.dark:not(.nav-visible) #site-search input:-moz-placeholder {
        color: #0065a3;
    }

    body.dark:not(.nav-visible) #site-search input::-moz-placeholder {
        color: #0065a3;
    }

    body.dark:not(.nav-visible) #site-search input:-ms-input-placeholder {
        color: #0065a3;
    }
}
/* Header with white text */

body.dim #hdr header a.logo {
    background-image: url(https://www.jax.org/_res/img/logo-white-shadow.png);
}

body.dim #site-search {
    border-color: white;
}

    body.dim #site-search input {
        background-color: rgba(0,0,0,0.125);
    }

body.dim .btn-toggle, body.dim .btn-toggle-hover {
    color: white;
    border-color: white;
}

body.dim #site-search button.fa-search {
    color: white;
}
/* Oversize Crown */

.crown.oversize > section {
    padding-top: 80px;
    background-size: cover;
}

    .crown.oversize > section h1 {
        margin-top: 5px;
    }

.oversize-abstract {
    background-color: #eee;
    margin: 0 0 15px;
    padding: 40px 0 30px;
}

    .oversize-abstract .text p {
        font-family: "WhitmanDisplay", "Times New Roman", Times, serif;
        font-weight: normal;
        font-style: italic;
        font-size: 30px;
        line-height: 1.1;
        margin: 0;
        padding: 0;
    }

    .oversize-abstract .col-sm-4 p {
        line-height: 1.1;
    }

    .oversize-abstract .cta-backup {
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }

@media screen and (min-width:992px) {
    .crown.oversize > section h1 {
        font-size: 60px;
    }
}
/* Subsite nav */

body.dark .crown #subsite-nav {
    color: #04c3ff;
    background: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

    body.dark .crown #subsite-nav.has-n-expand {
        background-color: #05396b;
    }

body.min-hdr .crown #subsite-nav {
    margin-top: 88px;
}

body.min-hdr.scrolled .crown #subsite-nav {
    top: 48px;
    transform: translateY(-48px);
}

body.dark.scrolled .crown #subsite-nav {
    background-color: #05396b;
}

body.dark .crown #subsite-nav > nav > a { /* color:white; */
}

body.dark .crown #subsite-nav li.active {
    border-bottom-color: #04c3ff;
}

body.dark .crown #subsite-nav li a {
    color: #04c3ff;
}

@media (max-width:767px) {
    body.min-hdr.scrolled .crown #subsite-nav {
        transform: translateY(-88px);
    }
}
/* Sidebar nav - only apply for viewport > 786px */ /* Below 768px, appearance is .n-bar */

@media(min-width:768px) {
    .n-sidebar { /* position:static; */
        margin: 0;
        padding: 75px 0 50px;
        font-size: 16px;
        line-height: 1.2;
        color: #05396b;
        -webkit-user-select: none;
        transition: transform 200ms ease-in-out;
    }

    .sticky-scrolled #n-sticky.n-sidebar {
        top: 0;
        left: 0;
    }

    .n-sidebar nav {
        position: relative;
        z-index: 888;
    }

    .n-sidebar:after {
        content: '\a0';
        color: transparent;
        height: 0;
        width: 0;
        display: block;
        clear: both;
        float: none;
    }

    .n-sidebar > nav > ul, .n-sidebar ul ul {
        margin: 0.2em 0 0 0.4em;
    }

    .n-sidebar ul {
        margin: 0;
        padding: 0;
    }

        .n-sidebar ul ul {
            display: none;
        }

        .n-sidebar > nav.n-expand > ul, .n-sidebar ul li.n-expand > ul {
            display: block;
        }

    .n-sidebar li {
        float: none;
        position: relative;
        margin: 0;
    }

    .n-sidebar a {
        display: inline-block;
        padding: 0.2em 0.4em 0.1em;
        margin: 0 0 0 1em;
        color: #05396b;
        transition-duration: 0;
        border-radius: 3px;
    }

        .n-sidebar a:hover {
            text-decoration: none;
            background-color: rgba(5, 197, 255, 0.25);
        }

    .n-sidebar > nav > a {
        font-size: 1.2em;
        margin: 0 0 0.5em 0.5em;
    }

    .n-sidebar > nav > a, .n-sidebar li.active > a {
        font-weight: 600;
    }

    .n-sidebar i {
        font-family: FontAwesome;
        position: absolute;
        top: -0.1em;
        left: 0;
        display: block;
        width: 1.16666em;
        height: 1.16666em;
        text-align: center;
        margin: 0;
        padding: 0.08333em 0 0.08333em 0.1em;
        box-sizing: border-box;
        font-weight: 100;
        line-height: 1;
        cursor: pointer;
        font-size: 1.2em;
        border-radius: 50%;
        opacity: 0.5;
    }

        .n-sidebar i:hover {
            opacity: 1;
            background-color: rgba(5, 197, 255, 0.25);
        }

    .n-sidebar > nav > i {
        top: 0.125em;
        font-size: 1.44em;
        display: none;
    }

    .n-sidebar i:before {
        content: '\f105';
    }

    .n-sidebar li.n-parent.n-expand {
        margin-top: 4px;
        margin-bottom: 12px;
    }

    .n-sidebar > nav.n-expand > i, .n-sidebar li.n-expand > i {
        padding-left: 0.05em;
        opacity: 1;
    }

        .n-sidebar > nav.n-expand > i:before, .n-sidebar li.n-expand > i:before {
            content: '\f107';
        }
}