/*! Distribution 35 */

.grid {
    margin-bottom: 0 !important
}
.helium-modal .modal {
    max-width: 850px
}
.ar-topnavWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    background: #000;
    /*height:110px;*/

    text-align: center;
    padding: 0
}
@media (max-width: 30em) {
    body {
        font-size: 0.95em
    }
    .ar-topnavWrap {
        height: 4.5em;
        /*border-bottom: 50px solid #666666;*/
    }
}
@media (min-width: 58em) {
    .ar-topnavWrap {
        height: 3.5em;
        /* border-bottom: 50px solid #666666;*/
    }
}
.ar-topnavWrap nav#top {
    /*max-width:63em;*/

    max-width: 1380px;
    margin: auto;
    position: relative;
    height: 100%;
    max-height: 5em;
    text-align: center;
    /*padding-left:0.5em;
	padding-right:0.5em*/
}
@media (min-width: 30em) {
    .ar-topnavWrap nav#top {
        padding-left: 1.5em;
        padding-right: 1.5em
    }
}
@media (min-width: 1440px) {
    .ar-topnavWrap nav#top {
        padding-left: 0;
        padding-right: 0
    }
}
.ar-topnavWrap nav#top .titleContainer {
    padding-top: 12px;
}
@media (min-width: 58em) {
    .ar-topnavWrap nav#top {
        text-align: left
    }
    .ar-topnavWrap nav#top .titleContainer {
        padding-top: 15px;
    }
}
.ar-topnavWrap nav#top .titleContainer .ar-logo {
    position: relative;
}
@media (min-width: 30em) {
    .ar-topnavWrap nav#top .titleContainer .ar-logo {
        width: 100%;
        display: inline-block;
        /*border-right:1px solid white;
padding-right:15px;*/

        border: none
    }
}
@media (min-width: 62em) {
    .ar-topnavWrap nav#top .titleContainer .ar-logo {
        width: 105%
    }
}
.ar-topnavWrap nav#top .titleContainer .ar-logo a {
    display: inline-block;
    width: 100%;
}
/*.ar-topnavWrap nav#top .titleContainer .ar-logo a img {*/

.ar-topnavWrap nav#top .titleContainer .ar-logo img {
    width: 100%;
    max-width: 650px;
}
@media (min-width: 56em) and (max-width: 61.9999em) {
    .ar-topnavWrap nav#top .titleContainer .ar-logo img {
        margin-top: -10px;
        padding-bottom: 10px;
    }
}
.ar-topnavWrap nav#top
    /*.titleContainer*/

.ar-title {
    display: inline-block;
    color: white;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: .9em;
    /*text-transform:uppercase*/
}
.ar-topnavWrap nav#top
    /*.titleContainer*/

.ar-title .year {
    color: #c23407;
    color: #c23407;
}
@media (min-width: 30em) {
    .ar-topnavWrap nav#top
        /*.titleContainer*/

    .ar-title {
        font-size: .5em;
        margin-left: -0.2vw;
        vertical-align: top;
        position: relative;
        padding-top: 6px
    }
}
@media (min-width: 42em) {
    .ar-topnavWrap nav#top
        /*.titleContainer*/

    .ar-title {
        font-size: 2em
    }
}
.ar-topnavWrap nav#top .ar-topnav {
    display: inline-block;
    margin-top: .5em;
    /* top: -1.8vw;*/
    top: -0.7vw;
    width: 100%;
    border-bottom: 10px solid #000;
    background: #000;
}
@media (min-width: 30em) {
    .ar-topnavWrap nav#top .ar-topnav {
        margin-top: .875em;
        border-bottom: 12px solid #000;
    }
}
@media (min-width: 56em) {
    .ar-topnavWrap nav#top .ar-topnav {
        top: -2.2vw;
    }
}
@media (min-width: 62em) {
    .ar-topnavWrap nav#top .ar-topnav {
        display: block;
        margin-top: 0.333em;
        width: inherit;
        border-bottom: none;
        background: transparent;
        top: 0;
        float: right;
        /*position:absolute;
right:0;
top:9px;
width:50%;
text-align:right*/
    }
    #top > div > .col-md-6 {
        /*padding-right: 0px;*/
    }
}
#top > div > .col-md-6 {
    /*padding-right: 1.75em;
    padding-left: 1.75em;*/

    padding-right: 1.7em;
    padding-left: 1.7em;
}
.ar-topnavWrap nav#top > div > .col-md-6.ar-topnav {
    margin-left: 1.5em;
}
@media (min-width: 24em) {
    #top > div > .col-md-6 {
        /*padding-right: 1.75em;
    padding-left: 1.75em;*/



        padding-right: 2.25em;
        padding-left: 2.25em;
    }
    .ar-topnavWrap nav#top > div > .col-md-6.ar-topnav {
        margin-left: 0.5em;
    }
}
@media (min-width: 30em) {
    #headerBlack {
        height: 100%;
    }
    #top > div > .col-md-6 {
        /*padding-right: 1.75em;
    padding-left: 1.75em;*/

        padding-right: 1.25em;
        padding-left: 3em;
    }
    .ar-topnavWrap nav#top > div > .col-md-6.ar-topnav {
        margin-left: 0em;
    }
}
@media (min-width: 46em) {
    #top > div > .col-md-6 {
        padding-right: 6em;
        padding-left: 6em;
    }
}
.ar-topnavWrap nav#top .ar-topnav > ul {
    text-align: center;
}
@media (min-width: 62em) {
    #top > div > .col-md-6 {
        padding-right: 0.5em;
        padding-left: 1em;
    }
    .ar-topnavWrap nav#top .ar-topnav > ul {
        float: right;
    }
}
.ar-topnavWrap nav#top .ar-topnav ul li {
    display: inline-block;
    padding-right: .5em
}
@media (min-width: 30em) {
    .ar-topnavWrap nav#top .ar-topnav ul li {
        padding-right: 2.5vw
    }
}
.ar-topnavWrap nav#top .ar-topnav ul li.last {
    padding-right: 0
}
@media (min-width: 30em) {
    .ar-topnavWrap nav#top .ar-topnav ul li.last {
        padding-right: .5em
    }
}
@media (min-width: 70em) {
    .ar-topnavWrap nav#top .ar-topnav ul li.last {
        padding-right: 0
    }
}
.ar-topnavWrap nav#top .ar-topnav ul li.mainNav a {
    text-transform: uppercase;
    font-family: "Amplitude", Trebuchet, "arial", arial, sans-serif;
    font-size: .625em;
    color: white;
    padding: 6px 0 1px 0;
    text-decoration: none;
}
@media (min-width: 22em) {
    .ar-topnavWrap nav#top .ar-topnav ul li.mainNav a {
        font-size: .725em
    }
}
@media (min-width: 36em) {
    .ar-topnavWrap nav#top .ar-topnav ul li.mainNav a {
        font-size: .875em
    }
}
.ar-topnavWrap nav#top .ar-topnav ul li.mainNav a:hover {
    border-bottom: 2px solid #c23407;
    text-decoration: none
}
.ar-topnavWrap nav#top .ar-topnav ul li.mainNav a:focus {
    outline: 1px dotted white;
}
.ar-topnavWrap nav#top .ar-topnav ul li.mainNav a[data-active="active"] {
    border-bottom: 2px solid #c23407;
    text-decoration: none;
}
/* CEO MENU */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}
.yamm .dropdown-menu {
    background: #666;
}
.yamm .dropdown-menu .thumbnail {
    background: #666;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    left: auto;
    z-index: 20000;
}
.yamm .yamm-content {
    padding: 1vw;
}
li.dropdown.yamm-fw.open > ul > li > div > div > div > a:hover {
    /*border-bottom:0px solid rgb(0,0,0);
	text-decoration:none*/
}
.yamm .dropdown-menu a.thumbnail,
.yamm .dropdown-menu a.thumbnail:focus,
.yamm .dropdown-menu a.thumbnail:hover {
    border: none;
    background: none;
    text-decoration: none;
    /*margin-bottom: 1.2vw;*/
}
.yamm .dropdown-menu a.thumbnail {
    padding: 0.333vw 1vw 0.333vw 1.5em;
    margin-bottom: 0.5vw;
}
#ar-2015-svg,
#ar-title-svg {
    stroke-width: 1;
}
#ar-logo-svg {
    stroke-width: 1.5;
}
@media (min-width: 36em) {
    .yamm .dropdown-menu a.thumbnail {
        margin-bottom: 1em;
    }
    #ar-2015-svg,
    #ar-title-svg {
        stroke-width: 0.3;
    }
    #ar-logo-svg {
        stroke-width: 0.6;
    }
}
.yamm .dropdown-menu a.thumbnail img {
    border: rgba(241, 130, 47, 0.5) solid 1px;
    margin: 0.5vw 2vw 0.5vw 8vw;
}
.yamm .dropdown-menu a.thumbnail:focus img,
.yamm .dropdown-menu a.thumbnail:hover img {
    border: rgb(241, 130, 47) solid 1px;
}
.yamm .dropdown-menu a.thumbnail.dl {
    margin: 0.5vw 2vw 4vw 8vw;
}
.downloads.yamm .dropdown-menu a.thumbnail.dl {
    margin: 0.5vw 2vw 4vw -3vw;
    width: 80%;
}
.yamm .dropdown-menu img.dl {
    margin: 0vw 2vw 0.5vw 13vw;
    width: 69%;
}
.yamm .dropdown-menu {
    left: 0;
    right: 0;
    border-radius: 0
}
.ar-topnavWrap nav#top .titleContainer.row {
    margin-left: -1.5em;
    margin-right: -1.5em;
}
1vw 0 1vw 1vw .img-thumbnail,
           .thumbnail {
               -webkit-box-shadow: none;
               box-shadow: none;
               padding: 0;
           }
.col-sm-4.ceoLink,
.col-xs-12.ceoLink,
.col-sm-6.ceoLink {
    padding: 1vw 0.5vw 1vw 0.5vw;
}
.yamm ul li .dropdown-menu > li {
    width: 100%;
}
.ceoLink .thumbnail>img {
    height: 15vw;
    padding: 0 1vm;
    float: left;
}
.ceoLink .ceoCopy {
    clear: none;
    padding-top: 0.25vw;
}
.downloads .ceoLink .ceoCopy {
    padding-top: 0;
}
.ceoLink .ceoCopy h3,
.ceoLink .ceoCopy p {
    font-family: "Amplitude", Trebuchet, "arial", arial, sans-serif;
    font-weight: normal;
    text-align: left;
}
.ceoLink .ceoCopy h3 {
    color: #ffffff !important;
    font-size: 1em;
    line-height: 1.1em;
    padding-top: 0;
    padding-bottom: 0;
}
.ceoLink .ceoCopy p.link {
    color: #ffffff !important;
    padding-top: 0.5vw;
    margin-top: 0;
    font-size: 0.85em;
    padding-bottom: 0;
}
.ceoLink .ceoCopy p.name {
    color: #ffffff;
    padding-top: 0;
    margin-top: -2px;
    font-size: 0.85em;
    padding-bottom: 0.75vw;
}
.downloads .ceoLink .ceoCopy p.name {
    font-size: 0.85em;
    padding-bottom: .3vw;
}
.yamm .dropdown-menu a.thumbnail:hover h3,
.yamm .dropdown-menu a.thumbnail:hover p.link {
    color: #efefef !important;
;
}
.yamm .dropdown-menu a.thumbnail:hover p.name {
    color: #eeeeee !important;
;
}
@media (min-width: 38em) {
    .downloads .ceoLink .ceoCopy {
        padding-top: 0;
    }
    .ceoLink .ceoCopy h3 {
        font-size: 1.125em
    }
    .ceoLink .ceoCopy p.link {
        font-size: 0.925em
    }
    .ceoLink .ceoCopy p.name {
        font-size: 0.925em
    }
    .ceoLink .ceoCopy {
        padding-top: 0.5em
    }
    .ceoLink .thumbnail>img {
        height: 12vw;
        padding: 0;
    }
    .yamm .dropdown-menu a.thumbnail img {
        margin: 0.5vw 1vw 0.5vw 16vw;
    }
    .yamm .dropdown-menu a.thumbnail.dl {
        margin: 0.5vw 1vw 0.5vw 16vw;
    }
    .downloads.yamm .dropdown-menu a.thumbnail.dl {
        margin: 0 1vw 1vw -7vw;
    }
    .ceoLink .ceoCopy p.link {
        padding-top:0;
    }
    .yamm .dropdown-menu img.dl {
        margin: 0vw 2vw 0.5vw 20vw;
        width: 50%;
    }
}
@media (min-width: 48em) {
    .ceoLink .ceoCopy {
        padding-top: 2vw;
    }
    .ceoLink .thumbnail>img {
        height: 10vw;
        padding: 0;
    }
    .yamm .dropdown-menu a.thumbnail img {
        margin: 2vw 1vw 2vw 2vw;
        max-width: 10em;
        max-height: 10em;
    }
    .yamm .dropdown-menu a.thumbnail.dl {
        margin: 2vw 1vw 2vw 2vw;
    }
    .downloads.yamm .dropdown-menu a.thumbnail.dl {
        margin: 2vw 0vw 2vw 0vw;
    }
    .yamm .dropdown-menu img.dl {
        margin: 2.25vw 2vw 0.5vw 4vw;
        width: 80%;
    }
}
@media (min-width: 62em) {
    .yamm .dropdown-menu a.thumbnail img {
        margin: 2em 1em 2em 2em;
    }
    .yamm .dropdown-menu a.thumbnail.dl {
        margin: 0em 1em 2em 2em;
    }
    .yamm .dropdown-menu img.dl {
        margin: 3vw 2vw 0.5vw 5vw;
        width: 80%;
    }
    .downloads.yamm .dropdown-menu img.dl {
        margin: 0 2vw 0.5vw 5vw;
        width: 80%;
    }
    .downloads.yamm .dropdown-menu a.thumbnail.dl {
        margin: 0 0 2vw 0;
    }
}
#top > div > div.yamm.col-md-12 {
    margin: 0;
    padding: 0;
}
#top > div > div.yamm.col-md-12 .dropdown-menu {
    display: block !important;
    padding: 0;
    margin: 0;
}
.ceoHeading {
    margin: 2.5em 10vw 0.5em 10vw;
    padding: 0;
    border-bottom: #ccc solid 1px;
    position: relative;
}
@media (min-width: 30em) {
    .ceoHeading {
        margin: 2em 10vw 1em 10vw;
    ;
    }
}
@media (min-width: 38em) {
    .ceoHeading {
        margin: 1.5em 18vw 1em 18vw;
    }
}
@media (min-width: 48em) {
    .ceoHeading {

        margin: 2vw 3vw 0 3vw;
    }
}
@media (min-width: 62em) {
    .ceoHeading {
        margin: 3em 2em 0 3em;
    }
}
.ceoHeading h2,
.ceoHeading a  {
    font-family: "Amplitude", Trebuchet, "arial", arial, sans-serif;
    font-weight: normal;
    text-align: left;
    color: #ffffff;
    font-size: 1.25em;
    padding-bottom: 0.2em;
}
@media (min-width: 30em) {
    .ceoHeading h2 {
        font-size: 1.75em;
    }
}
.downloads .ceoLink .ceoCopy p.link {
    padding-top: 0em
}
/*SIDE NAV STYLES*/

.nav-container ul li a {
    font-family: "AmplitudeMedium", Trebuchet, "arial", arial, sans-serif;
    font-size: 0.8em;
    /*font-weight: bold;*/

    text-decoration: none;
    /*border-right: 6px solid #ffffff;*/

    transition: all 0.3s ease;
    margin: 0 0 0 -0.1em;
    /*text-rendering: optimizeLegibility;*/
}
.nav-container ul li a:hover {
    /*color: #16a085;*/
}
.nav-container ul li a.active {
    /*border-right: 6px solid rgb(232,129,13);*/
}
.touch .print {
    display: none !important
}
.ar-sub-span {
    display: inline-block;
    color: #333;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    font-weight: normal;
    border-right: 1px solid #FFF;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 12px;
    font-size: 1.5em
}
.ar-submenu {
    display: block;
    position: relative;
    text-transform: uppercase;
    clear: both;
    width: 100%;
    z-index: 800;
    background-color: #ccc
}
.ar-submenu.fixed {
    position: fixed;
    top: 110px;
    z-index: 200
}
@media (min-width: 30em) {
    .ar-submenu.fixed {
        top: 80px
    }
}
@media (min-width: 58em) {
    .ar-submenu.fixed {
        top: 56px
    }
}
.ar-submenu .ar-menu-wrap {
    max-width: 68em;
    margin: auto;
    line-height: 1.8em
}
@media (min-width: 58em) {
    .ar-submenu .ar-menu-wrap {
        line-height: initial
    }
}
.ar-submenu .ar-menu-wrap .ar-toggle-nav {
    display: block;
    width: 100%;
    height: 35px
}
@media (min-width: 58em) {
    .ar-submenu .ar-menu-wrap .ar-toggle-nav {
        display: none
    }
}
.ar-submenu .ar-menu-wrap .ar-toggle-nav.active {
    background-color: #aeaeae;
    margin-bottom: .5em
}
.ar-submenu .ar-menu-wrap .ar-toggle-nav.active a i {
    display: inline-block;
    float: right;
    padding: 3px
}
.ar-submenu .ar-menu-wrap .ar-toggle-nav a {
    display: block;
    position: relative;
    top: 3px;
    left: 10px;
    font-size: .55em;
    width: 95%;
    color: #333 !important
}
.ar-submenu .ar-menu-wrap .ar-toggle-nav a:hover,
.ar-submenu .ar-menu-wrap .ar-toggle-nav a:active {
    text-decoration: none;
    color: #000
}
.ar-submenu .ar-menu-wrap .ar-toggle-nav a i {
    display: none;
    font-size: 1.4em
}
.ar-submenu .ar-menu-wrap .ar-toggle-nav span.ar-sub-span {
    display: none
}
.ar-submenu .ar-menu-wrap ul {
    display: none;
    font-size: .625em;
    text-align: center;
    font-weight: bold;
    vertical-align: middle
}
@media (min-width: 58em) {
    .ar-submenu .ar-menu-wrap ul {
        display: block
    }
}
.ar-submenu .ar-menu-wrap ul:after {
    width: 0;
    height: 0;
    position: absolute;
    top: 0%;
    left: 22px;
    content: ''
}
.ar-submenu .ar-menu-wrap ul li {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 1em
}
@media (min-width: 42em) {
    .ar-submenu .ar-menu-wrap ul li {
        display: inline-block;
        width: 49%;
        height: 44px
    }
}
@media (min-width: 58em) {
    .ar-submenu .ar-menu-wrap ul li {
        width: 16%
    }
}
.ar-submenu .ar-menu-wrap ul li:hover,
.ar-submenu .ar-menu-wrap ul li[data-active="active"] {
    background-color: #ececeb
}
.ar-submenu .ar-menu-wrap ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    vertical-align: middle;
    padding: 10px 6px !important;
    -moz-transition: background-color, 0.4s, linear, 0;
    -o-transition: background-color, 0.4s, linear, 0;
    -webkit-transition: background-color, 0.4s, linear, 0;
    transition: background-color, 0.4s, linear, 0
}
.ar-submenu .ar-menu-wrap ul li a:hover,
.ar-submenu .ar-menu-wrap ul li a:active {
    color: #000
}
.ar-submenu .ar-menu-wrap ul li a:active {
    text-decoration: none
}
h1 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif !important;
    padding-top: 10px;
    line-height: 1.2em
}
h1.ar-foundation-text {
    padding-top: 0;
    letter-spacing: 3px;
    font-size: 1.25em !important
}
h3 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #000 !important
}
@media (min-width: 30em) {
    h3 {
        text-align: start
    }
}
p {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .85em;
    line-height: 1.5em
}
span.italics-style {
    font-style: italic
}
span.bold-style {
    font-weight: bold
}
span.underline-style {
    text-decoration: underline
}
span.ar-sub-span {
    padding-left: 25px;
    top: 4px;
    position: relative;
    font-size: 1.3em;
    font-family: platno;
    text-transform: uppercase
}
@media (min-width: 58em) {
    span.ar-sub-span {
        display: none
    }
}
span.ar-reserved {
    position: relative;
    top: -3px;
    font-size: .9em
}
.mainbody.ar-top {
    /*margin-top:110px*/
}
@media (min-width: 30em) {
    .mainbody.ar-top {
        /*margin-top:80px*/
    }
}
@media (min-width: 48em) {
    .mainbody.ar-top {
        /*margin-top:46px*/
    }
}
.mainbody.ar-body {
    position: relative
}
.mainbody.bg-white {
    padding-bottom: 0
}
.mainbody .main-content {
    width: 100%;
    padding: 0;
    margin: 0
}
.mainbody .main-content .full-copyarea {
    padding: 0;
    margin-bottom: 0;
    z-index: 199;
}
@media (min-width: 58em) {
    .mainbody .main-content .full-copyarea {
        padding: 2em 0 0 12em;
    }
}
.mainbody .main-content .full-copyarea p {
    line-height: 2.1em;
    font-size: 1em
}
.mainbody .main-content .full-copyarea p.lead-in {
    font-size: 1.5em;
    line-height: 1.7em;
    margin-bottom: 0 3em;
    font-family: "CelesteOT-Ita", "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    background-color: #0F2D51;
    color: #fff;
    padding: 1em
}
@media (min-width: 769px) {
    .mainbody .main-content .full-copyarea p.lead-in {
        font-size: 2em
    }
}
.mainbody .main-content .full-copyarea h2 {
    line-height: 1.2em;
    margin: 0;
}
.mainbody .main-content .full-copyarea h3 {
    font-weight: normal;
    line-height: 1.3em
}
.mainbody .main-content .full-copyarea ul {
    list-style-type: disc;
    padding: 1em .5em 1em 1.5em;
    margin-bottom: 1em
}
@media (min-width: 30em) {
    .mainbody .main-content .full-copyarea ul {
        padding: 1em 4em
    }
}
/*.mainbody .main-content .full-copyarea ul li {*/
.mainbody .main-content .full-copyarea li {
    margin-bottom: 1.6em !important;
    line-height: 1.6em
}
.mainbody .main-content .full-copyarea section {
    padding: 1em 1em 1em 1em;
}
@media (min-width: 30em) {
    .mainbody .main-content .full-copyarea section {
        padding: 1em 3em 3em 3em
    }
}
.mainbody .main-content .full-copyarea section h2 {
    padding: 0;
    background-color: #fff;
    /*margin: 0px 0px 8px 0px;*/

    margin: 70px 0px 22px 0px;
}
.mainbody .main-content .full-copyarea section.cream-box {
    background-color: #f1edea;
    padding-top: 1.5em
}
.mainbody .main-content .full-copyarea section.cream-box h3 {
    font-weight: normal;
    padding: 0 1.5em 1.5em 1.5em;
    line-height: 1.4em
}
.mainbody .main-content .full-copyarea section.cream-box.last {
    margin-bottom: 3em
}
.mainbody .main-content .full-copyarea section.cream-box .ar-list {
    background-color: #f1edea;
    margin-bottom: 2em
}
.mainbody .main-content .full-copyarea section.cream-box .ar-list ul li {
    margin-bottom: 1.5em !important
}
.mainbody .main-content .full-copyarea section.cream-box figure img {
    background-color: white;
    padding: 1em
}
.mainbody .main-content .full-copyarea section.download {
    padding: 1em
}
@media (min-width: 42em) {
    .mainbody .main-content .full-copyarea section.download {
        padding: 1em 3em 3em 3em
    }
}
.mainbody .main-content .full-copyarea section.download h2 {
    padding-top: 0
}
.mainbody .main-content .full-copyarea section .ar-cover {
    width: 30%;
    display: none;
    vertical-align: top;
    padding-top: 2em;
    padding-left: 1.5em
}
.mainbody .main-content .full-copyarea section .ar-cover img {
    width: 100%
}
@media (min-width: 30em) {
    .mainbody .main-content .full-copyarea section .ar-cover {
        display: inline-block
    }
}
.mainbody .main-content .full-copyarea section .downloads-copy {
    width: 100%;
    display: inline-block;
    vertical-align: top
}
@media (min-width: 30em) {
    .mainbody .main-content .full-copyarea section .downloads-copy {
        width: 68%
    }
}
.mainbody .main-content .full-copyarea section .downloads-copy h3.arTitle {
    padding-left: .5em;
    text-align: left
}
@media (min-width: 30em) {
    .mainbody .main-content .full-copyarea section .downloads-copy h3.arTitle {
        padding-left: 2em
    }
}
.mainbody .main-content .full-copyarea section .downloads-copy ul {
    margin-left: 1.5em
}
.mainbody .main-content .full-copyarea section .sig img {
    padding: 3em 0 1em 0
}
.mainbody .main-content .full-copyarea section .sig p {
    line-height: 1.3em
}
.mainbody .main-content .full-copyarea .col3-gridlayout {
    padding-left: 2em;
    padding-right: 2em
}
.mainbody .main-content .full-copyarea .item h3 {
    text-align: left !important;
    font-size: 1.4em;
    padding-top: 12px;
    padding-bottom: .75em
}
.mainbody .main-content .full-copyarea .item .cell p {
    line-height: 1.4em;
    padding-top: 1em;
    padding-bottom: 2em
}
.mainbody .main-content .full-copyarea .item .cell a i {
    margin-left: .5em
}
.mainbody .main-content .full-copyarea .page-nav {
    text-align: center;
    padding: 2em 0
}
.mainbody .main-content .full-copyarea .page-nav a {
    padding: .75em 1em;
    margin: 0 .5em;
    background-color: #565656;
    color: white;
    -moz-transition: background-color, 0.4s, linear, 0;
    -o-transition: background-color, 0.4s, linear, 0;
    -webkit-transition: background-color, 0.4s, linear, 0;
    transition: background-color, 0.4s, linear, 0
}
.mainbody .main-content .full-copyarea .page-nav a:hover {
    background-color: #333
}
.mainbody .main-content .full-copyarea .page-nav a.next i {
    margin-left: .5em
}
.mainbody .main-content .full-copyarea .page-nav a.prev i {
    margin-right: .5em
}
.mainbody .main-content.ab-layout .full-copyarea {
    padding: 0
}
.grid {
    margin-bottom: 5em
}
.ar-hero {
    width: 100%;
    position: relative;
    overflow: hidden;
    /*min-height: 280px*/
}
@media (min-width: 48em) {
    .ar-hero {
        min-height: 175px
    }
}
.ar-hero.half {
    min-height: 145px
}
@media (min-width: 42em) {
    .ar-hero.half {
        min-height: 300px
    }
}
.ar-hero.half img {
    width: 100%;
    margin: 0
}
@media (min-width: 30em) {
    .ar-hero.half img {
        margin: -3% 0
    }
}
@media (min-width: 58em) {
    .ar-hero.half img {
        margin: -19% 0
    }
}
.ar-hero.half img.hero-bg {
    position: absolute;
    top: 0;
    left: 0
}
@media (min-width: 58em) {
    .ar-hero.half img.hero-bg {
        top: 45px
    }
}
.ar-hero img {
    width: 180%;
    max-width: 200%;
    margin-right: -3em;
}
/*.findHeight{
   max-height: 14em;
}*/
@media (min-width: 30em) {
    .ar-hero img {
        width: 150%;
        margin-right: -3.5em;
    }
    /*.findHeight{
	   max-height: 25em;
	}*/
}

@media (min-width: 42em) {
    .ar-hero img {
        width: 100%;
        margin-right: 0;
    }
}
@media (min-width: 70em) {
    .ar-hero img {
        width: 100%
    }
}
.ar-hero {
    max-width: 1400px;
    margin: 0 auto -90px auto;
    z-index: 10;
    max-height: 39em;
    /* max-height: 35.5em;*/
}
.ar-hero img.hero-bg {
    position: relative;
    top: 0;
    float: right
}
.ar-hero .ar-hero-text,
.ar-hero-amp {
    color: #fff;
    width: 100%;
    position: relative;
    top: 14%;
    left: 4%;
    float: left;
    text-align: left;
}
.ar-hero-amp {
    width: 120%;
    position: absolute;
    top: 3vw;
    left: 5vw;
    z-index: 9;
}
@media (min-width: 48em) {
    .ar-hero-amp {
        width: 90%;
    }
}
@media (min-width: 58em) {
    .ar-hero-amp {
        width: 70%;
    }
}
.ar-hero .ar-hero-text:after {
    content: "";
    display: table;
    clear: both
}
@media (min-width: 48em) {
    .ar-hero .ar-hero-text {
        top: 4vw;
        width: 100%
    }
}
@media (min-width: 58em) {
    .ar-hero .ar-hero-text {
        left: 2%
    }
}
@media (min-width: 58em) {
    .ar-hero .ar-hero-text {
        left: 4%
    }
}
@media (min-width: 80em) {
    .ar-hero .ar-hero-text {
        left: 10%
    }
}
.ar-hero .ar-hero-text h1 {
    padding-top: 0;
    letter-spacing: 3px;
    font-size: 1.25em;
    text-transform: uppercase
}
@media (min-width: 58em) {
    .ar-hero .ar-hero-text h1 {
        font-size: 2em
    }
}
@media (min-width: 80em) {
    .ar-hero .ar-hero-text.ar-foundation-text {
        color: white;
        width: 41% !important
    }
}
.ar-hero .ar-hero-text.dark-text {
    color: #333
}
.ar-hero .ar-hero-text p {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    padding-top: 10px;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 75%
}
@media (min-width: 58em) {
    .ar-hero .ar-hero-text p {
        font-size: 1em
    }
}
.ar-hero .ar-hero-text p.ar-italics {
    font-style: italic
}
.ar-hero .ar-overlay {
    display: none
}
/*@media (min-width: 48em) {*/

.ar-hero .ar-overlay {
    display: block;
    width: 60%;
    position: absolute;
    /* left: 2em;
   background-color: rgba(86, 86, 86, 0.9);*/

    text-align: center;
    height: 100%;
    /*padding: 2em 2em 5em 2em;*/

    top: 0;
}
/*}*/

@media (min-width: 48em) {
    .ar-hero .ar-overlay {
        width: 50%;
        /* left: 2em;*/

        padding: 2em 2em 5em 2em;
        /*top: 0;*/
    }
}
@media (min-width: 58em) {
    .ar-hero .ar-overlay {
        padding-left: 4em;
        padding-right: 4em
    }
}
.ar-hero .ar-overlay img {
    width: 70%
}
@media (min-width: 58em) {
    .ar-hero .ar-overlay img {
        width: 100%
    }
}
.ar-hero .ar-overlay ul {
    line-height: 2.25em;
    font-size: .625em;
    padding-top: 11px;
    color: #fff
}
@media (min-width: 58em) {
    .ar-hero .ar-overlay ul {
        font-size: .9em;
        line-height: 1.75em
    }
}
@media (min-width: 70em) {
    .ar-hero .ar-overlay ul {
        line-height: 2.25em
    }
}
.ar-ceo {
    width: 100%;
    margin-bottom: 1em
}
@media (min-width: 30em) {
    .ar-ceo {
        width: 30%;
        float: right;
        padding: 10px;
        margin-bottom: 0
    }
}
@media (min-width: 58em) {
    .ar-ceo {
        width: 35%;
        margin-left: 1em
    }
}
.ar-chart {
    background-color: #F1EDEA;
    width: 60%;
    height: 250px;
    margin-bottom: 2em
}
.ar-footer {
    padding: 2em 2em 3em 2em;
    position: relative;
    bottom: 0em;
    margin-bottom: 1em;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background-color: #e4e4e4
}
@media (min-width: 42em) {
    .ar-footer {
        padding-bottom: 6em
    }
}
@media (min-width: 70em) {
    .ar-footer {
        padding-bottom: 3em
    }
}
.ar-footer ul {
    font-size: .85em;
    margin-bottom: 1.5em
}
@media (min-width: 30em) {
    .ar-footer ul {
        text-align: center
    }
}
.ar-footer ul li {
    display: block;
    padding-top: 10px;
    padding-right: 0;
    text-align: center;
    margin-bottom: 1em;
    font-size: .9em
}
.ar-footer ul li.ar-sub-span {
    display: block;
    margin-right: 0;
    margin-bottom: .6em;
    padding-right: 0;
    border-right: 0px solid #565656;
    border-bottom: 1px solid #565656;
    padding-bottom: 1em;
    font-size: 1.5em
}
@media (min-width: 58em) {
    .ar-footer ul li.ar-sub-span {
        display: inline-block;
        margin-right: .6em;
        padding-right: .7em;
        margin-bottom: 0;
        border-right: 1px solid #565656;
        border-bottom: 0px solid #565656;
        padding-bottom: 8px
    }
}
@media (min-width: 30em) {
    .ar-footer ul li {
        display: inline-block;
        padding-right: 1em;
        margin-bottom: 0
    }
}
@media (min-width: 58em) {
    .ar-footer ul li {
        margin-bottom: 12px
    }
}
.ar-footer ul li a {
    text-decoration: none;
    color: black !important
}
.ar-footer ul li a:hover {
    text-decoration: underline;
    color: #565656 !important
}
.ar-block {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #00457b;
    color: #FFF;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.9em;
    text-align: center;
    font-style: italic;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    font-size: 1.2em
}
@media (min-width: 80em) {
    .ar-block {
        width: 36%
    }
}
.intro-section h3 {
    font-weight: normal;
    line-height: 1.4em
}
ol.intro-list {
    list-style-type: upper-roman;
    padding: 2em;
    line-height: 1.5em;
    font-size: 1.1em;
    margin-bottom: 2em
}
ol li {
    vertical-align: top;
    margin-bottom: 1em
}
ol li a {
    font-family: "Amplitude", Trebuchet, "arial", arial, sans-serif;
    color: #06C;
    display: inline
}
ol li a:hover {
    color: #0779BE
}
figure img {
    width: 100%;
    padding: 0;
}
figure.diagram-full {
    width: 100%;
    float: none;
    text-align: center;
    max-width: 730px;
    margin: 2em auto 3em auto
}
figure.diagram-full a {
    display: inline
}
figure.diagram-full img {
    width: 100%
}
.col2-chart {
    *zoom: 1
}
.col2-chart:after {
    content: "";
    display: table;
    clear: both
}
.col2-chart figure img {
    width: 100%
}
.col2-chart figure.diagram {
    width: 100%;
    float: left;
    margin: .5em 1.5em .5em 0em
}
@media (min-width: 30em) {
    .col2-chart figure.diagram {
        width: 47%
    }
}
.col2-chart figure.diagram img {
    width: 100%
}
.blue-box {
    background-color: #0F2D51;
    width: 100%;
    margin: 1.5em 0em;
    padding: 2em 0em;
    color: #fff
}
.blue-box p {
    padding: 0 2em
}
.blue-box ul {
    list-style-type: disc;
    padding: 1em 4em;
    line-height: 2em;
    font-size: 1.1em;
    background-color: #f1edea;
    margin-bottom: 3em
}
.blue-box ul li {
    margin-bottom: 1.5em !important
}
.blue-box h2 {
    padding: 0em 2em 0 1em !important;
    color: #fff !important
}
.blue-box h3 {
    font-weight: normal;
    padding: 0 1.5em 1.5em 1.5em;
    line-height: 1.4em;
    color: #fff
}
.ar-toggle-nav {
    padding-left: 10px;
    float: left;
    display: inline-block;
    font-size: 1.5em;
    background-color: #ccc;
    color: #333 !important
}
@media (min-width: 58em) {
    .ar-toggle-nav {
        display: none
    }
}
.ar-toggle-nav:hover,
.ar-toggle-nav:active {
    text-decoration: none;
    color: #000
}
.jpui-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}
.behindHero {
    position: absolute;
    width: 100%;
    height: 627px;
}
#bodyContainer {
    position: relative;
    max-width: 1400px;
    margin: auto; /* 0 auto -1.1em auto; */
}
#headerBlack {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 110%;
    height: 100%;
    z-index: 1998;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 1400px) {
    #headerBlack {
        margin-left: -1.5em;
        /*margin-right:-1.5em;*/
    }
}
.downloads .name i.fa {
    display: inline;
}
.followMeBar {
    /* background: rgba(255,255,255,0);
  border-top-color: rgba(255,255,255,0);
  border-top-style:solid;*/

    padding: 0;
    position: relative;
    z-index: 1;
    color: #fff;
    /*height:0.5em;*/
}
.followMeBar.hidden {
    display: none;
}
.followMeBar.translateY {
    -ms-transform: translateY(90px);
    /* IE 9 */

    -webkit-transform: translateY(90px);
    /* Chrome, Safari, Opera */

    transform: translateY(90px);
}
.followMeBar {
    padding: 0px;
    margin: 0;
    /* border-top: 50px solid rgba(255,255,255,0);*/

    display: block;
}
.followMeBar .coverUp {
    display: none;
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    height: 50px;
    top: -50px;
    left: 0;
}
/*@media (min-width: 42em) {
.followMeBar .coverUp{
	height:50px;
	top:-50px;
}
}*/

.followMeBar.fixed .coverUp {
    background-color: rgba(255, 255, 255, 1);
}
/*.followMeBar.opacity{
  opacity:0;
}*/

.followMeBar h2 {
    padding: 5px;
    padding-bottom: 0.25em;
    margin: 0;
    /*border-bottom: solid 2px  #2373AE;*/
}
/*
#n1 .followMeBar h2{
  border-top: solid 3px #666666;
}

#n2 .followMeBar h2{
  border-top: solid 3px  #2373AE;
}

#n3 .followMeBar h2{
  border-top: solid 3px #57B0E3;
}

#n4 .followMeBar h2{
  border-top: solid 3px #F18230;
}

#n5 .followMeBar h2{
  border-top: solid 3px #F6AF5B;
}

#n6 .followMeBar h2{
  border-top: solid 3px #566728;
}

#n7 .followMeBar h2{
  border-top: solid 3px #74A243;
}

#n8 .followMeBar h2{
  border-top: solid 3px #5AA7AE;
}
*/

.followMeBar.fixed {
    /*position: fixed;*/

    top: 0px;
    /*width: 100%*/

    box-sizing: border-box;
    z-index: 0;
}
.followMeBar.fixed.absolute {
    position: absolute;
}
.sideNav li .colorStripe {
    background: #2672A8;
}
/*
.sideNav li .colorStripe.s1 {
  background: #666666;
}
.sideNav li .colorStripe.s2 {
  background: #2373AE;
}
.sideNav li .colorStripe.s3 {
  background: #57B0E3;
}
.sideNav li .colorStripe.s4 {
  background: #F18230;
}
.sideNav li .colorStripe.s5 {
  background: #F6AF5B;
}
.sideNav li .colorStripe.s6 {
  background: #566728;
}
.sideNav li .colorStripe.s7 {
  background: #74A243;
}
.sideNav li .colorStripe.s8 {
  background: #5AA7AE;
}
*/

.ar-topnav .navNav {
    float: none;
    margin-right: 0.5em;
}
@media (min-width: 42em) {
    .ar-topnav .navNav {
        float: right;
        padding-top: 0.75em;
    }
}
figure img.belowHero {
    background-color: #fff;
    z-index: 9;
}
figure img.belowHero {
    width: initial;
    position: relative;
    top: 100px;
    left: 35px;
}
#linkToJPMC {
    cursor: pointer;
}
list-unstyled,
.list-unstyled ul {
    min-width: 120px
}
@media ( min-width: 767px) {
    .panel-group {
        width: 400px;
    }
    .thumbnail {
        margin: 0;
    }
}
/* Grid demo styles */

.grid-demo {
    padding: 10px 30px;
}
.grid-demo [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
    text-align: center;
    line-height: 2;
    background-color: #e5e1ea;
    border: 1px solid #d1d1d1;
}
/* MOBILE NAV STYLES */

nav#top .mobileExpand {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 10000;
}
nav#top .mobileExpand a {
    display: inline-block;
    margin-top: 14px;
    margin-left: 12px;
    margin-right: 12px;
    z-index: 10000;
}
nav#top .mobileExpand a span.fa-bars {
    opacity: 1;
}
@media (min-width: 30em) {
    .nav-wrap.mobile-nav nav#top .mobileExpand a span.fa {
        font-size: 1.5em;
    }
}
@media (min-width: 58em) {
    nav#top .mobileExpand {
        display: none;
    }
}
nav#top .mobileExpand a span.fa {
    color: #FFF !important;
    font-size: 1.6em;
    width: 21px;
}
nav#top .mobileExpand.mobile-menu-active span.times {
    display: inline-block;
    opacity: 1;
}
nav#top .mobileExpand a span.times {
    display: none;
    opacity: 0;
    font-size: 2.65em;
    margin-top: -9px;
}
.svgContainer {
    width: 100%;
    text-align: center;
}
.svgContainer img:not(.png) {
    width: 100%;
    max-width: 34em;
}
nav#top .mobileExpand a {
    display: block;
    position: relative
}
nav#top .mobileExpand a div {
    position: absolute;
    top: 1.2em;
    left: 0.1em;
    padding-top: 0.1vw;
    padding-left: 0.1vw;
}
nav#top .mobileExpand a span {
    /* font-size:1vw;*/
}
.grid {
    -webkit-box-shadow: -5px 0px 30px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -5px 0px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -5px 0px 30px 0px rgba(0, 0, 0, 0.4);
}
.ar-footer {
    z-index: 200;
}
#bodyContainer {
    overflow-x: hidden;
    z-index: 199;
}
.mainbody {
    z-index: 199;
    top: -17px;
    margin-bottom: -1.1em;
}
.behindHero {
    background-color: rgba(255, 255, 255, 0);
}
.navHolder {
    max-width: inherit;
    width: 45%;
    z-index: -1;
}
.sideNav {
    z-index: 198;
    background-color: rgba(255, 255, 255, 1);
    position: fixed;
    /* bottom: -60px;*/

    top: 130px;
    width: 17em;
    padding: 12px;
    text-align: left;
    /*-webkit-transition: all 0.5s ease;
	    transition: all 0.5s ease;*/
}
@media (min-width: 30em) {
    nav#top .mobileExpand a div {
        top: -0.25em;
    }
}
@media (min-width: 58em) {
    .grid {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #bodyContainer {
        overflow-x: inherit
    }
    .navHolder {
        max-width: inherit;
        width: 100%;
        z-index: 50000;
    }
    .sideNav {
        z-index: 200;
        /* position: fixed;*/

        bottom: -60px;
        /*width: 100%;*/

        height: 100%;
        width: 22%;
        /*padding: 12px;
		    text-align: left;
		    -webkit-transition: all 0.5s ease;
		    transition: all 0.5s ease;*/
    }
}
.zames .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    /*margin-left: -1.5em;
    float: left;*/
    right: -3vw;
}
.zames .ar-hero.ar-ceos .ar-overlay {
    width: 59%;
    padding-top: 1%;
    padding-left: 0;
    max-width: 650px;
    left: -1.5em;
    top: -0.75em;
}
@media (min-width: 30em) {
    .zames .ar-hero.ar-ceos .hero-bg {
        margin-right: -4em;
        float: right;
        right: 0;
    }
    .zames .ar-hero.ar-ceos .ar-overlay {
        width: 54%;
        padding-left: 1%;
    }
    /*.zames .ar-hero.ar-ceos .ar-hero-text {
		    top: 4vw;
		    width: 80%;
		}*/
}
@media (min-width: 48em) {
    .zames .ar-hero.ar-ceos .hero-bg {
        margin-right: 0;
        width: 100%;
    }
}
@media (min-width: 58em) {
    .zames .behindHero {
        /*background-color: #1C2A3A;*/
        /* HERO BACKGROUND COLOR -- specific to CEO image */

        background-color: #ffffff;
    }
}



.pinto .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    margin-left: -2.5em;
    float: left;
}
.pinto .ar-hero.ar-ceos .ar-overlay {
    width: 50%;
    margin-top: 2vw;
    padding-left: 0;
    max-width: 700px;
    right: 5%;
}
@media (min-width: 30em) {
    .pinto .ar-hero.ar-ceos .hero-bg {
        margin-right: -7em;
        float: right;
    }
    .pinto .ar-hero.ar-ceos .ar-overlay {
        width: 58%;
        padding-left: 1%;
        right: 2%;
        /*padding-top: 3em;*/
    }
    /*.pinto .ar-hero.ar-ceos .ar-hero-text {
		    top: 4vw;
		    width: 80%;
		}*/
}
@media (min-width: 48em) {
    .pinto .ar-hero.ar-ceos .hero-bg {
        margin-right: 0;
        width: 100%;
    }
    .pinto .ar-hero.ar-ceos .ar-overlay {
        padding-bottom: 3%;
        padding-top: 3%;
        margin-left: -2em;
        left: 47%;
    }
}
@media (min-width: 58em) {
    .pinto .behindHero {
        /*background-color: #263236;*/
        /* HERO BACKGROUND COLOR -- specific to CEO image */

        background-color: #ffffff;
    }
}





.smith .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    margin-left: -3em;
    float: left;
}
.smith .ar-hero.ar-ceos .ar-overlay {
    width: 58%;
    padding-top: 0;
    margin-top:-1em;
    padding-left:0.5em;
    padding-right: 1.5em;
    max-width: 650px;
    left: -0.5%;
}
@media (min-width: 30em) {
    .smith .ar-hero.ar-ceos .hero-bg {
        margin-right: -5.5em;
        float: right;
        margin-top:0;
    }
    .smith .ar-hero.ar-ceos .ar-overlay {
        width: 50%;
        padding-left: 1%;
        left: 0.5%;
    }
}
@media (min-width: 48em) {
    .smith .ar-hero.ar-ceos .hero-bg {
        margin-right: 0;
        width: 100%;
    }
    .smith .ar-hero.ar-ceos .ar-overlay {
        padding-top: 1%;
        margin-top:-1em;
        padding-right: 1.9em;
    }
}
@media (min-width: 58em) {
    .smith .behindHero {
        background-color: #ffffff;
    }
}




/*



.smith .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    margin-left: -1.5em;
    float: left;
}
.smith .ar-hero.ar-ceos .ar-overlay {
    width: 58%;
    padding-top: 0.75em;
    padding-left: 0;
    max-width: 650px;
    left: -1%
}
@media (min-width: 30em) {
    .smith .ar-hero.ar-ceos .hero-bg {
        margin-right: -9em;
        float: right;
    }
    .smith .ar-hero.ar-ceos .ar-overlay {
        width: 58%;
        padding-left: 1%;
        left: 2%;
        padding-top: 3em;
    }

}
@media (min-width: 48em) {
    .smith .ar-hero.ar-ceos .hero-bg {
        margin-right: 0;
        width: 100%;
    }
    .smith .ar-hero.ar-ceos .ar-overlay {
        padding-bottom: 3%;
        padding-top: 3%;
        margin-left: -2em;
    }
}
@media (min-width: 58em) {
    .smith .behindHero {
        background-color: #ffffff;
    }
}*/


/*.smith .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    margin-left: -5em;
    float: left;
}
.smith .ar-hero.ar-ceos .ar-overlay {
    width: 58%;
    padding-top: 2%;
    padding-left: 0;
    max-width: 650px;
    right: 4%;
}
@media (min-width: 30em) {
    .smith .ar-hero.ar-ceos .hero-bg {
        margin-left: -4.5em;
    }
    .smith .ar-hero.ar-ceos .ar-overlay {
        width: 50%;
    }
}
@media (min-width: 48em) {
    .smith .ar-hero.ar-ceos .hero-bg {
        margin-left: 0;
        width: 100%;
        left: 0;
    }
    .smith .ar-hero.ar-ceos .ar-overlay {
        padding: 3%;
    }
}
@media (min-width: 58em) {
    .smith .behindHero {
        background-color: #ffffff;
    }
}*/
.petno .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    margin-left: -4.5em;
    float: left;
}
.petno .ar-hero.ar-ceos .ar-overlay {
    width: 47%;
    padding-top: 3%;
    padding-left: 0;
    max-width: 650px;
    left: 3%;
}
@media (min-width: 30em) {
    .petno .ar-hero.ar-ceos .hero-bg {
        margin-left: -7.5em;
        /*float:right;*/
    }
    .petno .ar-hero.ar-ceos .ar-overlay {
        width: 50%;
        /*padding-left: 1%;*/
    }
    /*.petno .ar-hero.ar-ceos .ar-hero-text {
		    top: 4vw;
		    width: 80%;
		}*/
}
@media (min-width: 48em) {
    .petno .ar-hero.ar-ceos .hero-bg {
        margin-left: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
    .petno .ar-hero.ar-ceos .ar-overlay {
        padding: 3% 3% 3% 3%;
        right: 0;
    }
}
@media (min-width: 58em) {
    .petno .behindHero {
        /*background-color: #7C8DC7;*/
        /* HERO BACKGROUND COLOR -- specific to CEO image */

        background-color: #ffffff;
    }
    .petno .ar-hero.ar-ceos .ar-overlay {
        right: 3%;
    }
}
.scher .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    margin-right: -13vw;
    float: right;
}
.scher .ar-hero.ar-ceos .ar-overlay {
    width: 64%;
    /*margin-top: -2vw;*/
    left: -1%;
    padding-left: 0;
    max-width: 650px;
    padding-right: 1.5em;
}
@media (min-width: 30em) {
    .scher .ar-hero.ar-ceos .hero-bg {
        /*margin-right: -3em;*/
        margin-left: -5em;
    }
    .scher .ar-hero.ar-ceos .ar-overlay {
        width: 64%;
        padding-left: 1%;
        left: 0;
    }
    /*.scher .ar-hero.ar-ceos .ar-hero-text {
		    top: 4vw;
		    width: 80%;
		}*/
}
@media (min-width: 48em) {
    .scher .ar-hero.ar-ceos .hero-bg {
        margin-right: 0;
        width: 100%;
        float: right;
    }
    .scher .ar-hero.ar-ceos .ar-overlay {
        padding-top: 2%;
        left: 0%;
        padding-right: 9%;
    }
}
@media (min-width: 58em) {
    .scher .behindHero {
        /*background-color: #747578;*/
        /* HERO BACKGROUND COLOR -- specific to CEO image */
        background-color: #ffffff;
    }
}
@media (min-width: 70em) {
    .scher .ar-hero.ar-ceos .ar-overlay {
        padding-right: 2%;
    }
}
.erdoes .ar-hero.ar-ceos .hero-bg {
    width: 130%;
    margin-left: -1.5em;
    float: left;
}
.erdoes .ar-hero.ar-ceos .ar-overlay {
    width: 58%;
    padding-top: 2%;
    padding-left: 4%;
    right: 4%;
}
@media (min-width: 30em) {
    .erdoes .ar-hero.ar-ceos .hero-bg {
        margin-right: -9em;
        float: right;
    }
    .erdoes .ar-hero.ar-ceos .ar-overlay {
        width: 50%;
        padding-left: 0;
        right: 5%;
        top: 5%;
    }
}
@media (min-width: 48em) {
    .erdoes .ar-hero.ar-ceos .hero-bg {
        margin-right: 0;
        width: 100%;
    }
    .erdoes  .svgContainer img:not(.png) {
        width: 100%;
        max-width: 32em;
    }
    .erdoes .ar-hero.ar-ceos .ar-overlay {
        width: 50%;
        padding-left: 0;
        right: 7%;
        top: 7%;
    }
}
@media (min-width: 58em) {
    .erdoes .behindHero {
        /*background-color: #747578;*/
        /* HERO BACKGROUND COLOR -- specific to CEO image */

        background-color: #ffffff;
    }
}


.dimon .ar-hero.ar-ceos .hero-bg {
    width: 120%;
    right: 3em;
    float: left;
}
.dimon .ar-hero.ar-ceos .ar-overlay {
    width: 58%;
    padding-top: 3%;
    padding-left: 0;
    max-width: 650px;
    left: 2%;
    top: 4%;
}
.dimon  .ar-hero .ar-hero-text{
    left: 3%;
}
/*.dimon  .mainbody {
   	top:0;
}*/
@media (min-width: 30em) {
    .dimon .ar-hero.ar-ceos .hero-bg {
        margin-right: -6em;
        float: right;
    }
    .dimon .ar-hero.ar-ceos .ar-overlay {
        width: 56%;
        padding-left: 1%;
        left: 4%;
    }
}
@media (min-width: 48em) {
    .dimon .ar-hero.ar-ceos .hero-bg {
        margin-right: 0;
        width: 100%;
        right: 0;
    }
    .behindHero .behindJamie {
        background-color: #ffffff !important;
    }

}
@media (min-width: 80em) {
    .dimon .ar-hero.ar-ceos .hero-bg {
        margin-top: -1em;
    }
    .dimon .ar-hero {
        max-height: 39em;
    }
    .scher .ar-hero.ar-ceos .hero-bg {
        margin-top: 0em;
    }
}
figure.signature {
    width: 100% !important;
    min-height: 120px;
    margin-top: 2em;
    float:right;
}
figure.signature img {
    float: left !important;
    width: 40% !important;
    max-width: 150px !important;
}
@media (min-width: 80em) {
    .sideNav.annual-report {
        width: 21em;
    }
}
.mainbody section .followMeBar h2 {
    font-size: 2.2em;
    color: #2672A8;
}
.mainbody section h2.question {
    font-size: 1.7em;
    color: #c23407;
}
.mainbody section h3 {
    font-size: 1.7em;
    color: #777777 !important;
    text-transform: uppercase;
    text-align: left !important;
}
.dimon .mainbody section h3 {
    font-size: 1.5em;
    color: #606060 !important;
    text-transform: none !important;
    text-align: left !important;
    font-family: "AmplitudeMedium", Trebuchet, "arial", arial, sans-serif;
}
.mainbody section h4 {
    font-size: 1.2em;
    color: #232323 !important;
    font-family: "AmplitudeMedium", Trebuchet, "arial", arial, sans-serif;
    font-style: italic;
}
.mainbody section h3.following,
.mainbody section h4.following {
    padding-top: 0;
}
.mainbody section p.last-p,
.mainbody section ul.last-p {
    margin-bottom: -4em;
}
/*.mainbody .main-content .full-copyarea p:last-child {
		margin-bottom:-4em !important;
	}*/

.mainbody .main-content .full-copyarea section {
    margin-bottom: -6em !important;
}
.mainbody .main-content .full-copyarea section:last-child {
    margin-bottom: 1em !important;
}
.mainbody section p.ceoName {
    line-height: 1.5em !important;
    margin-bottom: 2em !important;
}
.jpmcLink {
    height: 100%;
    width: 55%;
    top: -15%;
    left: 0;
    z-index: 50000;
    position: absolute;
    cursor: pointer;
}

.jpmcLink:focus {
    outline: 1px dotted white;
}

.mainbody .main-content .full-copyarea section .beige {
    background-color: #ececec; /*#f3f0ed*/
    padding: 1em 2em;
}

.mainbody .main-content .full-copyarea section .beige a {
    text-decoration: underline;
    color: #333;
}


.shareButton:focus {
    outline: 1px dotted white;
}

.speedbump__inner--links__cancel:focus,
.speedbump__inner--links__proceed:focus {
    outline: 2px dotted white;
}

.sideNav {
    display: none;
}

.yammDropdown.closed {
    display: none;
}



@media (min-width: 58em){

    .sideNav {
        display: block;
    }

    .sharing.scrollWith.annual-report {
        top: 715px;
    }
    .sharing.annual-report {
        margin-top: 1em;
    }
    .sideNav.scrollWith.annual-report {
        top: 715px;
    }
    .dimon .sharing.scrollWith.annual-report {
        top: 650px;
    }
    /*.sharing.annual-report {
        margin-top: 1em;
    }*/
    .dimon .sideNav.scrollWith.annual-report {
        top: 650px;
    }
}


.boxed-highlights {
    line-height: 1.4em;
}
.mainbody p:last-of-type {
    margin-bottom: 0.8em;
}
*[class*="copyarea"] p {
    margin: 0 0 0.8em;
}
.ceoHeading h2 .fa,
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    cursor: pointer !important;
}
.mainbody .fc-footnote-link {
    margin-left: 1px;
}

.mainbody .main-content ol {
    padding: 0.5em 4em 1.5em 4em;
    list-style-type: decimal;
}

.dimon .mainbody .main-content .full-copyarea section:last-child {
    margin: 4.5em 0 3.5em 0;
}
.petno .mainbody .main-content .full-copyarea section:last-child {
    margin: 2.5em 0 3.5em 0;
}

.mainbody a {
    text-decoration: underline;
}

.ar-overlay.svg-text-right {
    left: auto !important;
    right: 2%;
}
@media (max-width: 42em) {
    .ar-hero img.hero-bg.hero-left {
        width: 130% !important;
        margin-left: -2.5em !important;
        float: left !important;
    }
}