/* Page ID: 30339 */
/* Hoefler Gotham font */
@import url("https://cloud.typography.com/6572856/7118192/css/fonts.css");
/* Font Class Definitions */
/* /css/ */
.featureHeadline, .featureHeadline > *, h1.featureHeadline, h2.featureHeadline, #banner h1.featureHeadline, #banner h2.featureHeadline, main .bodyContent h1.featureHeadline, main > .container h2.featureHeadline {
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 1.5; }
/* /css/ */
.headline, .headline > *, #banner h1, main #heading h1, main .bodyContent .headline, h1, main > .container h2.headline {
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 1.2; }
/* /css/ */
.headline2, .headline2 > *, main .bodyContent .headline2, main > .container h2, h2, .h2 {
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.2; }
.headline3, .headline3 > *, main .bodyContent h3, h3 {
/* /css/ */
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
}
.headline4, .headline4 > *, h4, h5, h6 {
/* /css/ */
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.2;
}
h5, .h5, h6, .h6 {
}
h6, .h6 {
}
.intro, .intro > * {
/* /css/ */
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
}
.pullQuote, .pullQuote > * {
/* /css/ */
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 300;
font-size: 24px;
line-height: 1.5;
}
/* /css/ */
#tagline, .tagline, .tagline > *, p.lead {
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5; }
body, p, ul, main .bodyContent, .articleFont, .articleFont > * {
/* /css/ */
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.3;
}
.blog_body, .blog_body p, .blog_body *, .ev-article_excerpt, .ev-article_excerpt p, .ev-article-foot {
}
.cta, .cta > *, .ctaFont, .ctaFont > * {
/* /css/ */
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
}
.cta2, .cta2 > *, .cta2Font, .cta2Font > * {
}
.button, .button > *, .buttonFont, .buttonFont {
/* /css/ */
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
}
#disclaimer, #disclaimer > *, .disclaimerFont, .disclaimerFont > * {
/* /css/ */
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.3;
}
.mainmenu-nav, nav ul.megamenu > li > a {
/* /css/ */
font-family: "Gotham Narrow A", "Gotham Narrow B";
font-weight: 500;
font-size: 24px;
line-height: 1;
}
.carousel-navigation {
/* /css/ */
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.carousel-navigation .active {
/* /css/ */
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
}
.upFont { font-size: 150%; line-height: 1; }
.downFont { font-size: 80%; line-height: 1 }
/* /css/ */
.bVShGray { background-color: #F4F6F7; color: #46535b; }
.bShGray, .bShade { background-color: #e3e8ec; color: #46535b; }
.bLtGray, .bLtSlate { background-color: #afc7d3; color: #46535b; }
.bGray, .bSlate { background-color: #739aae; color: #fff; }
.bDkGray, .bDkSlate { background-color: #3c738a; color: #fff; }
.bCharcoal { background-color: #46535b; color: #fff; }
.bOnyx { background-color: #232021; color: #fff; }
.cWhite { color: #fff; }
.cShGray { color: #e3e8ec; }
.cLtGray { color: #afc7d3; }
.cGray { color: #739aae; }
.cDkGray { color: #3c738a; }
.cVDkGray { color: #46535B; }
.cCharcoal { color: #46535b; }
.cOnyx { color: #232021; }
.cBlack { color: #000; }
.bWhite { background-color: #fff; }
.bLtPrimary { background-color: #37b9e3; color: #fff; }
.bPrimary, .bPrimary2 { background-color: #0674b9; color: #fff; }
.bDkPrimary { background-color: #2d518c; color: #fff; }
.bVDkPrimary { background-color: #133448; color: #fff; }
.cLtPrimary { color: #37b9e3; }
.cPrimary { color: #0674b9; }
.cDkPrimary { color: #2d518c; }
.cVDkPrimary { color: #133448; }
.bPaper { background-color: #ffffee; }
.bLtSky { background-color: #37b9e3; color: #fff; }
.bSky { background-color: #0674b9; color: #fff; }
.bDkSky { background-color: #2d518c; color: #fff; }
.bLtBerry { background-color: #c7346e; color: #fff; }
.bBerry { background-color: #b50f52; color: #fff; }
.bDkBerry { background-color: #73044b; color: #fff; }
.bLtCarrot { background-color: #eb9b57; color: #fff; }
.bCarrot { background-color: #ee6723; color: #fff; }
.bDkCarrot { background-color: #d7552a; color: #fff; }
.bLtIndigo { background-color: #6f55a0; color: #fff; }
.bIndigo { background-color: #343080; color: #fff; }
.bDkIndigo { background-color: #343080; color: #fff; }
.bLtOlive { background-color: #a0d082; color: #fff; }
.bOlive { background-color: #6e9b41; color: #fff; }
.bDkOlive { background-color: #3c6a3c; color: #fff; }
.cLtSky { color: #37b9e3; }
.cSky { color: #0674b9; }
.cDkSky { color: #2d518c; }
.cLtBerry { color: #c7346e; }
.cBerry { color: #b50f52; }
.cDkBerry { color: #73044b; }
.cLtCarrot { color: #eb9b57; }
.cCarrot { color: #ee6723; }
.cDkCarrot { color: #d7552a; }
.cLtIndigo { color: #6f55a0; }
.cIndigo { color: #343080; }
.cDkIndigo { color: #343080; }
.cLtOlive { color: #a0d082; }
.cOlive { color: #6e9b41; }
.cDkOlive { color: #3c6a3c; }
.bAltColor1 { background-color: #6e9b41; color: #fff; }
.bAltColor2 { background-color: #9d2858; color: #fff; }
.bAltColor3 { background-color: #343080; color: #fff; }
.bAltColor4 { background-color: #ee6723; color: #fff; }
.cAltColor1 { color: #6e9b41; }
.cAltColor2 { color: #9d2858; }
.cAltColor3 { color: #343080; }
.cAltColor4 { color: #ee6723; }
.bAltColor1Paper { background-color: #5d7d71; }
.bAltColor2Paper { background-color: #847d41; }
.bAltColor3Paper { background-color: #ac2b31; }
.bAltColor4Paper { background-color: #cf8226; }
.bNoticePaper { background-color: #ffe8df; }
/* Default colors to apply to HTML tags */
body { color: #000; background-color: #fff; }
a {color: #2d518c;}
div.emergency-notice { min-height: 40px; margin-top: 20px; padding-top: 6px; color: #0674b9; background-color: #e3e8ec; text-align: center; }
div.emergency-notice a, div.emergency-notice a > span { font-size: 18px; color: #0674b9; }
/* Target Tests */
.evtt { display: none; }
.evtt.evtt_default { display: block; }
body.evtt_A .evtt.evtt_default, body.evtt_B .evtt.evtt_default, body.evtt_C .evtt.evtt_default, body.evtt_D .evtt.evtt_default { display: none; }
body.evtt_A .evtt.evtt_A, body.evtt_B .evtt.evtt_B, body.evtt_C .evtt.evtt_C, body.evtt_D .evtt.evtt_D { display: block; }
body.evtt_A .evtt_hide.evtt_A, body.evtt_B .evtt_hide.evtt_B, body.evtt_C .evtt_hide.evtt_C, body.evtt_D .evtt_hide.evtt_D { display: none; }
/*
* (1604) MyAccount Styles
*
* Template / Layout
* Utilities / General
* Fonts
* Header
* Line of Business tabs
* Global opt-out block
* Tab Content
* Subscription tabs
* Toggle Bar
* Mobile Country Drop Down
* Notification bar
* Content
** Two Column Content Layout
** Countries List
** eAlerts Table
** Insights Lists
** Pick List
* Footer
* TinyTools Tiny Toggle Utility
*/
/* /css/ */
/* Template / Layout */
.selfserve-myaccount #heading {
margin-bottom: 0;
}
.selfserve-myaccount #tools-share {
display: none !important;
}
.selfserve-myaccount #tools-print {
display: none !important;
}
/* Utilities / General */
.hide { display: none !important; } /* Will come from bootstrap eventually... */
.myaccount-twocol .swipe-bar { margin-left: 0; }
.myaccount-button-squared,
input[type=submit].myaccount-button-squared {
cursor: pointer;
margin: 0 0 5px 0;
text-align: left;
background-color: #ffffff;
border: 1px solid #609cd4;
display: inline-block;
max-width: 120px;
padding: 15px 14px;
color: #609cd4;
font-size: 14px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=submit].myaccount-button-squared.fa {
padding-right: 30px
}
input[type=submit].myaccount-button-squared[disabled] {
border-color: #999;
color: #999
}
@media(min-width:768px){
.myaccount-twocol > .myaccount-button-squared {
margin-left: 176px;
}
.myaccount-twocol.no-countries > .myaccount-button-squared {
margin-left: 0;
}
}
/* Header - Positioning of Line of Business tabs & Global Opt-out */
.myaccount-header {
position: relative;
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
border-bottom: 1px solid #d7d7d7;
}
.myaccount-header > div {
vertical-align: bottom;
}
@media (min-width: 768px) {
.myaccount-header {
padding-bottom: 10px;
text-align: right;
}
}
/* Line of Business tabs */
#myaccount-lob-tabs {
display: flex;
list-style-type: none;
margin-bottom: -1px;
font-size: 0;
text-align: left;
}
#myaccount-lob-tabs > li {
margin: 0;
padding: 0;
background-image: none;
text-align: center;
}
@media(max-width:768px){
#myaccount-lob-tabs > li {
flex: 0 0 50%;
}
}
#myaccount-lob-tabs > li > a {
color: #999999;
font-size: 20px;
line-height: 1;
display: block;
padding: 15px 40px;
border: 1px solid #d7d7d7;
border-bottom-width: 0;
}
@media(min-width: 768px){
#myaccount-lob-tabs > li > a {
white-space: nowrap;
}
}
#myaccount-lob-tabs > li:first-child {
margin-right: 5px;
}
#myaccount-lob-tabs > li.active > a,
#myaccount-lob-tabs > li:hover > a {
color: #0674b9;
cursor: pointer;
text-decoration: none;
}
#myaccount-lob-tabs > li.active > a {
border-bottom-width: 2px;
border-bottom-color: white;
}
#myaccount-lob-tabs > li.active > a:hover {
cursor: default;
}
@media (min-width: 768px) {
#myaccount-lob-tabs {
position: absolute;
bottom: -1px;
left: 0;
}
#myaccount-lob-tabs > li > a > br,
#myaccount-lob-tabs > li > br {
display: none;
}
}
/* Global opt-out block */
.opt-out-block {
display: inline-block;
border: 1px solid #d7d7d7;
padding: 18px;
margin-bottom: 15px;
box-sizing: border-box;
text-align: center;
font-weight: bold;
}
.opt-out-block > div > p {
font-size: 14px;
color: #222;
font-weight: normal;
line-height: 1.5;
margin: 0 0 10px 0;
}
.opt-out-block > div > a {
color: #609ed2;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.opt-out-block > div > a:hover {
text-decoration: underline;
color: #609ed2;
}
.opt-out-block > div > a > img {
padding-left: 6px;
vertical-align: text-top;
}
@media (min-width: 768px) {
.opt-out-block {
margin-bottom: 0;
}
}
/* Tab Content */
.myaccount-tab-content {
position: relative;
}
/* Subscription tabs */
.myaccount-lob-content > ul {
list-style: none;
display: none;
padding: 15px 0 10px 0;
margin: 0;
}
.myaccount-lob-content > ul.active {
display: flex;
}
.myaccount-lob-content > ul > li {
display: inline-block;
flex-grow: 1;
font-size: 16px;
color: #8e8e8e;
font-weight: normal;
text-transform: none;
background-color: #eeeeee;
position: relative;
text-align: center;
padding: 15px;
margin: 0;
vertical-align: middle;
border-left: 1px solid #dddddd;
line-height: 1;
background-image: none;
}
.myaccount-lob-content > ul > li:only-child {
flex: 0 1 50%;
}
.myaccount-lob-content > ul > li:first-child {
border-left: none;
padding-left: 10px;
}
.myaccount-lob-content > ul > li:hover {
cursor: pointer;
font-size: 16px;
color: #ffffff;
background-color: #0674b9;
border-color: #0674b9;
}
.myaccount-lob-content > ul > li:hover > .arrow-down {
width: 0;
height: 0;
border-style: solid;
line-height: 0px;
display: inline-block;
border-width: 10px 15px 0 15px;
border-color: #0674b9 transparent transparent transparent;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
.myaccount-lob-content > ul > li:hover {
font-size: 16px;
color: #ffffff;
}
.myaccount-lob-content > ul > li.active {
font-size: 16px;
color: #ffffff;
background-color: #0674b9;
border-color: #0674b9;
}
.myaccount-lob-content > ul > li.active {
font-size: 16px;
color: #ffffff;
}
.myaccount-lob-content > ul > li.active:hover {
cursor: pointer;
}
.myaccount-lob-content > ul > li > i {
display: none;
font-size: 22px;
margin: auto 13px auto 0;
vertical-align: middle;
}
.myaccount-lob-content > ul > li:hover > i.documents {
background-position: -10px -156px;
}
.myaccount-lob-content > ul > li:hover > i.chart {
background-position: -10px -12px;
}
.myaccount-lob-content > ul > li:hover > i.star {
background-position: -10px -88px;
}
.myaccount-lob-content > ul > li:hover > .arrow-down {
display: none;
}
.myaccount-lob-content > ul > li.active > i.documents {
background-position: -10px -156px;
}
.myaccount-lob-content > ul > li.active > i.chart {
background-position: -10px -12px;
}
.myaccount-lob-content > ul > li.active > i.star {
background-position: -10px -88px;
}
.myaccount-lob-content > ul > li.active:hover > .arrow-down {
display: block;
}
.myaccount-lob-content > ul > li.active > .arrow-down {
width: 0;
height: 0;
border-style: solid;
line-height: 0px;
display: inline-block;
border-width: 10px 15px 0 15px;
border-color: #0674b9 transparent transparent transparent;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
@media (min-width: 1010px) {
.myaccount-lob-content > ul > li {
white-space: nowrap;
}
}
@media (min-width: 768px) {
.myaccount-lob-content > ul > li {
padding: 20px;
flex-grow: 0;
min-height: 0;
}
.myaccount-lob-content > ul > li:first-child {
padding-left: 20px;
}
.myaccount-lob-content > ul > li:only-child {
flex-basis: auto;
}
.myaccount-lob-content > ul > li > i {
display: inline-block;
}
}
/* Toggle Bar */
.myaccount-toggle-container {
display: block;
padding: 0 0 15px 0;
text-align: center;
line-height: 1.4;
}
@media (min-width: 768px) {
.myaccount-toggle-container {
line-height: 1;
text-align: right;
}
}
.myaccount-toggle-container > p {
display: inline-block;
margin: 0;
color: #5c5c5c;
font-size: 14px;
padding:0 10px 0 0;
}
.myaccount-toggle-container > p + input,
.myaccount-toggle-container > p + .ToggleSwitch {
vertical-align: middle;
}
.myaccount-toggle-container > p + .ToggleSwitch {
width: 200px; height: 22px;
}
/* Mobile Country Drop Down */
.myaccount-lob-content .rsp-dropdown > p > .arw,
.myaccount-lob-content .rsp-dropdown.is-open > p > .arw {
border-color: #666666 transparent;
}
.myaccount-lob-content .rsp-dropdown > p {
background-color: #f7f7f7;
color: #68a8de;
font-weight: bold;
}
.myaccount-lob-content .rsp-dropdown >div > ul > li a {
font-weight: bold;
color: #666666;
}
.myaccount-lob-content .rsp-dropdown > div > ul > li > a:hover {
background-color: #68a8de;
}
.myaccount-lob-content .rsp-dropdown > div> ul > li.active > a {
background-color: #68a8de;
font-weight: bold;
}
/* Notification bar */
.myaccount-notification {
background-color: #f9fdf2;
border: 1px solid #fbf2ed;
position: relative;
margin: 10px 0;
}
.myaccount-notification > .checkmark {
background-image: url('/images/interface/icon-checkmark.png');
background-repeat: no-repeat;
background-position: center;
height: 23px;
width: 28px;
display: inline-block;
position: absolute;
left: 14px;
height: 100%;
}
.myaccount-notification > p {
padding: 18px 39px 18px 56px;
margin: 0;
color: #666666;
}
.myaccount-notification > .close {
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: left center;
float: right;
position: absolute;
top: 8px;
right: 8px;
content: " ";
color: #d9cfcb;
}
.myaccount-notification > .close:hover {
color: #bbbbbb;
cursor: pointer;
}
.myaccount-notification > .close:before {
font-family: 'Font Awesome 5 Free', "FontAwesome";
content: "\f00d";
}
/* Content */
.myaccount-sub-content {
padding-top: 10px;
}
/* Two Column Content Layout */
.myaccount-twocol {
display: block;
width: 100%;
}
@media (min-width: 768px) {
.myaccount-twocol > div {
display: flex;
}
}
.myaccount-twocol > div > .myaccount-table-container {
flex: 1;
}
.myaccount-tab-two-col {
display: none;
}
/* Countries List */
.myaccount-twocol > div > .myaccount-countries {
display: none;
width: 170px;
}
@media (min-width: 768px) {
.myaccount-twocol > div > .myaccount-countries {
display: inline-block;
}
}
.myaccount-countries {
margin-right: 7px;
}
.myaccount-countries > h4 {
font-weight: bold;
font-size: 13px;
padding: 20px 0 15px 0;
margin: 0;
border: solid 1px #8e8e8e;
text-align:center;
color:white;
background-color: #0674b9;
background-image: -webkit-linear-gradient(top, #5787bb, #0674b9); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: linear-gradient(to bottom, #5787bb, #0674b9); /* Chrome 26, Firefox 16+, IE 10+, Opera */
}
.myaccount-countries > div > ul {
list-style-type: none;
background-color: #ffffff;
background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: linear-gradient(to bottom, #ffffff, #e8e8e8); /* Chrome 26, Firefox 16+, IE 10+, Opera */
margin: 0;
}
.myaccount-countries > div > ul > li {
padding: 0 15px;
margin: 0;
text-align: center;
border-width: 0 1px;
border-style: solid;
border-color: #8e8e8e;
}
.myaccount-countries > div > ul > li:last-child {
border-bottom: solid 1px #8e8e8e;
}
.myaccount-countries > div > ul > li > a {
display: block;
font-weight: bold;
font-size: 16px;
padding: 20px 0 15px 0;
color: #8e8e8e;
border-bottom: 1px solid #d7d7d7;
}
.myaccount-countries > div > ul > li:last-child > a {
border-bottom: none;
}
.myaccount-countries > div > ul > li.active > a {
color:#4a82b4;
}
/* @media (max-width: 428px) {
.myaccount-twocol > div > .myaccount-countries {
width: 100%;
margin-bottom: 14px;
}
.myaccount-countries > h4 {
display: none;
}
.myaccount-countries > div > ul > li {
padding: 0;
background-color: #ebebeb;
}
.myaccount-countries > div > ul > li:first-child {
border-top: 1px solid #8e8e8e;
}
.myaccount-countries > div > ul > li > a {
padding: 10px 16px;
font-size: 13px;
font-weight: bold;
text-align: left;
}
} */
/* eAlerts Table */
.myaccount-table {
width: 100%;
font-family: inherit;
font-size: inherit;
line-height: inherit;
border: 1px solid #d7d7d7;
background-color: #ffffff;
margin-bottom: 18px;
}
.myaccount-table > thead {
border-bottom: 1px solid #d7d7d7;
}
.myaccount-table th {
font-size: 13px;
font-weight: bold;
color: #666666;
text-align: left;
padding: 19px 16px;
background-color: #ebebeb;
}
.myaccount-table th:first-child,
.myaccount-table td:first-child {
width: 100%;
}
.myaccount-table th:not(:first-child),
.myaccount-table td:not(:first-child) {
min-width: 100px;
max-width: 150px;
}
.myaccount-table > thead > tr > td,
.myaccount-table > th > tr > td {
font-family: inherit;
font-size: inherit;
color: #666666;
padding: 16px;
border-bottom: 1px solid #eaeaea;
}
.myaccount-table > tbody > tr.empty {
text-align: center;
}
.myaccount-table > tbody > tr.empty:hover {
background-color: #fafafa;
cursor: default;
}
.myaccount-table > tbody > tr.empty > td:first-child {
width: 100%;
}
.myaccount-table > tbody > tr.empty > td:last-child {
text-align: center;
}
.myaccount-table > tbody > tr > td {
font-family: inherit;
font-size: inherit;
color: #666666;
padding: 24px 16px;
border-bottom: 1px solid #eaeaea;
font-size: 15px;
}
.myaccount-table > tbody > tr:hover {
background-color: #fafef4;
cursor: pointer;
}
.myaccount-table .expanded,
.myaccount-table .buttons > .ev-download-subscribe {
background-color: #fafef4;
}
.myaccount-table .expanded > td {
border-bottom: none;
}
.myaccount-table .buttons > .ev-download-subscribe {
padding-top: 0;
padding-left: 10px;
}
.myaccount-table .buttons > .ev-download-subscribe ul {
padding: 0 !important;
}
.myaccount-table .buttons > .ev-download-subscribe ul > li:first-child {
padding-left: 0;
}
@media (min-width: 768px) {
.myaccount-table > tbody > tr > td {
padding: 24px 16px;
font-size: 16px;
}
}
/* Insights Lists */
.myaccount-insights-lists {
flex: 1;
margin: 0 0 18px 0;
padding: 0 5px;
font-family: inherit;
font-size: inherit;
line-height: inherit;
border: 1px solid #d7d7d7;
background-color: #ffffff;
}
@media (min-width: 768px) {
.myaccount-insights-lists {
padding: 0 30px 20px 30px;
}
}
.myaccount-list {
padding: 26px 0 30px 0;
border-bottom: 1px solid #eaeaea;
}
.myaccount-list:last-of-type {
margin-bottom: 25px;
}
.myaccount-list > p {
font-size: 16px;
color: #666;
}
.myaccount-checkbox {
display: block;
font-size: 13px;
line-height: 18px;
position: relative;
margin: 0;
}
.myaccount-checkbox > span {
font-size: 10px;
line-height: 10px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
display: block;
color: #666666;
}
.myaccount-checkbox > input[type=checkbox] {
display: none;
}
.myaccount-checkbox > input[type=checkbox]:checked + label:before {
font-family: 'Font Awesome 5 Free', "FontAwesome";
content: "\f00c";
font-size: 15px;
line-height: 15px;
}
.myaccount-checkbox > label:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
vertical-align: top;
background-color: #ffffff;
text-align: center;
border-radius: 0;
border: 1px solid #a7a7a7;
color: #008c23;
margin: 16px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.myaccount-checkbox > label {
display: block; /* Override Bootstrap */
font-weight: normal; /* Override Bootstrap */
}
.myaccount-checkbox > label > p {
margin: 0 0 0 5px;
display: inline-block;
color: #666666;
width: 80%;
}
@media (min-width: 768px) {
.myaccount-checkbox > label > p {
width: 90%;
margin: 0 0 0 20px;
}
}
@media (min-width: 1010px) {
.myaccount-checkbox > label > p {
width: auto;
}
}
.myaccount-checkbox > label > p > span {
display: block;
padding-bottom: 8px;
font-size: 18px;
}
.myaccount-checkbox > .myaccount-checkbox {
margin: 20px 0 0 44px;
}
.myaccount-checkbox > .myaccount-checkbox > label:before {
margin: 0;
}
.myaccount-checkbox > .myaccount-checkbox > label > p {
font-size: 12px;
}
.myaccount-checkbox > .myaccount-checkbox > label > p > span {
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
}
@media (min-width: 768px) {
.myaccount-checkbox {
margin-right: 10px;
}
}
/* Pick List */
.selfserve-myaccount .performance.picklist {
margin-top: 0;
margin-bottom: 25px;
width: 100%;
}
.selfserve-myaccount table.performance > thead > tr > th { border: none; }
.selfserve-myaccount table.performance > tbody > tr > td > .check,
.selfserve-myaccount table.performance > tbody > tr > td > .check-link { display: inline-block; }
.fund-spotlight {
flex: 1;
}
.selfserve-myaccount .fund-spotlight > swipe-bar,
.selfserve-myaccount .fund-spotlight > table-swipe {
width: 100%;
}
.selfserve-myaccount table.performance a.check:hover {
text-decoration: none;
}
/* Footer */
.myaccount-footer {
margin: 0 0 0 10px;
}
.myaccount-footer > .myaccount-button-squared + p {
margin-top: 14px;
}
.myaccount-footer > p {
color: #000000;
font-style: italic;
}
.myaccount-footer > p > a {
color: #609ed2;
text-decoration: none;
font-size: 14px;
color: #406799;
}
.myaccount-footer > p > a:hover {
text-decoration: underline;
color: #609ed2;
}
/* TinyTools Tiny Toggle Utility */
.TinyTools.ToggleSwitch {
display: inline-block;
font-size: 10.5px;
font-weight: bold;
overflow: hidden;
color: #eee;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.TinyTools.ToggleSwitch .NubWrapper {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
transition: opacity 1s;
}
.TinyTools.ToggleSwitch .NubWrapper.Disabled {
opacity: .5;
}
.TinyTools.ToggleSwitch .NubWrapper > * {
-moz-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
-o-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
-webkit-transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
}
.TinyTools.ToggleSwitch .NubWrapper .OnSide,
.TinyTools.ToggleSwitch .NubWrapper .OffSide,
.TinyTools.ToggleSwitch .NubWrapper .Nub {
display: table;
vertical-align: middle;
width: 50%;
height: 100%;
text-align: center;
position: absolute;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.TinyTools.ToggleSwitch .NubWrapper .Nub {
border: 1px solid #c3c3c3;
border-radius: 4px 0 0 4px;
}
.TinyTools.ToggleSwitch .NubWrapper .OffSide {
left: 50%;
border: 1px solid #d8d8d8;
border-radius: 0 4px 4px 0;
border-left: none;
background: #686868;
background: -webkit-linear-gradient(top, #686868 0%, #949494 100%);
background: linear-gradient(to bottom, #686868 0%, #949494 100%);
}
.TinyTools.ToggleSwitch .NubWrapper .OnSide {
left: 0;
background: #5899d9;
background: -webkit-linear-gradient(top, #477cb0 0%, #5899d9 100%);
background: linear-gradient(to bottom, #477cb0 0%, #5899d9 100%);
border: 1px solid #d8d8d8;
border-radius: 4px 0 0 4px;
border-right: none;
}
.TinyTools.ToggleSwitch .NubWrapper .OnSide span,
.TinyTools.ToggleSwitch .NubWrapper .OffSide span {
display: table-cell;
vertical-align: middle;
}
.TinyTools.ToggleSwitch .NubWrapper .Nub {
left: 0;
background: #eee;
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
}
.TinyTools.ToggleSwitch .NubWrapper.Checked .OnSide {
left: 0;
}
.TinyTools.ToggleSwitch .NubWrapper.Checked .OffSide {
left: 50%;
}
.TinyTools.ToggleSwitch .NubWrapper.Checked .Nub {
left: 50%;
border-radius: 0 4px 4px 0;
}
/* Insight Sign Up Page */
/* Raw CSS matching UAT is here, Improved is below.
.myaccount-header-container {
padding-bottom: 14px;
}
.myaccount-header-container > div {
overflow: hidden;
text-align: justify;
}
.myaccount-header-container > div:after {
content: '';
display: inline-block;
width: 100%;
height: 0;
font-size: 0;
line-height: 0;
}
.myaccount-header-container > div > div,
.myaccount-header-container > div > h2 {
display: block;
vertical-align: middle;
}
@media (min-width: 1010px) {
.myaccount-header-container > div > div,
.myaccount-header-container > div > h2 {
display: inline-block;
}
}
.myaccount-header-container > div > h2 {
margin-top: 0;
font-size: 24px;
font-weight: bold;
color: #000000;
line-height: 1.2;
margin: 0;
width: 320px;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-header-container > div > h2 {
display: inline-block;
width: 62%;
}
}
.myaccount-header-container > p {
padding: 10px 0 0 0;
margin: 0;
width: 320px;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-header-container > p {
width: auto;
}
}
.myaccount-body-two-col > div:first-child > .title > h3 {
margin-top: 0;
font-size: 22px;
display: inline-block;
margin: 0;
border-bottom: none;
color: #666666;
}
.myaccount-body-two-col > div:first-child > .title > p {
display: inline-block;
margin: 0;
}
.myaccount-body-two-col > div:first-child > .title > a {
margin: 0 0 0 20px;
}
.insight-sign-up .myaccount-insights-lists {
border: none;
padding: 0;
margin: 0;
}
.insight-sign-up .myaccount-insights-lists .myaccount-button-squared {
margin-bottom: 15px;
}
.myaccount-body-two-col {
color: #666666;
border-top: 5px solid #609cd4;
margin: 24px 0 14px 0;
text-align: left;
vertical-align: top;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-body-two-col {
width: auto;
}
}
@media (min-width: 1010px) {
.myaccount-body-two-col {
text-align: justify;
}
}
.myaccount-body-two-col:after {
content: '';
display: inline-block;
width: 100%;
height: 0;
font-size: 0;
line-height: 0;
}
.myaccount-body-two-col > div,
.myaccount-body-two-col > h2 {
display: inline-block;
vertical-align: top;
}
.myaccount-body-two-col > div:first-child {
margin: 22px 0 0 0;
width: 260px;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-body-two-col > div:first-child {
width: 70%;
margin: 22px 0 0 10px;
}
}
.myaccount-body-two-col > div:first-child > .title > h3 {
margin-top: 0;
font-size: 22px;
font-weight: bold;
display: inline-block;
margin: 0;
border-bottom: none;
color: #666666;
}
.myaccount-body-two-col > div:first-child > .title > p {
display: inline-block;
margin: 0;
}
.myaccount-body-two-col > div:first-child > .title > a {
margin: 0 0 0 20px;
}
.myaccount-body-two-col > div:first-child > .myaccount-list {
border-top: none;
}
.myaccount-body-two-col > div:last-child {
padding-top: 26px;
}
.myaccount-grey-block {
display: inline-block;
border: none;
padding: 28px 58px 32px 20px;
width: 228px;
background-color: #f7f7f7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.myaccount-grey-block > p {
color: #666666;
margin: 0 0 16px 0;
text-align: left;
line-height: 1.5;
font-size: 16px;
}
.myaccount-grey-block > a {
font-size: 13px;
text-align: left;
}
.myaccount-login-block {
display: inline-block;
border-left: 1px solid #bbbbbb;
padding: 0 18px 4px 18px;
width: 228px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.myaccount-login-block > p {
color: #666666;
margin: 0 0 16px 0;
text-align: left;
line-height: 1.5;
}
.myaccount-header-container > div > div.myaccount-login-block {
width: 320px;
margin-top: 20px;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-header-container > div > div.myaccount-login-block {
margin-top: 0;
width: 228px;
}
}
*/
/* Insight Sign Up Improvements */
.myaccount-header-container {
padding-bottom: 14px;
}
/* DS: With the new fonts, the text on insight-sign-up.php now wraps onto a third line. Aligning left for readability. */
.myaccount-header-container p {
text-align: left;
}
.myaccount-header-container > div {
overflow: hidden;
text-align: justify;
/* from: http://stackoverflow.com/questions/10272605/align-two-inline-blocks-left-and-right-on-same-line */
}
.myaccount-header-container > div:after {
content: '';
display: inline-block;
width: 100%;
height: 0;
font-size: 0;
line-height: 0;
}
.myaccount-header-container > div > div,
.myaccount-header-container > div > h2 {
display: block;
vertical-align: middle;
}
@media (min-width: 1010px) {
.myaccount-header-container > div > div,
.myaccount-header-container > div > h2 {
display: inline-block;
}
}
.myaccount-header-container > div > h2 {
margin-top: 0;
font-size: 24px;
font-weight: bold;
color: #000000;
line-height: 1.2;
margin: 0;
width: 85%;
}
@media (min-width: 768px), (min-width: 768px) {
.myaccount-header-container > div > h2 {
display: inline-block;
width: 62%;
}
}
.myaccount-header-container > div > div.myaccount-login-block {
width: 85%;
margin-top: 20px;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-header-container > div > div.myaccount-login-block {
margin-top: 0;
width: 228px;
}
}
.myaccount-header-container > p {
padding: 10px 0 0 0;
margin: 0;
width: 85%;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-header-container > p {
width: auto;
}
}
.insight-sign-up .myaccount-insights-lists {
border:none;
padding:0 0 20px 0
}
.myaccount-body-two-col {
min-width:420px;
color: #666666;
border-top: 5px solid #609cd4;
margin: 24px 0 14px 0;
text-align: left;
vertical-align: top;
display: flex;
}
.myaccount-body-two-col > div:first-child {
margin: 22px 0 0 0;
flex-grow: 1;
}
@media (min-width: 768px), (min-width: 1010px) {
.myaccount-body-two-col > div:first-child {
margin: 22px 0 0 10px;
}
}
.myaccount-body-two-col > div:first-child > .title > h3 {
margin-top: 0;
font-size: 22px;
font-weight: bold;
display: inline-block;
margin: 0;
border-bottom: none;
color: #666666;
}
.myaccount-body-two-col > div:first-child > .title > p {
display: inline-block;
margin: 0;
}
.myaccount-body-two-col > div:first-child > .title > a {
padding-top: 5px;
display: block;
}
@media(min-width:768px){
.myaccount-body-two-col > div:first-child > .title > a {
margin: 0 0 0 20px;
padding-top: 0;
display: inline;
}
}
.myaccount-body-two-col > div:first-child > .myaccount-list {
border-top: none;
}
.myaccount-body-two-col > div:last-child {
padding-top: 26px;
}
.myaccount-grey-block {
display: inline-block;
border: none;
padding: 28px 58px 32px 20px;
width: 228px;
background-color: #f7f7f7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.myaccount-grey-block > p {
color: #666666;
margin: 0 0 16px 0;
text-align: left;
line-height: 1.5;
font-size: 16px;
}
.myaccount-grey-block > a {
font-size: 13px;
text-align: left;
}
.myaccount-login-block {
width: auto;
font-size: 16px;
margin: 0;
padding: 15px 0 10px 10px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media(min-width:768px){
.myaccount-login-block {
font-size: 14px;
border-left: 1px solid #bbbbbb;
padding: 0 18px 4px 18px;
margin-top: 0;
width: 228px;
margin-left:auto;
}
}
.myaccount-login-block > p {
color: #666666;
margin: 0 0 5px 0;
text-align: left;
line-height: 1.2;
}
@media(min-width:768px){
.myaccount-login-block > p {
margin: 0 0 16px 0;
line-height: 1.5;
}
}
/* end: Insight Sign Up Page */
/* End: (1604) MyAccount Styles */
/* **** TEMPLATE 1602 ****
Main Styles - Custom CSS
- Styles to override CSS brought from Evolution.
*/
/* /css/ */
@media (min-width: 768px) AND (max-width: 1009px) {
#navigation #fund-finder-nav > ul > li > ul > li > ul > li > ul > li > ul {
width: 270px;
}
#navigation > div > ul > li > .four-columns {
left: 0;
width: 100%;
margin-left: 0;
}
#navigation > div > ul > li > .four-columns > li {
width: 25%;
padding-right: 20px;
}
}
/* General form pages (may be in modals too) */
.ev-form > dl:before{content:" ";display:table}
.ev-form > dl:after{content:" ";display:table;clear:both}
.ev-form .buttons { border-top: none; }
.ev-form .buttons > p {padding: 20px 0 0 0; }
#Register_form input.state-province { display: none; }
@media (max-width: 767px){
#Register_form.ev-form > dl {
padding-top: 0;
}
#Register_form > dl > dd {
width: 98%;
margin-top: 5px;
}
#Register_form > dl > dd > input[type=text],
#Register_form > dl > dd > input[type=password]
{
width: 240px;
}
.ev-form dd.incorrect span, .ev-form dd.incorrect span a {
font-size:12px;
}
.ev-form span.button > input { font-size: 18px; padding: 10px 15px; }
.ev-form dd.incorrect span {
padding-bottom: 8px;
}
.ev-form .passStrength {
margin:0 0 10px 0;
padding:0px;
border:none;
display: block;
padding-top: 5px;
}
.ev-form .passStrength p {
margin-bottom: 0;
}
.ev-form .ev-form-radios { text-align:left; padding-bottom: 10px; }
.ev-form dd .ev-form-radio { display:inline; width: auto; margin-top:5px; }
.ev-form > dl { margin-bottom: 0; }
.ev-form > dl > dd { padding-right: 0; }
.ev-form dt,
.ev-form dd {
width: auto;
min-height: 0;
padding-left: 0;
margin:10px 0 0 0;
text-align: left;
float: none;
}
.ev-form > dl > dt{ margin-top: 0; }
.ev-form div { width: auto; }
.ev-form > .clear {display:none;}
.ev-form .buttons { padding-left: 0; }
.ev-form .buttons > .acctbutton { width: 60px; display: inline-block; }
}
@media (min-width: 768px){
.ev-form dt label { font-size: 14px; }
#Register_form > dl > dd > input[type=text],
#Register_form > dl > dd > input[type=password]{
width: 195px;
}
#Register_form > dl {
padding-top: 30px;
}
#Register_form > dl > dd {
margin-top: 0;
}
.ev-form dd.incorrect span, .ev-form dd.incorrect span a {
font-size:11px;
}
.ev-form .passStrength {
width:196px;
margin-left: 185px;
padding-top: 5px;
}
.ev-form .ev-form-radios { padding-bottom: 0; }
.ev-form dd .ev-form-radio { margin-top:18px; padding-bottom: 0px; }
.ev-form span.button > input { font-size: 12px; padding: 5px 10px; }
.ev-form > dl { padding-top: 30px; }
.ev-form > dl > dt { width: 185px;}
.ev-form > dl > dd { margin-left: 0; }
.ev-form .buttons { width: 540px; padding: 0 0 0 125px; }
.ev-form .buttons > .acctbutton { padding-right: 10px; }
.ev-form .buttons > p {padding: 20px 0 0 60px; }
}
/* Engagement Modals */
/* Header */
.simplemodal-header .simplemodal-title, .please_wait div.ui-widget-header {height: auto;min-height: 44px;padding-right: 35px !important; line-height:1.25;}
@media (min-width: 768px){
.simplemodal-header .simplemodal-title, .please_wait div.ui-widget-header {height: auto;min-height: 44px;padding-right: 10px !important; line-height:1;}
}
/* General text/form */
#ev-modal .ev-form { min-width: 0; }
#ev-modal .ev-form dl { margin: 0; padding: 0; }
#ev-modal .ev-form { margin: 0; padding: 10px 10px 10px 0; }
#ev-modal .ev-form dd input { width: 226px; }
#ev-modal #ev-register-email {width: 233px;}
#ev-modal .ev-form p { margin-bottom: 10px; }
#ev-modal .ev-form dt { width: 170px; }
#ev-modal #ev-modal-login-form .ev-modal-error { margin-top: -5px; }
@media (max-width: 767px){
#ev-modal .ev-form { min-width: 0; padding: 0; }
#ev-modal .ev-form > dl { padding: 0 0 0 10px; margin-bottom: 0; }
#ev-modal .ev-form span.button > input { font-size: 15px; }
#ev-modal p { margin-bottom: 10px; padding-left: 10px; }
#ev-modal > div > p { font-size: 15px; padding-left: 10px; margin-left: 0; }
#ev-modal a {font-weight:bold;font-size:15px;color:#005492;}
#ev-modal p,
#ev-modal li,
#ev-modal label {color: #666;line-height:20px;font-size:15px;}
#ev-modal .ev-form-buttons { padding: 10px 0 0 10px; }
#ev-modal .ev-form { text-align: left; margin: 15px 15px 0 0; padding-bottom: 5px;}
#ev-modal .ev-form dd input { width: 200px; }
#ev-modal-error { padding-top: 10px; width: auto; }
#ev-modal #ev-modal-login-form .ev-modal-error { margin-top: 5px; }
#ev-modal p.footer { padding-left: 0; }
#ev-modal p.ev-form { padding-left: 10px; }
}
/* Common Modal Widths - */
#ev-modal-login-form,
#ev-modal-resend,
#ev-modal-subscriber-reg-form,
#ev-modal-access,
#ev-modal-multi-subscribe,
#ev-modal-forgot-resend,
#ev-modal-regsuccess,
#ev-modal-subscribe,
#ev-modal-resent,
#ev-modal-subconfirm,
#ev-modal-regadded,
#ev-modal-contentrequest,
#ev-modal-contentrequest-resend,
.ev-modal-generic,
#ev-modal-forgot,
#ev-modal-contentrequest-remember,
#ev-modal-error,
#ev-modal-download,
#ev-modal-register { width: auto; }
@media (min-width: 768px){
#ev-modal-login-form,
#ev-modal-resend,
#ev-modal-subscriber-reg-form,
#ev-modal-access,
#ev-modal-multi-subscribe,
#ev-modal-forgot-resend,
#ev-modal-regsuccess,
#ev-modal-subscribe,
#ev-modal-resent,
#ev-modal-subconfirm,
#ev-modal-regadded,
#ev-modal-contentrequest,
#ev-modal-contentrequest-resend,
.ev-modal-generic, /* created programmatically */
#ev-modal-forgot { width: 410px; padding: 10px 0; }
#ev-modal-contentrequest-remember { width: 430px; padding: 10px 0; }
}
/* Auto-registration Modal */
#ev-modal-register .right { width: 310px; }
#ev-modal-register .right .benefits li { margin: 0; padding: 10px 0 10px 10px; list-style-type: none; }
@media (max-width: 767px){
#ev-modal-register { padding: 0 0 10px 0; display: block; overflow: hidden; clear: both; }
#ev-modal-register .left {
width: auto;
border-right: none;
float:none;
display:block;
overflow: visible;
clear: both;
padding: 10px 10px 15px 0; margin: 0;
}
#ev-modal-register .left > p { margin: 0; }
#ev-modal-register .right {
width: auto;
display:block;
overflow: hidden;
clear: both;
margin: 0;
padding: 10px 20px 0 0;
border-top: 2px dotted #ccc;
}
#ev-modal-register .right .benefits li {
font-size: 15px;
line-height:14px;
background-image:none;
}
}
/* Content Request Remember Me Modal */
@media (max-width: 767px ){
.contentrequest-remember,
.contentrequest-dnr {
padding-left: 10px;
width: auto;
display: block;
margin-left: 0;
}
.contentrequest-dnr p { width: auto; }
#ev-modal .contentrequest-remember span.button a ,
#ev-modal .contentrequest-dnr span.button a {
color:#888;
border-style:dotted;
font-size: 13px;
padding: 10px 15px;
}
#ev-modal .contentrequest-remember p,
#ev-modal .contentrequest-dnr p {
font-size:12px;
padding-left: 0;
}
}
/* My Account & PickList Page */
#sub-maintenance .info > h2 {font-size: 20px;}
#sub-maintenance .info > p { margin-bottom: 0; font-weight: normal; padding-bottom: 10px; }
#sub-maintenance > form {padding-bottom: 20px; }
#sub-maintenance table { width: 100%; }
#sub-maintenance .performance.subscriptions .info > span {
display: block;
line-height: 17px;
font-size: 12px;
color: #666;
}
#sub-maintenance .no-funds { font-size: 12px; }
#my-account-all-insights { display: none; }
.performance.picklist { width: 100%; }
.performance.picklist p { margin-bottom: 0; }
/* Result Page */
#result > div > h5 { font-size: 22px; }
#result a, #result > div > p { font-size: 16px; }
/* Various box-sizing/other fixes */
table.performance.picklist tr.picklistmessage span { height: 22px; }
/* Fund detail pages */
.fund-header { border-top: none; margin-top: 0; padding-top: 20px; }
.fund-header .fund_title h1 .fund_title_share { font-size: 14px; padding-left: 4px; }
#banner div.shares ul li { margin-left: 0; }
#banner div.shares ul li a { height: 26px; }
.fund_lit > div > ul > li { list-style-type: none; }
.fund_lit > div > ul > li > .date { font-size: 14px; line-height: 1.75; }
#f2quotebar .quote-change span.caret{
width: auto;
height: auto;
border-top: inherit;
border-top: inherit;
}
/* Strategy Row fix for multiple Related Reading - Items (TODO: Delete after bringing latest less/css) */
.strategy-row > .related-reading-container {
border: none;
margin-top: 15px;
padding: 0;
}
.strategy-row > .related-reading-container > .related-reading-item {
background-color: #f7f7f7;
padding: 30px 25px 20px 25px;
display: block;
float: none;
width: 100%;
margin: 0 0 20px 0;
}
.strategy-row > .related-reading-container > .related-reading-item > h3 {
font-size: 16px;
font-weight: bold;
}
.strategy-row > .related-reading-container > .related-reading-item > h4 {
font-size: 14px;
color: #3c738a;
text-transform: uppercase;
margin: 0;
padding: 5px 0 10px 0;
}
.strategy-row > .related-reading-container > .related-reading-item > ul > li {
/* Icon styles */
list-style-type: none;
padding: 0;
margin: 0 5px 10px 0;
}
.strategy-row > .related-reading-container > .related-reading-item > ul > li > a {
font-size: 14px;
color: #34526c;
line-height: 1.3;
font-size: 18px;
display: inline-block;
}
@media (min-width: 768px), (min-width: 1010px) {
.strategy-row > .related-reading-container > .related-reading-item > ul > li > a {
font-size: 14px;
}
}
.strategy-row > .related-reading-container > .related-reading-item > ul > li.icon-doc {
margin-left: 35px;
}
@media (min-width: 768px) {
.strategy-row > .related-reading-container {
margin: 0;
display: inline-block;
margin-left: 4%;
width: 30.666666666666668%;
float: right;
}
.strategy-row > .related-reading-container:first-child {
margin-left: 0;
}
}
@media (min-width: 1010px) {
.strategy-row > .related-reading-container {
margin: 0;
display: inline-block;
margin-left: 4%;
width: 22%;
float: right;
}
.strategy-row > .related-reading-container:first-child {
margin-left: 0;
}
}
/* Office Address & Map */
/* Clear for stopping div overlapping */
.teaser-address{ clear: both; }
.teaser-address > .contact-address > .contact-map > img{ width: 100%; }
/* Press Releases */
div.press_releases .pr_link {max-width: none}
/* Prices Table */
#performance-table td, .performance-table a {font-size: 12px}
#performance-table {color: #000000; font-size: 12px; position: relative;}
.performance-table a {color: #000000}
.performance-table a:hover {text-decoration: none}
.performance-table ul {margin: 0px; padding: 0px}
.performance-table li {background-image:none}
.performance-table div.info {font-size: 12px; color: #3c738a; padding-bottom: 10px; text-align: right}
.performance-table div.links {color: #3c738a; height: 50px; margin-bottom: 20px}
.performance-table div.links p {float: left; margin-bottom: 5px}
.performance-table div.links ul {list-style-type: none}
.performance-table div.links ul li {cursor: pointer}
.performance-table div.links a {display: block; font-size: 13px; height: 30px; outline-width: 0; border: 1px solid #cccccc}
.performance-table div.links a.filter {background-image: url(/images/interface/dropdown_background.png); background-repeat: repeat-x; background-position: bottom; cursor: pointer; clear: left; border: 1px solid #cccccc}
.performance-table div.links a.filter span {background-image: url(/images/interface/dropdown_arrow.png); background-position: 98%; background-repeat: no-repeat; display: block; font-size: 13px; margin: 1px; padding: 7px 6px 0 8px}
.performance-table div.links div.funds {float: left; width: 193px}
.performance-table div.links div.funds p, .performance-table div.links div.shares p {color: #3c738a; font-size: 11px; margin: 0 0 5px; text-transform: uppercase}
.performance-table div.filter_slider{-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000;background-color: #FFF;border: 1px solid #d9d9d9;box-shadow: 0 0 5px #000; display: none; overflow: visible; position: absolute;z-index:3}
.performance-table div.filter_slider ul li {padding-left: 0px !important; padding-top: 0px !important}
.performance-table div.links div.shares {width: 164px}
.performance-table div.links div.shares div.filter_slider {padding: 0px}
.performance-table div.links div.funds div.filter_slider {padding: 7px}
.performance-table div.links div.funds div.filter_slider ul {float: none; width: 195px}
.performance-table div.links div.funds div.filter_slider ul li {background-color: #F2F2F2;clear: left;float: left;margin: 1px;width: 195px;}
.performance-table div.links div.filter_slider ul li {background-color: #ffffff}
.performance-table div.links div.filter_slider ul li.hover a, .performance-table div.links div.filter_slider ul li.active a {background-color: #609ED2}
.performance-table div.links div.filter_slider ul li a:hover, .performance-table div.links div.filter_slider ul li.active a {color: #ffffff}
.performance-table div.links div.funds div.filter_slider ul li.type_group {padding-top: 10px}
.performance-table div.links div.funds div.filter_slider ul li:first-child {background-color: #FFF; color: #609ED2; cursor: auto; float: none; font-size: 11px; height: 20px; width: 100%}
.performance-table div.links div.shares {float: right; z-index:3; display:inline-block; vertical-align:top}
.performance-table div.links div.shares div.filter_slider ul li {width: 158px; background-color: #ffffff; margin: 0px}
.performance-table div.links ul li a {border: none; color: #666666; height: 16px; padding: 10px 11px; box-sizing: content-box;}
.performance-table div.links ul.multiple li a:hover {background-position: 0 -30px}
.performance-table .info .active {font-weight: bold}
body.no-js .performance-table div.regulatory {display: block}
.performance-table div.regulatory {display: none}
/* PickList Table */
.performance-table table.performance {margin-top:0}
/* Performance Table */
body.no-js table.performance tbody tr
{
cursor: default;
}
table.performance
{
border-collapse: collapse;
clear: right;
font-size: 12px;
margin: 20px 0 60px 0;
width: 100%;
}
table.performance a.fund
{
color: #666;
float: left;
margin: 5px;
text-align: left;
text-decoration: none;
}
table.performance td.Col-block, table.performance td:first-child + td {}
table.performance a.underline
{
text-decoration: underline;
}
table.performance thead th:first-child
{
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
text-align: left;
min-width: 50px;
max-width: 200px;
}
table.performance thead th:last-child
{
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
table.performance thead tr, table.performance thead th {background-color: #0674b9;}
table.performance thead th {border-width:4px; border-color:#ffffff transparent transparent transparent; visibility: visible; margin: 5px 0 0 3px; color: #ffffff; font-weight: normal; padding: 8px 10px 8px 5px; vertical-align: bottom; text-align: center;}
table.performance thead th.sortable {cursor: pointer}
table.performance thead tr th.headerSortUp, table.performance thead tr th.headerSortDown {background-color: #6c869c}
table.performance thead th span.arw {visibility: hidden}
table.performance thead th.sortable span.arw {border-width:4px; border-color: transparent; visibility: visible; margin:5px 0 0 3px;}
table.performance thead tr th.headerSortDown span.arw {border-width:4px; border-color:transparent transparent #ffffff transparent !important; visibility:visible;margin:0 0 0 3px}
table.performance thead tr th.headerSortUp span.arw {border-width:4px; border-color:#ffffff transparent transparent transparent !important; visibility:visible; margin:5px 0 0 3px}
table.performance tbody tr
{
/* cursor: pointer; */
height: 43px;
}
table.performance tbody tr.hide
{
display: none;
}
table.performance tbody tr.hover
{
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
}
table.performance tbody tr.hover td
{
background-color: #ffd54c;
background-image: url(/images/interface/row_background.png);
background-position: center bottom;
background-repeat: repeat-x;
}
table.performance col.hover
{
background-color: #fff4d2;
}
table.performance tbody tr.hover td.hover {
background-color:#ffffff;
background-image:none;
}
table.performance tbody tr.hover td.hover_select
{
background-color: #fff;
background-image: url(/images/interface/row_background_select.png);
background-position: center bottom;
background-repeat: repeat-x;
}
table.performance tbody td
{
padding: 0;
border-bottom: 1px dotted #b2b2b2;
text-align: center;
vertical-align: middle;
color: black;
}
table.performance tbody td img.info
{
margin-left:3px;
vertical-align:text-bottom;
}
table.performance tbody td .check, table.performance tbody td .check-link
{
background-image: url(/images/interface/bg_inpicklist.gif);
background-repeat: no-repeat;
display: block;
height: 22px;
width: 24px;
margin-left:5px;
}
table.performance tbody td .checked
{
background-position: 0 -22px;
}
table.performance tbody p span
{
visibility: hidden;
}
table.performance tbody p {height: 8px; margin: 0 15px 0; width: 8px}
table.performance tbody p.cid_equity {background-color: #406799}
table.performance tbody p.cid_fixed-income {background-color: #518634}
table.performance tbody p.cid_tt {background-color: #518634}
table.performance tbody p.cid_alternative {background-color: #9E4000}
table.performance tbody p.cid_parametric {background-color: #b50f52}
body.no-js .performance-table .download_wrapper
{
-moz-box-shadow: 0 0 0 #999;
-webkit-box-shadow: 0 0 0 #999;
box-shadow: 0 0 0 #999;
background: none;
display: block;
overflow: visible;
position: relative;
}
body.no-js .performance-table .download_wrapper a
{
float: left;
}
.performance-table .download_wrapper {
display: none;
overflow: visible;
background: #Aed2e8;
padding: 0;
margin: 10px 0 0 0;
height: 30px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
position: absolute;
right: 0px;
z-index: 3;
}
.no-picklist .download_wrapper {margin-top:27px !important;}
.performance-table .download_wrapper a {
display: inline-block;
padding: 0px 5px 0px 20px;
margin: 0;
line-height: 28px;
background: url(/images/interface/bg_document.png) no-repeat 0 5px;
}
.performance-table .ev-tooltip .download_wrapper .button a {margin: inherit}
table.performance tfoot
{
display: none;
}
table.performance tfoot tr td
{
color: #666;
padding: 15px;
text-align: center;
}
table.performance th.center,
table.performance td.center {
text-align: center !important;
}
table.performance th.left,
table.performance td.left {
text-align: left !important;
float: none !important;
}
table.performance tbody tr,
table.performance thead th {
cursor: inherit;
}
@media (max-width: 767px){
table.performance thead th { margin: 5px 0 0 0; padding: 5px 3px 5px 3px; min-width: 35px; }
}
/* Colours */
/* UP GREEN */
.green
{
color:#70AB37;
}
/* DOWN RED */
.red
{
color:#AB3737;
}
/* Arrows */
span.arw
{
position: absolute;
border-style:solid;
width:0;
height:0;
vertical-align:middle !important;
}
.arw-up-green-sm
{
border-width:7px;
border-color:transparent transparent #70AB37 transparent;
}
.arw-down-red-sm
{
border-width:7px;
border-color:#AB3737 transparent transparent transparent;
}
/* Picklist fund-spotlight */
.fund-spotlight span.change {
margin-left: 18px;
}
.fund-spotlight .arw-down-red-sm {
margin-top: 2px;
}
.fund-spotlight .arw-up-green-sm {
margin-top: -5px;
}
@media (max-width: 767px){
.fund-spotlight th { font-size: 14px }
}
/* Important Fund Documents Table */
#modal-view-all{display: none;}
table.important_funds {width: 100%}
/* Tools */
body {
-ms-overflow-style: scrollbar;
}
#brokerTool {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 1000;
height: 40px;
width: 150px;
background-image: url(/images/interface/BrokerCheck_logo.png);
background-repeat: no-repeat;
cursor: pointer;
}
}
div#modal-share fieldset {border: none; margin-bottom: 10px}
div#modal-share.share_modal {background: inherit}
div.share_left {padding-bottom: 10px}
/* -- FUND PRODUCT PAGE OVERRIDES -- */
.no-border {
border-width: 0 !important;
}
/* Widget overrides (for right panel...) */
.widget-gfx-btn>img{
width:100%;
}
.widget-rounded {
margin-left: 0 !important;
}
.widget-rounded .teaser
{
font-weight: normal;
font-size: 12px;
padding: 0 10px 10px 10px;
padding-top: 10px;
vertical-align: baseline;
width: 100% !important;
z-index: 1;
}
.widget-rounded .widget-gradient {
margin-top: 4px;
}
@media (max-width: 1023px) {
.widget-rounded .widget-gradient {
visibility: hidden;
}
}
.widget-rounded .teaser h2, .widget-rounded .teaser h3 {
font-weight: normal;
font-size: 18px;
}
/* -- END FUND PRODUCT PAGE OVERRIDES -- */
/* -- OVERRIDES FOR STRATEGY PAGES -- */
/* strategy heading */
.banner div.container.StrategyDetail > div.fund_name {
line-height: 1.2;
float: left;
}
.banner div.container.StrategyDetail > div.sideitem {
width: 290px;
float: right;
padding: 11px 0 11px 18px;
margin: 24px 0;
border-left: 1px solid #d4d4d4;
}
.banner div.container.StrategyDetail > div.sideitem > p {clear: both}
.banner div.container.StrategyDetail > div.sideitem > p > img {
float: left;
margin-right: 18px;
padding-bottom: 18px;
/* /images/interface/big-pdf.png */
}
.banner div.container.StrategyDetail > div.sideitem > p > a {
font-size: 16px;
font-weight: bold;
color: #0063b1;
}
/* content column */
.StrategyDetail .fund_name h1 {
font-size : 36px;
font-weight: normal;
line-height:40px;
margin-top : 15px;
}
main.ProductPage {
padding-top: 0 !important;
}
.StrategyDetail .bodyContent {
}
.StrategyDetail table.fund-table { width: 100%; margin-bottom: 10px; border-bottom: 1px solid #cccccc; }
.StrategyDetail .fund-table tr.even > td {padding: 20px 0px 13px 0px; color: #000000}
.StrategyDetail .fund-table caption {text-align: left}
.StrategyDetail .fund-table caption h2 {
font-weight: 500;
font-size: 20px;
color: #232021;
}
.StrategyDetail .fund-table td {line-height: 20px; color: #434343; padding: 0; border-bottom: none;}
.StrategyDetail .fund-table tr td.indent {padding: 5px 5px 5px 20px; background: url(/images/interface/bullet.png) 5px 12px no-repeat}
.StrategyDetail .fund-table tr:last-of-type > td { padding-bottom: 33px; }
/* -- OVERRIDES FOR STRATEGY PAGES -- */
/* -- OVERRIDES FOR CONTACT PAGE -- */
div.employee-group {display: inline-block; width: 49%; vertical-align: top; min-width: 320px}
.employee-group div.ContactPhoto
{
float: left;
}
.employee-group div.ContactDetails
{
/*float: left;
width: 90%;
max-width: calc(100% - 40px);
min-width: 320px;*/
}
/* -- END OVERRIDES FOR CONTACT PAGE -- */
/* -- ERRORS AND OMMISIONS CORRECTED IN MAIN CLASSES -- */
.fa-file-text-o {
padding-right: 10px;
}
/* -- END ERRORS AND OMMISSIONS CORRECTED IN MAIN CLASSES -- */
/* Self Serve Rollovers fix */
.apf-ev-gated .ev-tooltip .ev-tooltip-arw.arw-right, .apf-ev-gated .ev-tooltip .ev-tooltip-arw-border.arw-right {left: 226px !important}
.ev-tooltip-arw, .ev-tooltip-arw-border {float: none !important; position: absolute !important}
.ev-tooltip, .ev-tooltip div {margin-left: 0px !important;}
/* Fund Detail tweaks */
.fund-table tfoot .table-export td {border: 0px; padding: 0px}
/* for publishing: 
h3, .fund_lit p.exclusive {background-image: url(/images/interface/download_padlock.png) !important}
/* Box model fix for icons*/
#right .widget-rounded .teaser.advisor-resources .advisor-export,
#right .widget-rounded .teaser.advisor-resources .advisor-goto,
#right .widget-rounded .teaser.advisor-resources .advisor-subscribe,
#right .widget-rounded .teaser.advisor-resources .advisor-register,
#right .widget-rounded .teaser.advisor-resources .remove-picklist,
#right .widget-rounded .teaser.advisor-resources .add-picklist,
#right .widget-rounded .teaser.advisor-resources .advisor-tutorial {
min-height: 28px;
}
/* 792 Blog.css */
.blog-entry > .blog-content-wrapper > .blog-right > .blog-contact {
padding-bottom: 20px;
min-height: 80px;
}
.blog-entry > .blog-content-wrapper > .blog-right > .blog-contact > img {
height: 80px;
padding-bottom: 10px;
}
/* Affiliates simple version */
.affiliate-banner.affiliate-simple-banner {
background-color: #fff;
}
.affiliate-banner .affiliate-simple-row {
background-color: transparent;
padding-top: 15px;
padding-left: 0;
}
.affiliate-banner .affiliate-simple-row > h1 {
color: #3c6283;
font-size: 18px;
}
.affiliate-content > .affiliate-simple {
display: inline-block;
padding-left: 0;
padding-right: 10px;
margin-bottom: 80px;
}
.affiliate-content > .affiliate-simple:last-of-type {
padding-right: 0;
}
.affiliate-content {
min-width: 320px;
max-width: 1010px;
margin: 0 auto;
background-color: transparent !important;
/* DS: Even though there's no visible text here, a 16px font size makes it wrap to the next line. */
font-size: 14px;
}
.affiliate-content > .affiliate-simple > p {
display: none;
}
.affiliate-content > .affiliate-simple > .affiliate-tab {
border-top: 5px solid;
padding: 0;
}
/* for publication purposes
*/
/* **** END TEMPLATE 1602 **** */
/* **** 1606 **** */
/********
Add any required EVIT CSS from:
layout.css
global.css
content.css
Notes:
- Box model has changed, watch out for width+padding type combinations.
********/
/* Navigation - Fund Finder - Auto-complete Form */
#navigation #fund-finder-nav label {
display: block;
color: #666;
padding: 15px 0px 10px 20px;
text-indent: 0;
font-size: 13px;
margin: 0;
text-transform: uppercase;
}
#navigation #fund-finder-nav #fund-search {
padding: 5px;
margin: 0 20px 15px 20px;
border: 1px solid #999;
color: #999;
width: 80%;
}
@media (min-width:768px){
#navigation #fund-finder-nav label {
color: #999;
font-size: 11px;
padding: 10px 0px 8px 10px;
margin: 0 5px;
text-transform: none;
}
#navigation #fund-finder-nav #fund-search {
width:140px;
padding: 5px 0;
margin: 0 10px 10px 10px;
}
}
li.ui-menu-item{
list-style:none;
background:none;
}
#navigation #fund-finder-nav #fund-search-results {
width: 349px;
}
#navigation #fund-finder-nav #fund-search-results li {
width: 349px;
}
#navigation #fund-finder-nav #fund-search-results a {
padding: 5px;
}
#navigation #fund-finder-nav #fund-search-results a:hover {
padding: 5px 10px;
margin: 0;
}
#navigation #fund-finder-nav #fund-search-results span {
display: block;
width: 309px;
}
/* Tools Bar */
#tools {
top: 200px;
position: fixed;
}
@media (min-width: 1100px){
#tools {
top: 187px;
}
}
#tools > ul > li:not(.mobile-expander),
#tools.is-open > ul > li:not(.mobile-expander) {
display: block;
}
#tools > ul > .mobile-expander {
width: 46px;
height: 30px;
padding:10px 0 0 18px;
margin: 0 0 5px 0;
background-color: #34526c;
}
#tools > ul > .mobile-expander > .expander-icon {
display: block;
width: 11px;
height: 9px;
background: #34526c url('/images/interface/toolbar-buttons.png') top right no-repeat;
}
#tools.is-closed > ul > .mobile-expander > .expander-icon {
background-position: top left;
}
@media (min-width:1100px){
#tools > ul > .mobile-expander {
display: none;
}
}
/* Fund Modal: Portfolio Fit Icons */
.income {background-image:url('/images/interface/bg_ss_income.png'); background-repeat:no-repeat;background-position: center center}
.taxes {background-image:url('/images/interface/bg_ss_taxes.png'); background-repeat:no-repeat;background-position: center center}
.volatility {background-image:url('/images/interface/bg_ss_volatility.png'); background-repeat:no-repeat;background-position: center center}
span.all{background-image:url('/images/interface/bg_ss_all_funds.png'); background-repeat:no-repeat;background-position: center center}
ul.fit li a.fit-Income {background-image:url('/images/interface/bg_ss_income_table.png'); background-repeat:no-repeat;background-position: center center}
ul.fit li a.fit-Taxes {background-image:url('/images/interface/bg_ss_taxes_table.png'); background-repeat:no-repeat;background-position: center center}
ul.fit li a.fit-Volatility {background-image:url('/images/interface/bg_ss_volatility_table.png'); background-repeat:no-repeat;background-position: center center}
A#income_column .income {background-image:url('/images/interface/bg_ss_income_large.png');}
A#taxes_column .taxes {background-image:url('/images/interface/bg_ss_taxes_large.png');}
A#volatility_column .volatility {background-image:url('/images/interface/bg_ss_volatility_large.png');}
A#reset_all .all_big {background-image:url('/images/interface/bg_ss_all_funds_large.png'); background-repeat: no-repeat; background-position: center center}
/* Evolution (or close enough) styles, eg: etc */
h1.evo {
font-weight: normal;
margin: 10px 0 10px 8px;
font-size: 36px;
}
h2.evo {
font-size: 18px;
font-weight: normal;
margin: 10px 0;}
h3.evo {
font-weight: normal;
border-bottom: 1px solid #999;
font-size: 21px;
line-height: 25px;
margin: 0 0 9px 0;
padding: 0 0 6px 0;
}
h4.evo {
font-size: 15px;
font-weight: bold;
margin: 5px 0;
}
/* Fund List - All Funds */
#all-funds-list {
border-top:1px dotted #ccc;
}
#all-funds-list .group .section {
padding: 25px 0 0 0;
}
#all-funds-list .group .section ul li {
background-image:none;
padding:0;
margin-left: 0;
list-style: none;
}
#all-funds-list .group .section ul li a {
font-size:13px;
border-bottom:1px dotted #ccc;
}
#all-funds-list .group .section a {
color: #666;
display: block;
padding: 10px;
text-decoration: none;
}
#all-funds-list .group .section a:hover {
background-color: #DFECF6;
text-decoration: underline;
}
#all-funds-list .group {
float: left;
margin: 18px 0 0 29px;
width: 299px;
padding: 0;
}
#all-funds-list .group:first-child {
margin-left:0;
}
#all-funds-list h2 {
font-weight: normal;
padding: 0 0 0 15px;
margin: 24px 0;
text-transform: uppercase;
font-size: 24px;
border: none;
display: block;
}
#all-funds-list h3 {
font-weight: normal;
padding: 0 0 0 15px;
margin: 24px 0;
text-transform: uppercase;
font-size: 21px;
border: none;
display: block;
}
#all-funds-list #cid_alternative img , #all-funds-list #cid_fixed-income img, #all-funds-list #cid_equity img, #all-funds-list #cid_tt img, #all-funds-list #cid_parametric img {
float:left;
margin-right:10px;
}
/* Title Settings */
#all-funds-list h4 {
border-bottom: 2px solid;
height: auto;
padding: 0 0 8px 10px;
margin: 0;
font-weight: normal;
font-size: 15px;
}
/* GREEN COLOR */
#cid_fixed-income h3,
#cid_fixed-income h4,
#cid_tt h3,
#cid_tt h4
{
color: #518634;
}
#cid_fixed-income h4,
#cid_tt h4
{
border-bottom: 2px solid #518634;
}
/* BLUE COLOR */
#cid_equity h3,
#cid_equity h4
{
color:#406799;
}
#cid_equity h4 {
border-bottom: 2px solid #406799;
}
/* RED COLOR */
#cid_alternative h3,
#cid_alternative h4
{
color:#9E4000;
}
#cid_alternative h4 {
border-bottom: 2px solid #9E4000;
}
/* BERRY COLOR */
#cid_parametric h3,
#cid_parametric h4
{
color:#b50f52;
}
#cid_parametric h4 {
border-bottom: 2px solid #b50f52;
}
/* Fund List - Portfolio Fit - Filters */
#portfolio-fit span
{
display: block;
height: 56px;
margin: auto;
}
#portfolio-fit
{
overflow: hidden;
padding-top: 18px;
width: 100%;
}
#portfolio-fit-topleft
{
position: relative;
display: inline-block;
float: left;
padding: 0;
width: 230px;
}
#portfolio-fit-topleft .arw
{
border-width: 34px 25px;
border-color: transparent transparent transparent #f0f0f0;
width: 0;
height: 0;
position: absolute;
top: 0px;
right: -50px;
}
#portfolio-fit-topleft p
{
font-size: 16px;
background: #f0f0f0;
padding: 16px 0px 16px 13px;
margin: 0;
height: 65px;
}
#portfolio-fit-filters {
float: right;
font-size: 11px;
}
#portfolio-fit-filters a
{
background-color: #ffffff;
background: -moz-linear-gradient(top, #fff, #eee);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #eee));
background: -webkit-linear-gradient(#fff, #eee);
background: linear-gradient(top, #fff, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE');
border-bottom: 1px solid #d6d8d9;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-top: 1px solid #f1f3f5;
display: inline-block;
float: left;
height: 65px;
outline-width: 0;
padding: 5px 0px;
text-align: center;
width: 180px;
text-decoration:none;
color:#666;
zoom: 1;
}
#portfolio-fit-filters a:hover, #portfolio-fit-filters a.selected
{
background: -moz-linear-gradient(top,#d1d2d4, #e5e6e8);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d1d2d4),color-stop(1, #e5e6e8));
background: -webkit-linear-gradient(#d1d2d4, #e5e6e8);
background: linear-gradient(top, #d1d2d4, #e5e6e8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d1d2d4', EndColorStr='#e5e6e8');
}
#portfolio-fit-filters a:first-child
{
-moz-border-radius: 3px 0px 0 3px;
-webkit-border-radius: 3px 0px 0 3px;
border-radius: 3px 0px 0 3px;
}
#portfolio-fit-filters a:last-child
{
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
/* Fund List - Portfolio Fit - Content Table */
#fund_list table
{
border: none;
border-collapse: collapse;
width: 100%;
margin-top: 15px;
font-size: 15px;
}
#fund_list table caption
{
font-weight: normal;
text-align: left;
padding: 10px;
}
#fund_list table td
{
border-bottom: 1px dotted #b2b2b2;
border-right: 1px solid #e8e8e8;
border-left: 1px solid transparent;
color: #999;
font-size: 45px;
line-height: 30px;
padding: 0;
text-align: center;
width: 170px;
vertical-align: middle;
}
#fund_list table td:first-child
{
color: #666;
font-size: 13px;
text-align: left;
padding: 10px;
line-height: 110%;
width: 257px;
}
#fund_list table td.selected
{
background-color: #f7f7f7;
}
#fund_list table.cid_fixed-income caption,
#fund_list table.cid_tt caption
{
border-bottom: 2px solid #518634;
color: #518634;
}
#fund_list table.cid_equity caption
{
border-bottom: 2px solid #406799;
color: #406799;
}
#fund_list table.cid_alternative caption
{
border-bottom: 2px solid #9E4000;
color: #9E4000;
}
#fund_list table.cid_parametric caption
{
border-bottom: 2px solid #b50f52;
color: #b50f52;
}
.search_media ul li {
padding-left: 25px;
}
ul li ul li ul li .children > a {
background-color:transparent !important;
}
/* **** END 1606 **** *//* /css/ */
/* **** TEMPLATE 788 ****
**************************
* ENGAGEMENT FLOWS CSS *
**************************
* Common Element Dependencies
* Gated/Subscribe Anchors
* SimpleModal Customization
* Generic Modal Styles
* Sign In Modal
* Subscriber Registration
* Modal Error Block
* Successful Download (cta blocks)
* Register Modal
* Subscribe Modal
* Multi-Subscribe Modal (Fund Lit)
* Share Modal
* Generic EV Form Styles
* Generic EV Tooltip
* Join Tooltip
* Download/Subscribe Tooltip
* Sign-in / Picklist Tooltip
* Custom Tooltip
* Fund Widget
* Fund Modal: Market Price Section
* Fund Modal: Consider For
* Fund Tooltip: Fund Type Specific Coloration
* Profile Maintenance
* Subscription Maintenance
* Picklist Table
* Old Fund Tooltip
* Performance subscriptions table
* Result Page
* Form page error/sucess messages
* MyAccount OptOut Changes
**************************
**/
/* Common Element Dependencies */
span.button {
background-image: -moz-linear-gradient(top, #FEFEFE, #E7E8E9);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FEFEFE),color-stop(1, #E7E8E9));
background-image: -webkit-linear-gradient(#FEFEFE, #E7E8E9);
background-image: linear-gradient(to bottom, #FEFEFE, #E7E8E9);
background-image: -o-linear-gradient(top, #FEFEFE, #E7E8E9);
border: 1px solid #CCCCCC;
display: inline-block;
padding: 1px;
font-size:12px;
margin:10px 1px 10px 0;
}
span.button a {
display:inline-block;
border:solid 1px #E6E6E6;
padding:7px 10px;
}
span.button img {vertical-align:middle;}
/* Gated/Subscribe Anchors */
a.ev-subscription span.arw {display:none;}
a.ev-gated-subscription img, a.ev-gated img, a.ev-subscription img { padding-left:3px; width: auto; height: auto; display: inline; }
a.ev-gated-subscription:hover, a.ev-gated:hover, a.ev-subscription:hover {text-decoration:none !important;}
a.ev-gated-subscription:hover span, a.ev-gated:hover span, a.ev-subscription:hover span {text-decoration:underline !important;}
a.ev-gated-subscription span:hover, a.ev-gated span:hover, a.ev-subscription span:hover {text-decoration:underline !important;cursor:pointer;}
/* SimpleModal Customization */
#simplemodal-overlay {
background-color:#000; }
#simplemodal-container, .please_wait.ui-widget {
background-color:#fff;
border:5px solid #fff;
text-align: left;
}
/* DS: Adding to correct sizing */
#simplemodal-container {
box-sizing: content-box;
}
.simplemodal-header {
background: #F2F2F2;
position: relative;
}
.simplemodal-header .close {
background:url('/images/interface/bg_modal_close.png') no-repeat;
height: 25px;
width: 25px;
display: block;
position: absolute;
cursor: pointer;
right: 10px;
top: 10px;
opacity: 0.8;
}
.simplemodal-header .simplemodal-title, .please_wait div.ui-widget-header {
margin:0;
padding: 15px 10px !important;
height:14px;
background-image: none;
background-color: #0674b9!important;
color: white !important;
font-size: 15.5px;
font-weight: normal;
border: none;
}
/* for please wait */
.please_wait.ui-dialog {padding: 0px !important}
.please_wait .ui-widget-content {border: none}
.please_wait div.ui-widget-header { height: 14px; }
.please_wait .ui-dialog-titlebar-close {display: none }
.ui-widget-overlay {filter: Alpha(Opacity=30) !important;opacity: .30 !important; background: #000000 !important}
/* Generic Modal Styles */
#ev-modal { display: none; }
#ev-modal > div { display: none; }
#ev-modal ul {margin:10px 20px 10px 40px;}
#ev-modal ul li {padding:0 0 5px 30px;}
#ev-modal a {font-weight:bold;font-size:13px;color:#005492;}
#ev-modal > div > p { margin:0 10px 10px 10px; }
#ev-modal p, #ev-modal li,
#ev-modal label {color: #666;line-height:20px;font-size:13px;}
#ev-modal p.footer { border-top: 2px dotted #ccc; padding-top: 15px; margin:15px 10px; }
#ev-modal p.footer.individual-investor-link { display: block; }
#ev-modal .ev-form-buttons { padding-top: 10px; }
#ev-modal .ev-form { text-align: right; margin: 15px 15px 0 10px; padding-bottom: 5px;}
#ev-modal .ev-form p { padding-right: 5px; }
#ev-modal .ev-form dl {display:block;clear:both;}
#ev-modal .ev-form dt { width: 155px; margin:10px 0 0 0; min-height: 35px;}
#ev-modal .ev-form dd { padding-right: 0; width:220px; margin:10px 0 0 0; min-height: 35px; }
#ev-modal .ev-form dd input {width:200px;}
#ev-modal .ev-form span.button {vertical-align: middle; }
#ev-modal .ev-form .close {font-weight:normal;margin-right:20px;vertical-align: middle; float: none; opacity:1; }
#ev-modal .ev-form p.fa { padding-right:20px;margin-right:-20px;background: transparent url('/images/interface/padlock.png') right center no-repeat;}
#ev-modal .ev-form input.fa { background-image: url('/images/interface/padlock.png');background-repeat:no-repeat; background-position: right 5px center; }
#ev-modal h5 { color: #999;margin: 10px 10px 10px 10px;font-size: 16px;line-height: 22px;}
#ev-modal h6 { color: #666; }
#ev-modal a:focus { text-decoration: underline !important; }
#ev-modal input[type="submit"]:focus { text-decoration: underline !important; }
#ev-modal .user-email { font-weight: bold; }
/* Common Modal Widths */
#ev-modal-login-form,
#ev-modal-resend,
#ev-modal-access,
#ev-modal-multi-subscribe,
#ev-modal-forgot-resend,
#ev-modal-regsuccess,
#ev-modal-subscribe,
#ev-modal-complete-optin,
#ev-modal-resent,
#ev-modal-subconfirm,
#ev-modal-regadded,
#ev-modal-contentrequest,
#ev-modal-contentrequest-resend,
.ev-modal-generic, /* created programmatically */
#ev-modal-forgot { width: 420px; padding: 10px 0; }
#ev-modal-contentrequest-remember { width: 440px; padding: 10px 0; }
/* Sign In Modal */
#ev-modal-login-form { padding:0 0 10px 0; }
#ev-modal-login-form .ev-login-password { display: none; }
#ev-modal-login-form #ev-login-remember { margin-right: 8px; vertical-align:middle;margin-top:-1px; }
#ev-modal-login-form #ev-login-remember { width: auto; display: inline; border:none; }
#ev-modal-login-form ul li { padding-left: 0; text-align: left; }
#ev-modal-contentrequest-resend .contentrequest-success { display: none; }
/* Subscribe Modal */
#ev-modal-subscribe ul li{padding-left: 0}
#ev-modal-subscribe ul {margin-left: 0}
/* Verified Subscriber Remember Me */
.contentrequest-remember,
.contentrequest-dnr {
display: inline-block;
font-size: 9px;
margin: 0 0 20px 30px;
vertical-align: top;
width:160px;
padding:0;
}
.contentrequest-dnr { width: 180px; }
.contentrequest-remember.active span.button {border-color:#609ED2;}
.contentrequest-remember.active span.button a { color:#005492; }
.contentrequest-remember span.button a ,
.contentrequest-dnr span.button a { color:#888; border-style:dotted; }
.contentrequest-remember span.button a:focus,
.contentrequest-dnr span.button a:focus {border:1px solid transparent;}
.contentrequest-remember p,
.contentrequest-dnr p {
font-size:11px;
}
.contentrequest-dnr p {
width: 120px;
}
/* Modal Error Block */
#ev-modal-error { width: 320px; padding-top: 10px; }
#ev-modal-error-upgraded { width: 320px; padding: 15px 0 5px 0; }
#ev-modal .ev-modal-error {margin:-5px 0 10px 0;background-color:#F5E7E6;color:#E8554A;line-height:20px;padding:5px 10px 5px 10px;}
#ev-modal .ev-modal-error h5 { font-size:16px; line-height:28px;color:#E8554A !important; padding:0; margin: 5px 0; }
#ev-modal .ev-modal-error p {color:#E8554A !important;line-height:18px;font-size:12px; padding: 0;margin:5px 0;}
#ev-modal-error .ev-modal-error,
#ev-modal #ev-modal-register .ev-modal-error,
#ev-modal #ev-modal-download .ev-modal-error,
#ev-modal #ev-modal-login-form .ev-modal-error,
#ev-modal-login-form .ev-modal-error { margin-top: 5px; }
/* Successful Download (cta blocks) */
#ev-modal-download { width: 440px; }
#ev-modal-download .cta-subscribe,
#ev-modal-download .cta-signup { display: none; }
#ev-modal .cta-text {
padding: 30px 20px 0 10px;
font-size:10px;
}
#ev-modal .cta-text p {
padding: 0;
margin-bottom:0;
}
#ev-modal-download .ev-form {
padding-right: 20px;
}
#ev-modal .ev-form.cta-subscribe p.fa, #ev-modal .ev-form.cta-signup p.fa {margin-right:-25px;}
#ev-modal .cta-text h6 {
margin: 0;
padding: 0 0 10px 0;
}
#ev-modal .ev-form.cta-signup dt {
width: auto;
padding-left: 10px;
}
#ev-modal .ev-form.cta-signup dl {
display: inline-block;
padding-right: 10px;
}
#ev-modal .ev-form.cta-subscribe {
padding: 0 20px 0 0;
}
#ev-modal .ev-form.cta-signup input.fa,
#ev-modal .ev-form.cta-subscribe input.fa {
padding: 10px 30px 10px 10px;
}
/* Subscribe Success */
#ev-modal-subconfirm p.footer { display: none; }
/* Register Modal */
#ev-modal-register { width: 732px; padding: 0 0 10px 0; display: block; overflow: hidden; clear: both; }
#ev-modal-register .left { width: 420px; border-right: 2px dotted #ccc; float:left; display:inline-block;overflow: hidden; clear: both; margin: 20px 0 10px 0;}
#ev-modal-register .left h5 { margin-top: 0; }
#ev-modal-register .left > p { margin: 0 0 0 15px; }
#ev-modal-register .right { width: 280px; display:inline-block;overflow: hidden; clear: both; padding: 0 20px 0 10px; margin-top: 10px; }
#ev-modal-register .right h5 { font-weight: normal; }
#ev-modal-register .right .benefits { margin: 0; padding: 0;}
#ev-modal-register .right .benefits li { font-size:12px; line-height:14px; margin: 20px 10px; padding: 0; background-image:none;}
/* Multi-Subscribe Modal (Fund Lit) */
#ev-modal-multi-subscribe {
padding: 10px;
display: none;
width: 700px;
}
#ev-modal-multi-subscribe > p {
padding: 5px;
color: #696969;
text-align:left;
margin: 5px 0 10px 0;
font-size: 12px;
}
#ev-modal-multi-subscribe > p.multi-subscribe-all{
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
margin: 0;
}
#ev-modal-multi-subscribe #multi-subscribe-all {
display:block;
color: #1B669E;
}
#ev-modal-multi-subscribe #multi-sub-list {
border-bottom: 1px solid #E5E5E5;
overflow:auto;
}
#ev-modal-multi-subscribe .multi-fund-lit-item h3,
#ev-modal-multi-subscribe .multi-fund-lit-item p {
display:block;
text-align:left;
cursor: pointer;
}
#ev-modal-multi-subscribe .multi-fund-lit-item {
border-bottom: 1px solid #E5E5E5;
padding: 10px;
display:block;
text-align:left;
}
#ev-modal-multi-subscribe .multi-fund-lit-item h3 {
border-bottom: none;
color: #777;
margin-bottom: 0;
padding-bottom: 0;
font-weight:bold;
font-size:19px;
}
#ev-modal-multi-subscribe .multi-fund-lit-item.fa-exclusive {
background:transparent url('/images/interface/fa-exclusive.png') top right no-repeat;
}
#ev-modal-multi-subscribe .multi-fund-lit-item span.check {
display: inline-block;
width:40px;
text-align:center;
float:left;
margin-right:10px;
padding-top: 4px;
}
#ev-modal-multi-subscribe .multi-fund-lit-item div.data {
width:610px;
display:inline-block;
}
#ev-modal-multi-subscribe .multi-fund-lit-item.fa-exclusive div.data {
width: 525px;
padding-right: 85px;
}
#ev-modal-multi-subscribe .multi-fund-lit-item div.data p {
margin-top: 3px;
font-size:12px;
}
#ev-modal-multi-subscribe .multi-fund-lit-item .last-update {
color: #BBBBBB;
margin-bottom:5px;
}
#ev-modal-multi-subscribe .multi-submit {
text-align: left;
height: 50px;
display: block;
overflow: hidden;
}
#ev-modal-multi-subscribe #multi-cancel {
color: #1B669E;
}
#ev-modal-multi-subscribe .multi-submit span.button {
margin-right: 15px;
float: left;
}
#ev-modal-multi-subscribe .multi-submit > a.close {
float: left;
display: inline-block;
height: 10px;
padding: 10px 0;
margin-top: 12px;
}
#ev-modal-multi-subscribe .multi-submit p.status {
float: left;
display: inline-block;
padding-left:15px;
margin-top: 12px;
}
#ev-modal-multi-subscribe .multi-submit p.status.success {
color: green;
}
#ev-modal-multi-subscribe .multi-fund-lit-item div.data p.error,
#ev-modal-multi-subscribe .multi-submit p.status.error {
color: red;
}
/* Share Modal */
#modal-share-form {
padding: 5px 0px 0px 15px;
}
#custom_share_url {display:none;}
#modal-share {
width: 400px;
/*padding-bottom: 20px;*/
display: none;
}
#modal-share form label {
display: block;
line-height: 1.5;
}
#modal-share form textarea {
width: 90%;
}
#modal-share h6 {margin:10px 0 0 10px;}
#modal-share fieldset { margin-bottom: 0 !important; clear: both;}
#modal-export {
width: 300px;
padding-bottom: 10px;
display: none;
}
#modal-export .download a {
background: url('/images/interface/bg_tools_download.png') no-repeat 5px 50%;
padding-left: 25px;
}
.img_replace {
height: 0px;
display: block;
overflow: hidden;
background-repeat: no-repeat;
text-indent: -9999px;
}
.share_modal {
background-color: #fbfbfc;
}
.share_header {
width: 659px;
height: 19px;
float: left;
margin: 0 0 20px 0;
padding: 15px;
background-color: #609ED2;
color: white;
font-size: 1.3em;
font-weight: bold;
}
.share_header h3 {
font-weight: bold;
position: relative;
}
.share_main {
padding: 10px 20px 0 20px;
}
.share_left {
/* width: 290px; */
/* float: left; */
}
.share_left fieldset {
/* float: left; */
width: 100%;
padding: 0 0 15px 0;
margin: 0;
border: none;
}
.share_left fieldset label {
width: 100%;
clear: both;
float: left;
padding: 0 0 5px 0;
margin: 0;
font-weight: bold;
}
.share_left fieldset .help, .please_wait .help {
width: 100%;
clear: both;
float: left;
margin: 10px 0;
color: #999999;
font-size: 0.85em;
line-height: 1.2em;
}
.share_left fieldset .help.bottom {
margin: 0px 0 10px 0;
}
.share_left .help hr {
margin: 0;
padding: 0;
border-width: 0;
background-color: #d9d9d9;
color: #d9d9d9;
height: 2px;
}
.share_left fieldset input[type="text"] {
width: 280px;
background: url('/images/interface/bg4x29spinner.png') repeat-x left top;
border: none;
height: 29px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0px 5px 0 5px;
font-size: 1em;
}
.share_left fieldset textarea {
width: 290px;
border: 1px solid #ccc;
background-color: white;
height: 200px;
font-size: 1em;
}
.share_left fieldset #share_shorturl {
background: none;
border: none;
color: #999;
padding: 0;
}
.share_left fieldset a {
color: #999;
text-decoration: underline;
line-height: 16px;
}
.copy-link, .copy-link:active, .copy-link:hover, .copy-link:visited, .copy-link:focus {
font-size: 11px !important;
text-decoration: none !important;
padding: 5px 8px !important;
font-weight: normal !important;
}
/* .share_right removed 1/11/2016 */
#share_submit {
float: left;
width: 135px;
height: 42px;
margin: 0px 0 0 10px;
background: url('/images/interface/btn135x42sendemail.png') no-repeat left top;
}
#share_cancel {
float: left;
margin: 15px 5px 20px 60px;
font-size: 1.1em;
color: #609ED2;
font-weight: bold;
}
.share_error {clear:both;display:block;margin-top:40px;font-size:12px;color:#E8554A;}
/* Generic EV Form Styles */
.ev-form {}
.ev-form p {
clear:both;
display:block;
}
.ev-form h2 {
color:#666666;
padding-left:7px;
margin: 0 0 25px 0;
}
.ev-form a {color:#005492 !important;}
.ev-form span.button input{
display:inline-block;
border: 1px solid #E6E6E6 !important;
padding: 5px 10px;
margin: 0;
outline: none;
line-height: 14px;
/*height: 14px;*/
font-size: 12px;
background: transparent;
color: #666;
}
.ev-form span.button input.acctbutton {
height: auto;
}
P.blocktext {
margin-left: auto;
margin-right: auto;
width: 8em
}
.secure-login {
width: 100% !important;
margin: 0 auto 0 auto;
border: 0px !important;
}
.secure-button {
border-radius: 4px;
padding: 10px 78px !important;
font-size: 16px !important;
height: auto;
background-color: #0074C8 !important;
color: #FFFFFF !important;
}
hr.sec-divider {
line-height: 3px;
width: 55px;
display: inline-block;
vertical-align: middle;
}
.login-divider {
width: 67% !important;
margin: 0 auto 0 auto;
font-size: 12px !important;
border: 0px !important;
padding: 0px !important;
}
div.password {
width: 57% !important;
border: 1px solid rgb(204, 204, 204) !important;
padding: 9px !important;
height: 40px;
border-radius: 2px;
margin: 0 auto 7px auto;
}
div.login-container {
width: 100% !important;
margin: 0 auto 0 auto;
text-align: center;
border: 0px !important;;
}
.ev-form span.button input.disabled {
color: #ccc !important;
text-decoration:none !important;
cursor: default !important;
}
.ev-form dt {
display:block;
vertical-align:top;
padding:9px 15px 5px 0;
margin-bottom:15px;
width:170px;
float:left;
text-align:right;
clear:both;
font-size:14px;
}
.ev-form dt.twolines {
padding: 3px 15px 5px 0;
}
.ev-form dd {
float:left;
display:inline-block;
padding-right:35px;
margin-bottom:15px;
min-height:55px;
}
.ev-form dd input {
display:block;
margin:0 10px 5px 0;
font-size:14px;
padding:8px;
background-color:#FFFFFF;
border:1px solid #C3C3C3;
width:175px;
color:#000000 !important;
}
.ev-form dd #remember {
width:auto;
display:inline;
}
.ev-form dd input:focus,
.ev-form dd input.focus {
border-color:#37b9e3;
}
.ev-form dd input.disabled {
background-color:transparent;
border:none;
width:264px;
}
.ev-form dd select {
display:block;
margin:0 10px 5px 0;
font-size:14px;
padding:8px;
background-color:#FFFFFF;
border:1px solid #CCC;
}
.ev-form dd span {
font-size:11px;
margin-top:6px;
display:block;
color:#999;
line-height: 14px;
}
.ev-form dt span {
display:block;
font-size:12px;
color:#999;
margin-top:3px;
}
.ev-form dd.loading {
background-image:url('/images/interface/ajax-loader-circle.gif');
background-position:right 18%;
background-repeat:no-repeat;
}
.ev-form dd.correct {
background-image:url('/images/interface/icon_correct.png');
background-position:top right;
background-repeat:no-repeat;
}
.ev-form dd.correct span {
display:block;
color:#090;
margin-top:6px;
}
.ev-form dd.incorrect {
background-image:url('/images/interface/icon_incorrect.png');
background-position:top right;
background-repeat:no-repeat;
}
.ev-form .incorrect,
.ev-form dt.incorrect span,
.ev-form dd.incorrect span,
.ev-form .passStrength.incorrect p,
#formOutput {
color:#E8554A;
}
.ev-form dd.incorrect input, .ev-form dd.incorrect select {
border-color:#E8554A;
border-style:solid;
border-width:2px;
margin-bottom:5px;
padding:7px;
}
.ev-form dd.incorrect span, .ev-form dd.incorrect span a {
display:block;
font-size:11px;
color:#E8554A !important;
}
.ev-form dd.incorrect span, .ev-form dd.correct label {
width:190px;
}
.ev-form dd.incorrect span {
margin-top:4px;
}
.ev-form dd.incorrect span a {
text-decoration:underline;
display:inline;
}
.ev-form div {
border-top:1px dotted #CCCCCC;
padding:5px 0 0 5px;
width:430px;
}
.ev-form div.clear {
border:none;
margin:0;
padding:0;
height:0px;
}
.ev-form div.left {
float:left;
width:155px;
text-align:right;
border:none;
}
#wrapper .ev-form span.button input {
display:block;
padding:5px 35px;
font-size:20px;
font-weight:normal;
}
#reg-submit { padding:5px 35px !important; }
#wrapper .ev-form span.button input.processing {
background-image:url('/images/interface/ajax-loader-circle.gif');
background-position:90% 50%;
background-repeat:no-repeat;
padding:10px 40px 10px 20px;
}
#wrapper .ev-form div.buttons.edit-profile {
border:none;
padding:0;
}
#wrapper .ev-form div.buttons.edit-profile > a {
display:block;
float:left;
width: 45px;
margin: 20px 10px 0 130px;
}
#wrapper .ev-form div.buttons.edit-profile > p {
clear:both;
margin-left:185px;
}
#wrapper .ev-form div.buttons.edit-profile span.button {
display:block;
float:left;
}
#wrapper .ev-form div.buttons.edit-profile span.button input {
font-size:12px;
padding: 5px 15px;
}
.ev-form div.right {
float:right;
width:250px;
padding-top:10px;
border:none;
}
.ev-form div.right p {
font-size:12px;
margin-top:5px;
line-height:21px;
}
.ev-form div.right p a {
font-weight:bold;
}
#wrapper .ev-form span.button input.disabled, #wrapper .ev-form div.left input .disabled:hover {
color:#CCCCCC;
text-decoration:none;
cursor:default;
}
.ev-form .passStrength {
margin:0 0 20px 185px;
padding:0px;
border:none;
width:196px;
}
.ev-form .passStrength p {
font-size:12px;
}
#formOutput {
display:none;
font-size:12px;
}
#register-form > .right {
width:390px;
float:right;
padding:53px 0 0 0;
}
#register-form .carousel-topics,
#register-form .carousel-topics ul.content,
#register-form .carousel-topics ul.content li {
width:auto;
height:auto;
}
#register-form .carousel-topics ul.content li {
padding-bottom: 20px;
}
.carousel-topics ul.content li.polaroid {
padding:5px !important;
}
#register-form > .right .carousel-topics ul.content li.polaroid img {
width:410px;
}
#ev-form-set-pass h2 { margin:0 0 5px 0; padding:0; }
#ev-form-set-pass dl { margin-top: 20px; }
.ev-form .ev-form-radios { text-align:left; }
.ev-form dd .ev-form-radio { display:inline; width: auto; margin-top:18px; }
.ev-form dd .ev-form-radio-label { display:inline; width: auto; margin-top:18px; margin-right: 14px; }
.ev-form div.isGDPR. {width: 100%; display: block;}
.ev-form div.GDPRText{width: 100%; }
.ev-form div.noGDPR{display: none;}
/* Generic EV Tooltip */
.ev-tooltip {
font: 11px 'Arial', 'Helvetica', sans-serif;
color: #999;
position: absolute !important;
margin: 5px;
padding: 0;
z-index: 1001;
background-color: #FFF;
border: 6px solid #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
text-align: left;
display: none;
text-transform:none !important;
letter-spacing:normal !important;
text-decoration:none;
}
.ev-tooltip > div { display: none; } /* Hide all content */
.ev-tooltip-arw, .ev-tooltip-arw-border {
position: absolute;
border-style:solid;
width:0;
width:20px\9;
height:0;
}
.ev-tooltip-arw {
border-width:20px;
margin: 12px 0;
z-index: 4;
}
.ev-tooltip-arw-border {
border-width:21px;
z-index: 3;
margin: 11px 0;
}
.ev-tooltip-arw.arw-left {
border-color: transparent #FFF transparent transparent;
left: -26px !important;
border-left-width: 0px;
}
.ev-tooltip-arw.arw-right {
border-color: transparent transparent transparent #FFF;
left: 331px !important;
border-right-width: 0px;
}
.ev-tooltip-arw-border.arw-left {
border-color: transparent #DDD transparent transparent;
left: -28px !important;
border-left-width: 0px;
}
.ev-tooltip-arw-border.arw-right {
border-color: transparent transparent transparent #DDD;
left: 331px !important;
border-right-width: 0px;
}
.ev-tooltip-body,
.ev-download-subscribe {
width: 325px;
margin: 0;
padding: 0;
}
/* Sign-in Tooltip */
.ev-signin-tooltip .ev-tooltip-body { width: 240px; }
.check-link .ev-tooltip-arw-border.arw-right,
.apf-ev-gated .ev-tooltip-arw-border.arw-right,
.ev-gated .ev-tooltip-arw-border.arw-right{
left: 226px !important;
}
.check-link .ev-tooltip-arw.arw-right,
.apf-ev-gated .ev-tooltip-arw.arw-right,
.ev-gated .ev-tooltip-arw.arw-right {
left: 225px !important;
}
/* Join Tooltip */
#tools .ev-register .ev-tooltip .ev-tooltip-arw-border.arw-right {
left: 266px !important;
}
#tools .ev-register .ev-tooltip .ev-tooltip-arw.arw-right {
left: 266px !important;
}
#tools .ev-register > a {background:url('../images/interface/padlock.png') no-repeat 50% 0;padding-top:22px;}
#tools .ev-register .ev-tooltip { padding: 0 !important; }
#tools .ev-register .ev-tooltip .ev-tooltip-join {
padding:10px !important;
background-color: #FFFFFF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f2f2f2)); /* Chrome, Safari 4+ */
background-image: -webkit-linear-gradient(top, #FFFFFF, #f2f2f2); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
background-image: -moz-linear-gradient(top, #FFFFFF, #f2f2f2); /* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, #FFFFFF, #f2f2f2); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #FFFFFF, #f2f2f2); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
#tools .ev-register .ev-tooltip-join, #tools .ev-register .ev-signin-tooltip {width:240px;}
/* Download/Subscribe Tooltip */
.ev-download-subscribe {background-color:white;text-decoration:none !important;}
.ev-download-subscribe .simplemodal-header .simplemodal-title {margin-right:0;text-decoration:none !important;height:auto;}
.ev-download-subscribe ul {display:block;padding:10px 0 !important;margin:0 !important;}
#main .ev-download-subscribe ul li {background-image:none;vertical-align:top;padding:0 5px !important;border:none !important;}
ul.media-download .ev-download-subscribe span.button a {padding:7px 10px;}
.ev-download-subscribe ul li,
ul.media-download .ev-download-subscribe ul li{display:inline-block;padding:0px 5px 0px 5px !important;background-image:none !important;margin:0 !important;}
.ev-download-subscribe ul li {display:inline-block; vertical-align: top;}
.ev-download-subscribe ul li span.button {margin:0 !important;text-decoration:none !important; height:41px;}
.ev-download-subscribe ul li span.button a {text-decoration:none !important; height:37px;}
.ev-download-subscribe ul li.s_already {display:none;}
.ev-download-subscribe ul li.s_already p {display:inline-block;width:190px;margin:0;padding:0;}
.ev-download-subscribe ul li.s_already p span {font-weight:bold;}
.ev-download-subscribe ul li.s_already a.ev-account {
padding:5px 0 0 0 !important;display:inline-block;color:#005492;margin: 0 !important;border:none !important;
}
.ev-download-subscribe .d_button a, .ev-download-subscribe .ds_button a {text-align:center !important;}
.ev-download-subscribe .simplemodal-header .simplemodal-title {color:white !important;padding:15px 10px !important;margin-right:0;text-decoration:none !important;}
/* Sign-in / Picklist Tooltip */
.ev-signin-tooltip .ev-tooltip-body { width: 240px; }
.ev-signin-tooltip.ev-tooltip-arw-border.arw-right{
left: 246px !important;
}
.ev-signin-tooltip .ev-tooltip-arw.arw-right {
left: 245px !important;
}
.ev-signin-tooltip {
padding:10px;
background-color:#FFF !important;
width:220px;
}
.ev-signin-tooltip h3, .ev-tooltip-join h3 {
margin:0 !important;
padding:0 !important;
line-height:normal !important;
min-height:1px !important;
background:none !important;
border:none !important;
color:#666 !important;
font-size:16px !important;
letter-spacing:-1px !important;
font-weight:bold !important;
}
.ev-signin-tooltip p, .ev-tooltip-join p {
color:#999 !important;
margin:0 !important;
padding:0 !important;
font-size:12px !important;
border:none !important;
line-height:normal !important;
width:auto !important;
height:auto !important;
}
.ev-signin-tooltip span.button {
width:inherit !important;
}
.ev-signin-tooltip span.button, .ev-tooltip-join span.button {
margin:15px 0 17px !important;
display:inline-block !important;
width:auto !important;
padding:1px !important;
height:inherit !important;
line-height:normal !important;
font-weight:normal !important;
text-transform:none !important;
float:none !important;
border:1px solid #cccccc !important;
}
.ev-signin-tooltip p > a, .ev-tooltip-join p > a {
background:none !important;
padding:0 !important;
margin:0 !important;
float:none !important;
border:none !important;
display:inline !important;
color:#395f79 !important;
font-size:12px !important;
font-weight:normal !important;
text-decoration:none !important;
}
.ev-signin-tooltip p > a:hover, .ev-tooltip-join p > a:hover {
text-decoration:underline !important;
}
.ev-signin-tooltip span.button > a, .ev-tooltip-join span.button > a {
background:none !important;
padding:4px 10px 3px !important;
color:#666666 !important;
font-size:12px !important;
font-weight:normal !important;
height:inherit !important;
width:auto !important;
min-width:1px !important;
}
/* Custom Tooltip */
.ev-tooltip-manual, .ev-tooltip-manual .content p {text-decoration:none !important;margin: 5px;}
.ev-tooltip-manual a, .ev-tooltip-manual .content p a {text-decoration:underline !important;}
.ev-tooltip-manual .content {padding:5px 10px 10px 10px;height:180px;overflow:auto;text-decoration: none !important;}
.ev-tooltip-manual .simplemodal-title {color:white;height:auto !important;margin-bottom:5px;margin-top:0 !important;}
.ev-tooltip-manual .loading {display:none;background: transparent url('/images/interface/ajax-loader-bar.gif') center center no-repeat;}
/* Fund Widget */
.ev-tooltip-body-fund h5 {
font-size: 15px;
font-weight: normal;
color: #FFF;
margin: 0 0 10px 0;
padding: 10px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
background: #999;
}
.ev-tooltip-body-fund {
display: block;
}
.ev-tooltip-body-fund .symbol {
font-size: 11px;
float: left;
margin: 0 0 0 10px;
color: #999;
}
.ev-tooltip-body-fund .symbol span{
display: block;
font-size: 13px;
line-height: 20px;
}
.ev-tooltip-body-fund .spark-line {
float: left;
margin: 0 0 0 20px;
}
/* Fund Modal: Market Price Section */
.ev-tooltip-body-fund .price {
color: #999;
font-size: 11px;
float: right;
margin: 0 10px 10px 0;
}
.ev-tooltip-body-fund .price .date {
display: inline;
}
.ev-tooltip-body-fund .price .value {
font-size: 18px;
color: #666;
font-weight: bold;
}
.ev-tooltip-body-fund .change {
background: none;
visibility:hidden;
}
.ev-tooltip-body-fund .price .down{
color: #FF6F4C;
visibility:visible !important;
}
.ev-tooltip-body-fund .price .up{
color: #70AB37;
visibility:visible !important;
}
.ev-tooltip-body-fund .price .arw {
position: relative;
display: inline-block;
margin: 0 2px 0 0;
width:0;
height:0;
border-style:solid;
border-width: 6px;
font-size: 1px;
background: none;
}
.ev-tooltip-body-fund .price .up .arw {
border-color: transparent transparent #70AB37 transparent;
top: -1px;
}
.ev-tooltip-body-fund .price .down .arw {
border-color: #FF6F4C transparent transparent transparent;
top: 5px;
}
.ev-tooltip-body-fund .description{
clear: both;
border-top: 1px dotted #CCC;
border-bottom: none;
font-size: 12px;
padding: 10px 0px;
margin: 0px 15px;
}
.ev-tooltip-body-fund .no_strategy_border {border-bottom: none !important}
/* Fund Modal: Consider For */
.ev-tooltip-body-fund .recommended, .ev-tooltip-body-fund .recommended
{
padding: 5px 0px 5px 10px;
overflow: hidden;
}
.ev-tooltip-body-fund .recommended dt, .ev-tooltip-body-fund .recommended dt
{
margin-bottom: 5px;
color: #999;
}
.ev-tooltip-body-fund .recommended dd, .ev-tooltip-body-fund .recommended dd
{
color: #666;
line-height: 14px;
height: 36px;
margin: 0 0 5px 0;
width: 100px;
display: block;
float: left;
text-indent: 40px;
overflow: hidden;
}
/* Fund Tooltip: Fund Type Specific Coloration */
.ev-tooltip-body-fund.cid_fixed-income .symbol span {color: #70AB37}
.ev-tooltip-body-fund.cid_fixed-income h5 {background: #70AB37}
.ev-tooltip-body-fund.cid_tt .symbol span {color: #70AB37}
.ev-tooltip-body-fund.cid_tt h5 {background: #70AB37}
.ev-tooltip-body-fund.cid_equity .symbol span {color: #5B8EDB}
.ev-tooltip-body-fund.cid_equity h5 {background: #5B8EDB}
.ev-tooltip-body-fund.cid_alternative .symbol span {color: #CE614A}
.ev-tooltip-body-fund.cid_alternative h5 {background: #CE614A}
.ev-tooltip-body-fund.cid_parametric .symbol span {color: #5c6e76}
.ev-tooltip-body-fund.cid_parametric h5 {background: #5c6e76}
/* Profile Subscription Maintenance */
#sub-maintenance { display:block; }
#sub-maintenance dd img {margin-left:10px;}
#sub-maintenance dl {border-bottom:1px dotted #999;}
#sub-maintenance dd, #sub-maintenance dt {border-bottom:none;height:auto;line-height:1;}
#sub-maintenance dd , #sub-maintenance dt {display:inline-block;width:160px;vertical-align:middle;}
#sub-maintenance dd {padding:3px 0 0 10px;width:300px;}
#sub-maintenance dd input {vertical-align:middle;float:left;}
#sub-maintenance dd span {display:inline-block;padding:2px 0 2px 10px;width:260px;}
#sub-maintenance dd span.sub {color:green;}
#sub-maintenance dd span.unsub {color:red;}
/* Subscription Maintance */
#sub-maintenance .add-picklist {
background-position:0 0 !important;
}
#sub-maintenance .add-picklist.Checked {
background-position:0 -22px !important;
}
#sub-maintenance table thead tr th {
text-align:left;
padding-left:0;
}
#sub-maintenance table tr td a {
display:inline-block;
}
#sub-maintenance table .name {
padding-left:5px !important;
text-align:left;
}
#sub-maintenance table .email {
text-align:center !important;
}
#sub-maintenance table tr td span {
}
.desc .unsub {color:#f00 !important;}
.desc .sub {color:#009900 !important;}
.desc span {display:block;}
table.performance.subscriptions thead th {
background-color:inherit !important;
border-bottom:3px solid #609ED2 !important;
text-align:center !important;
}
table.performance.subscriptions thead th h2 {
color:#666 !important;
}
table.performance.subscriptions tbody tr td { text-align:center !important; }
table.performance.subscriptions tbody tr td.info, table.performance.subscriptions thead tr th.info {
text-align:left !important;
color:#000 !important;
}
table.performance.subscriptions td.checkbox, table.performance.subscriptions thead tr th.checkbox {
text-align:right !important;
padding:0 20px 10px 0 !important;
color:#000 !important;
vertical-align:bottom !important;
}
/* Picklist Table */
table.performance.picklist {
margin:25px 0;
}
table.performance.picklist tr.picklistmessage {
height:100px !important;
}
table.performance.picklist tr.picklistmessage span {
display:block;
color:#666;
height:17px;
padding-top:5px;
margin:10px 0;
text-align:left;
}
table.performance.picklist tr.picklistmessage span.picklistcheck {
padding-left:30px;
background:transparent url('/images/interface/bg_inpicklist.gif') no-repeat;
}
table.performance.picklist thead th.sortable span.arw {
margin: 5px 0 0 5px !important;
}
/* Old Fund Tooltip */
#ev-tooltip {
font: 11px 'Arial', 'Helvetica', sans-serif;
color: #999;
position: absolute !important;
margin: 5px;
padding: 0;
z-index: 9001;
background-color: #F0F0F0;
background-image: -moz-linear-gradient(top, #FFF, #DDD);
background-image: -webkit-linear-gradient(#FFF, #DDD);
background-image: linear-gradient(top, #FFF, #DDD);
border: 6px solid #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.3);
text-align: left;
display: none;
}
#ev-tooltip-body
{
width: 325px;
margin: 0;
padding: 0;
}
#ev-tooltip-arw, #ev-tooltip-arw-border
{
position: absolute;
border-style:solid;
width:0;
width:20px\9;
height:0;
}
#ev-tooltip-arw
{
border-width:20px;
margin: 12px 0;
z-index: 4;
}
#ev-tooltip-arw-border
{
border-width:21px;
z-index: 3;
margin: 11px 0;
}
#ev-tooltip-arw.arw-left
{
border-color: transparent #FFF transparent transparent;
left: -26px !important;
border-left-width: 0px;
}
#ev-tooltip-arw.arw-right {
border-color: transparent transparent transparent #FFF;
left: 331px !important;
border-right-width: 0px;
}
#ev-tooltip-arw-border.arw-left
{
border-color: transparent #DDD transparent transparent;
left: -28px !important;
border-left-width: 0px;
}
#ev-tooltip-arw-border.arw-right
{
border-color: transparent transparent transparent #DDD;
left: 331px !important;
border-right-width: 0px;
}
#ev-tooltip-body-fund h5
{
font-size: 15px;
font-weight: normal;
color: #FFF;
margin: 0 0 10px 0;
padding: 10px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
background: #999;
}
#ev-tooltip-body-fund {
display: none;
}
#ev-tooltip-body-fund > p {
height: auto;
width: auto;
}
#ev-tooltip-body-fund > p > span {
visibility: visible;
}
#ev-tooltip-body-fund .symbol
{
font-size: 11px;
float: left;
margin: 0 0 0 10px;
color: #999;
}
#ev-tooltip-body-fund .symbol span
{
display: block;
font-size: 13px;
line-height: 20px;
}
#ev-tooltip-body-fund .spark-line
{
float: left;
margin: 0 0 0 20px;
}
/* Fund Modal: Market Price Section */
#ev-tooltip-body-fund .price
{
color: #999;
font-size: 11px;
float: right;
margin: 0 10px 10px 0;
}
#ev-tooltip-body-fund .price .date
{
display: inline;
}
#ev-tooltip-body-fund .price .value
{
font-size: 18px;
color: #666;
font-weight: bold;
}
#ev-tooltip-body-fund .change {
background: none;
visibility:hidden;
}
#ev-tooltip-body-fund .price .down
{
color: #FF6F4C;
visibility:visible !important;
}
#ev-tooltip-body-fund .price .up
{
color: #70AB37;
visibility:visible !important;
}
#ev-tooltip-body-fund .price .arw
{
position: relative;
display: inline-block;
margin: 0 2px 0 0;
width:0;
height:0;
border-style:solid;
border-width: 6px;
font-size: 1px;
background: none;
}
#ev-tooltip-body-fund .price .up .arw
{
border-color: transparent transparent #70AB37 transparent;
top: -1px;
}
#ev-tooltip-body-fund .price .down .arw
{
border-color: #FF6F4C transparent transparent transparent;
top: 5px;
}
/* Fund Modal: Description */
#ev-tooltip-body-fund .description
{
clear: both;
border-top: 1px dotted #CCC;
border-bottom: none;
font-size: 12px;
padding: 10px 0px;
margin: 0px 15px;
}
#ev-tooltip-body-fund .no_strategy_border {border-bottom: none !important}
/* Fund Modal: Consider For */
#ev-tooltip-body-fund .recommended, .ev-tooltip-body-fund .recommended
{
padding: 5px 0px 5px 10px;
overflow: hidden;
}
#ev-tooltip-body-fund .recommended dt, .ev-tooltip-body-fund .recommended dt
{
margin-bottom: 5px;
color: #999;
}
#ev-tooltip-body-fund .recommended dd, .ev-tooltip-body-fund .recommended dd
{
color: #666;
line-height: 14px;
height: 36px;
margin-bottom: 5px;
width: 100px;
display: block;
float: left;
text-indent: 40px;
overflow: hidden;
}
/* Fund Modal: Fund Type Specific Coloration */
#ev-tooltip-body-fund.cid_fixed-income .symbol span
{
color: #70AB37;
}
#ev-tooltip-body-fund.cid_fixed-income h5
{
background: #70AB37;
}
#ev-tooltip-body-fund.cid_tt .symbol span
{
color: #70AB37;
}
#ev-tooltip-body-fund.cid_tt h5
{
background: #70AB37;
}
#ev-tooltip-body-fund.cid_equity .symbol span
{
color: #5B8EDB;
}
#ev-tooltip-body-fund.cid_equity h5
{
background: #5B8EDB;
}
#ev-tooltip-body-fund.cid_alternative .symbol span
{
color: #CE614A;
}
#ev-tooltip-body-fund.cid_alternative h5
{
background: #CE614A;
}
#ev-tooltip-body-fund.cid_parametric .symbol span
{
color: #b50f52;
}
#ev-tooltip-body-fund.cid_parametric h5
{
background: #b50f52;
}
/* Portfolio Body */
#ev-tooltip-body-portfolio {
background: #EEE;
padding-top: 5px;
display: none;
}
#ev-tooltip-body-portfolio h5 {
font-size: 16px;
font-weight: normal;
margin: 5px 0 10px 0;
padding: 7px 10px 5px 50px;
}
#ev-tooltip-body-portfolio .description {
border-top: 1px dotted #CCC;
font-size: 12px;
color: #666;
padding: 9px 0px;
margin: 0px 15px;
}
/* Performance subscriptions table */
table.performance.subscriptions thead th {
background-color:transparent !important;
border-bottom:3px solid #609ED2 !important;
}
table.performance.subscriptions thead th h2 {
color:#666 !important;
}
table.performance.subscriptions td.info, #sub-maintenance table.performance.subscriptions thead tr th.info {
text-align:left !important;
color:#000 !important;
}
table.performance.subscriptions td.info {
padding:10px 0 !important;
}
#sub-maintenance table.performance.subscriptions thead tr th.info {
padding:0 !important;
}
table.performance.subscriptions td.checkbox, #sub-maintenance table.performance.subscriptions thead tr th.checkbox {
text-align:right !important;
color:#000 !important;
}
table.performance.subscriptions td.checkbox {
padding:0 20px 0 0 !important;
vertical-align:middle !important;
}
#sub-maintenance table.performance.subscriptions thead tr th.checkbox {
padding:0 20px 10px 0 !important;
vertical-align:bottom !important;
}
/* Result Page */
#result > div, #result > h1 {
margin:0 0 40px;
float:none;
width:100%;
}
#result > div > p {
margin:0;
padding:0 0 20px;
/* EVRB remove: line-height:22px; */
}
#result p.errormsg {
display:block;
padding:10px 15px;
margin:-10px 0 5px;
line-height:normal;
}
#result > div > h5 {
font-weight:normal;
margin:0 0 20px;
font-size:16px;
}
#result > div > hr {
margin:10px 0 30px;
border:none;
background:#999;
height:1px;
}
#result > div > ul {
margin:-20px 0 20px;
}
#result > div > ul > li {
margin:0 0 0 35px;
padding: 0 0 0 35px;
line-height:22px;
}
#result > p {
color:#999;
}
/* Form page error/sucess messages */
.errormsg {
display:none;
background:rgb(246,222,223) !important;
color:rgb(193,103,79) !important;
}
.errormsg, p.successmsg {
margin:20px 0 20px 5px;
padding:10px 15px;
}
.errormsg > p, .errormsg > h2 {
color:rgb(193,103,79) !important;
}
.errormsg a, p.successmsg a {
color:rgb(193,103,79) !important;
text-decoration:underline;
font-weight:bold;
}
.errormsg a:hover, p.successmsg a:hover {
text-decoration:none;
}
p.successmsg {
display:block;
background:rgb(223,246,222) !important;
color:rgb(79,193,103) !important;
}
p.successmsg a {
color:rgb(79,193,103) !important;
}
p.modalselfservedisabled {
font-weight:bold;
text-align:left;
}
#ev-modal p.modalselfservedisabled {
margin: 0 0 10px 15px;
}
/* MyAccount OptOut Changes */
#ev-modal-subscribe > p > .filename {
display: block;
padding: 10px 0 0 0;
}
#ev-modal #ev-modal-complete-optin > .ev-form,
#ev-modal #ev-modal-subscribe > .ev-form {
text-align:left;
margin: 0;
padding: 20px 0 0 10px;
}
#ev-modal-subscribe > .ev-form > dl > dt {
display:block;
width:auto;
float:none;
margin:0;
padding:0 0 8px 0;
text-align:left;
min-height:0;
}
#ev-modal-subscribe > .ev-form > dl > dd {
width: 350px;
margin:0;
}
#ev-modal-subscribe > .ev-form > dl > dd > input {
width: 310px;
}
#ev-modal-subscribe > .ev-form > .ev-form-buttons {
padding-bottom: 25px;
}
a.apf-ev-gated > img.padlock, .btn--alpha > img.padlock { display: inline; margin-left: 5px !important; }
/* **** END TEMPLATE 788 **** *//* **** Template 1612 */
/* blog styles */
/* /css/ */
.blog_body p, .blog_body p, .blog_body *, .ev-article_excerpt, .ev-article_excerpt p, .ev-article-foot {
font-weight: 400;
}
.blog_body p strong, .blog_body p b, .ev-article_excerpt p strong, .ev-article_excerpt p b, .ev-article-foot strong {
font-family: Arial, sans-serif;
font-weight: bold;
}
.blog_body p small, .blog_body p small > *, .ev-article_excerpt p small, .ev-article_excerpt p small > *, .ev-article-foot small {
font-size: 90%;
}
.blog_body p em, .blog_body p em > *, .ev-article_excerpt p em, .ev-article_excerpt p em > *, .ev-article-foot em {
font-family: Arial, sans-serif;
}
.evt-insight-filter.bPrimary, .evt-insight-filter.bPrimary .evt-expandable__link { background-color: #0674b9 !important; color: #fff !important; padding-left: 0; }
.evt-insight-filter.bPrimary .evt-expandable__link:after { border-top: 2px solid #fff; border-right: 2px solid #fff; }
.evt-insight-filter .ev-insight-filter_form { padding-top: 10px; text-align: left; }
.blog_filters, .insight_filters {padding-bottom: 1em; position: relative}
.blog_filters .sticky-wrapper.is-sticky, .insight_filters .sticky-wrapper.is-sticky {position: relative; z-index: 192; }
.blog_filters ul, .insight_filters ul {list-style-type: none; margin: 0px; padding: 0px; position: relative}
.blog_filters .blog_filter_list, .insight_filters .blog_filter_list {display: table; table-layout: fixed; width: 100%; border-spacing: 2px 0px; background-color: #fff;}
.blog_filters .blog_filter_list > li, .insight_filters .blog_filter_list > li {display: table-cell; list-style-type: none; padding: 5px; border: 1px solid #0674b9; font-weight: bold; color: #0674b9; font-size: 11px; vertical-align: middle; line-height: 16px; text-align: center}
.blog_filters .blog_filter_list > li .fa, .insight_filters .blog_filter_list > li .fa {font-size: 25px; line-height: 10px; float: left}
.blog_filters .blog_filter_list > li.active, .blog_filters .blog_filter_list > li:hover, .insight_filters .blog_filter_list > li.active, .insight_filters .blog_filter_list > li:hover {background-color: #0674b9; color: #ffffff}
.blog_filters .blog_filter_list .has_dropdown, .insight_filters .blog_filter_list .has_dropdown {}
.blog_filter_list .has_dropdown .show_dropped, .blog_filter_list .has_dropdown.dropped .hide_dropped {display: none;}
.blog_filter_list .has_dropdown.dropped .show_dropped, .blog_filter_list .has_dropdown .hide_dropped {display: inline-block;}
.blog_filter_list .more_dropdown {background: transparent; display: none; position: absolute; z-index:193; right: 0px; top: 100%; margin: 0; border-top: 2px solid transparent; text-align: left}
.blog_filter_list .more_dropdown_inner {padding: 16px; padding-right: 0px; padding-top: 0px; border: 1px solid #0674b9; color: #000000; background: #ffffff}
.blog_filter_list .more_dropdown .more_cats_wrapper {display: table-cell; vertical-align: top}
.blog_filter_list .more_dropdown .more_cats_wrapper .more_cats_heading {font-size: 12px; line-height: 130%; text-align: left; text-transform: uppercase; padding-bottom: 8px; padding-top: 16px}
.blog_filter_list .more_dropdown .more_cats_wrapper .more_cats_col_wrapper ul {list-style-type: none; display: table-cell; vertical-align: top; padding-right: 16px}
.blog_filter_list .more_dropdown .more_cats_wrapper .more_cats_col_wrapper ul li {margin: 0; padding: 0; padding-top: .2em; padding-bottom: .2em; font-size: 12px; line-height: 130%; list-style-type: none; display: block; width: 172px; font-weight: normal}
.blog_filter_list .more_dropdown .more_cats_wrapper .more_cats_col_wrapper ul li.active {color: #0674b9; font-weight: bold}
.blog_filters li, .insight_filters li {cursor: pointer}
.blog_filters .blog_filter_list li[disabled="disabled"],
.blog_filters .blog_filter_list li[disabled="disabled"]:hover {
color : #739aae;
background-color : #ffffff;
border-color : #739aae;
cursor : not-allowed;
position : relative;
}
.blog_filters .blog_filter_list li[disabled="disabled"] .filter_icon,
.blog_filters .blog_filter_list li[disabled="disabled"]:hover .filter_icon {
background-image: none;
}
.blog_filter_date {
display: block;
color: inherit !important;
background-color: transparent !important;
min-width: 300px;
min-height: 40px;
}
.blog_filter_date:hover {
outline : Highlight auto 1px;
outline : -webkit-focus-ring-color auto 1px;
outline-offset : -2px;
}
.t-dk_blue {
color: #2d518c;
}
.blog_filter_field_box {
display : inline-block;
position : relative;
}
.blog_filter_field_box_label {
display : block;
font-size : 80%;
}
.blog_authors_legend {
text-transform: none;
font-size: 20px;
color: #fff;
}
.blog_authors_legend > span.fa-plus { display: none; }
.blog_authors_legend.collapsed > span.fa-minus { display: none; }
.blog_authors_legend.collapsed > span.fa-plus { display: block; }
.evt_checkmark_container {
display: block;
}
.evt-button {
display: block;
}
.ev-insight-filter_form .row {
padding-bottom: 50px;
}
.top_filters_datepicker_reset {
display: block;
margin-top: 55px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.is-sticky .more_dropdown_inner {max-height: 400px; overflow-y: auto}
.blog_entry, .blog_entry div, .blog_entry p {text-align: left}
.blog_entry .blog_content_wrapper {display: table; width: 100%}
.blog_entry header {text-align: left; padding: 0px; margin: 0px}
.blog_entry header h1 {font-size: 1.5em; padding: 0px; margin: 0px}
.blog_entry header p {margin: 0px; padding: 0px;}
.blog_entry header time {padding-top: .5em; padding-bottom: .5em; display: block}
.blog_content_top {background: #e8e8e8; padding-left: 24px; padding-right: 24px; padding-top: .5em; padding-bottom: .5em; text-transform: uppercase; text-align: left; color: #666666; width: 100%}
.blog_content_top .blog_date {margin: 0; font-size: 11px; font-weight: bold; letter-spacing: .1em}
.blog_content_bottom {padding: 24px 24px 24px 24px; display: table; width: 100%;}
.blog_content_bottom .blog_left, .blog_content_bottom .blog_right {display: table-cell; vertical-align: top}
.blog_content_bottom .blog_right {width: 293px; padding-left: 46px}
.blog_content_bottom .blog_footer {border-top: 1px dotted #cccccc; margin-top: 19px; font-size: 15px; color: #818181}
.blog_content_bottom .blog_footer a {color: #818181}
.blog_content_bottom .related_title {color: #0674b9; letter-spacing: .1em; text-transform: uppercase; padding-top: 15px; padding-bottom: 11px; font-size: 14px}
.ev-article .more_less_bar {margin-top: 18px}
.ev-article.blog_collapsed .more_less_bar {margin-top: 37px}
.blog_less_link {display: inline; white-space: nowrap; cursor: pointer;}
.blog_more_link {display: none; white-space: nowrap; cursor: pointer;}
.blog_collapsed .blog_more_link {display: inline}
.blog_collapsed .hide_more {display: none !important}
.hide_more > p {margin-top: 20px;}
.more_less_bar .more_less_left {float: left; white-space: nowrap}
.more_less_bar .more_less_center {text-align: center; margin: auto; width: 25%;}
.more_less_bar .more_less_right {float: right}
.ev-article .more_less_center, .ev-article .more_less_right, .ev-article .more_less_left, .ev-article .more_less_center a, .ev-article .more_less_right a, .ev-article .more_less_left a {font-size: 14px; color: #0674b9; letter-spacing: .1em; text-transform: uppercase; line-height: 22px}
.ev-article .blog_more_link .fa, .ev-article .blog_less_link .fa {font-size: 130%}
.ev-article .title {color: #000000; font-weight: 500; line-height: 1.125; margin-bottom: 16px; margin-top: 8px; cursor: pointer}
.ev-article .blog_utilities,
.blog_left .blog_utilities {
color: #0674b9;
letter-spacing: .1em;
text-transform: uppercase;
}
.ev-article .blog_utilities > span,
.blog_left .blog_utilities > span {
display: inline-block;
padding-left: 20px
}
.ev-article .blog_utilities .print_icon,
.ev-article .blog_utilities .share_icon,
.blog_left .blog_utilities .print_icon,
.blog_left .blog_utilities .share_icon{
display: inline-block;
text-decoration: none;
width: 16px;
height: 16px;
background-transparent;
background-position: center center;
background-size: 16px;
background-repeat: no-repeat;
margin-top: 3px;
margin-right: 5px;
float: left
}
.ev-article .blog_utilities .print_icon,
.blog_left .blog_utilities .print_icon {
background-image: url(/images/content/blog_icon_print.png);
}
.ev-article .blog_utilities .share_icon,
.blog_left .blog_utilities .share_icon {
background-image: url(/images/content/blog_icon_share.png);
}
.ev-article .blog_body .is_postdisclosure {word-break: break-word; font-style: italic}
.ev-article .blog_body li {font-size: 14px; line-height: 19px}
.ev-article .blog_body img {max-width: 100%}
Â
.blog_title .blog_title_left {display: none}
.EVDBlog .blog_title .blog_title_left {display: table-cell; vertical-align: top; font-size: 1px; line-height: 1px}
.EVDBlog .blog_title_icon {display: block; width: 50px; height: 50px; overflow: hidden; background: transparent; background-position: center center; background-size: contain; color: transparent; margin-right: 12px}
.blog_title .blog_title_right {text-align: left; display: table-cell; vertical-align: top}
.blog_title .blog_title_right h2 {font-size: 24px; line-height: 1.5; }
.blog_title .blog_title_right .blog_category {font-size: 16px; color: #0674b9}
.blog_title .blog_title_right .blog_category a {color: #0674b9; text-decoration: none}
.blog_title .blog_title_right .blog_category a:hover {text-decoration: underline}
.blog_filter_list li {background-color: #ffffff;}
.blog_title_icon { display: none; }
.EVDBlog .blog_title_icon.economy, .EVDBlog .blog_filter_list li[data-filter='economy'] .filter_icon {background-image: url(/images/content/blog_icon_economy.png); }
.EVDBlog .blog_title_icon.rates, .EVDBlog .blog_filter_list li[data-filter='rates'] .filter_icon {background-image: url(/images/content/blog_icon_rates.png); }
.EVDBlog .blog_title_icon.inflation, .EVDBlog .blog_filter_list li[data-filter='inflation'] .filter_icon {background-image: url(/images/content/blog_icon_inflation.png);}
.EVDBlog .blog_title_icon.legislation, .EVDBlog .blog_filter_list li[data-filter='legislation'] .filter_icon {background-image: url(/images/content/blog_icon_legislation.png); }
.EVDBlog .blog_title_icon.markets, .EVDBlog .blog_filter_list li[data-filter='markets'] .filter_icon {background-image: url(/images/content/blog_icon_markets.png); }
.EVDBlog .blog_title_icon.responsible_investing, .EVDBlog .blog_filter_list li[data-filter='responsible_investing'] .filter_icon {background-image: url(/images/content/blog_icon_responsible_investing.png); }
.EVDBlog .blog_title_icon.taxes, .EVDBlog .blog_filter_list li[data-filter='taxes'] .filter_icon {background-image: url(/images/content/blog_icon_taxes.png); }
.EVDBlog .blog_title_icon.all, .EVDBlog .blog_filter_list li[data-filter='all'] .filter_icon {background-image: url(/images/content/blog_icon_all_posts.png); }
.filter_icon {width: 23px; height: 18px; background-size: 18px 18px; background-repeat: no-repeat; background-position: left center; background-color: transparent; vertical-align: middle; display: none}
.EVDBlog .blog_filter_list li[data-filter='responsible_investing'] .filter_icon {height: 3em; float: left}
.EVDBlog .blog_filter_list li[data-filter='more'] .filter_icon {background: transparent; display: inline-block; width: 0px} /* for height consistency */
.EVDBlog .blog_filter_list li[data-filter='economy'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='economy']:hover .filter_icon {background-image: url(/images/content/blog_icon_economy_hover.png);}
.EVDBlog .blog_filter_list li[data-filter='rates'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='rates']:hover .filter_icon {background-image: url(/images/content/blog_icon_rates_hover.png);}
.EVDBlog .blog_filter_list li[data-filter='inflation'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='inflation']:hover .filter_icon {background-image: url(/images/content/blog_icon_inflation_hover.png);}
.EVDBlog .blog_filter_list li[data-filter='legislation'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='legislation']:hover .filter_icon {background-image: url(/images/content/blog_icon_legislation_hover.png);}
.EVDBlog .blog_filter_list li[data-filter='markets'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='markets']:hover .filter_icon {background-image: url(/images/content/blog_icon_markets_hover.png); }
.EVDBlog .blog_filter_list li[data-filter='responsible_investing'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='responsible_investing']:hover .filter_icon {background-image: url(/images/content/blog_icon_responsible_investing_hover.png);}
.EVDBlog .blog_filter_list li[data-filter='taxes'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='taxes']:hover .filter_icon {background-image: url(/images/content/blog_icon_taxes_hover.png); }
.EVDBlog .blog_filter_list li[data-filter='all'].active .filter_icon, .EVDBlog .blog_filter_list li[data-filter='all']:hover .filter_icon {background-image: url(/images/content/blog_icon_all_posts_hover.png); }
.EVDBlog .blog_filter_list li[data-filter='economy'] .filter_icon, .EVDBlog .blog_filter_list li[data-filter='rates'] .filter_icon, .EVDBlog .blog_filter_list li[data-filter='inflation'] .filter_icon, .EVDBlog .blog_filter_list li[data-filter='legislation'] .filter_icon, .EVDBlog .blog_filter_list li[data-filter='markets'] .filter_icon, .EVDBlog .blog_filter_list li[data-filter='responsible_investing'] .filter_icon, .EVDBlog .blog_filter_list li[data-filter='taxes'] .filter_icon, .EVDBlog .blog_filter_list li[data-filter='all'] .filter_icon {display: inline-block}
.blog_right .blog_contact {padding-bottom: 18px; min-height: 62px}
.blog_right .blog_contact .image_left {display: table-cell; padding-right: 16px; width: 60px; text-align: left; vertical-align: top}
.blog_right .blog_contact .image_right {display: table-cell; text-align: left; vertical-align: top}
.blog_right .blog_contact a {color: #0674b9; text-decoration: none}
.blog_right .blog_contact a:hover {text-decoration: underline}
.blog_right .blog_contact .image_container {width: 60px; height: 60px; overflow: hidden; border: 1px solid #dddcdd;}
.blog_right .blog_contact .image_container img {width: 60px; height: auto;}
.blog_right .blog_contact p {margin: 0px; font-size: 13px; line-height: 18px;}
.blog_right .blog_contact .author_title {font-weight: bold}
.blog_right .blog_quote,
.ev-article_contributors .blog_quote {
font-size: 18px;
color: #0674b9;
line-height: 28px;
padding-top: 28px;
padding-left: 10px;
text-indent: -9px;
}
.blog_right .blog_quote .hanging_quote_left,
.blog_right .blog_quote .hanging_quote_right,
.ev-article_contributors .blog_quote .hanging_quote_left,
.ev-article_contributors .blog_quote .hanging_quote_right {
display: none;
}
.blog_right .blog_quote .hanging_quote_left,
.ev-article_contributors .blog_quote .hanging_quote_left {
margin-left: -15px;
}
.blog_right .blog_related,
.ev-article_contributors .blog_related {
padding-top: 28px;
}
.blog_right .blog_related div,
.blog_right .blog_related p,
.blog_right .blog_related li,
.ev-article_contributors .blog_related div,
.ev-article_contributors .blog_related p,
.ev-article_contributors .blog_related li {
font-size: 13px;
line-height: 18px;
}
.blog_right .blog_related ul,
.ev-article_contributors .blog_related ul {
list-style-type: squar;
}
.blog_right .blog_related li,
.ev-article_contributors .blog_related li {
padding-bottom: .15em;
padding-top: .15em;
}
.blog_right .blog_related .blog_related_header,
.ev-article_contributors .blog_related .blog_related_header {
padding-top: 2em;
padding-bottom: .5em;
font-weight: bold;
}
.blog_right .blog_related .blog_related_all,
.ev-article_contributors .blog_related .blog_related_all {
padding-top: .5em;
padding-bottom: .5em;
font-weight: bold;
text-align: left;
}
.blog_right a,
.ev-article_contributors a {
color: #0674b9;
text-decoration: none;
}
.blog_right a:hover,
.ev-article_contributors a:hover {
text-decoration: underline;
}
.blog_footer {clear: both}
.blog_footer a {color: #818181}
/*insights only stuff*/
.insight_filters .blog_filter_list .more_dropdown_inner {padding: 16px}
div.single_post {background-color: #0674b9; padding: 10px; font-weight: bold; color: #ffffff; margin-bottom: 4px; border-top: 4px solid #ffffff; text-align: center; text-decoration: none; display: none; width: 100%; clear: both;}
a#single_post {background-color: #0674b9; font-weight: bold; color: #ffffff; text-align: center; text-decoration: none; width: 100%; clear: both;}
a#single_post:hover {text-decoration: underline}
div.single_post.show_msg {display: block}
div#spinner {position: absolute; top: 0px; z-index: 191; height: 100px; width: 100%; padding: 0px; margin: 0px; text-align: center; float: none; clear: both; display: none}
.blog_content_area {position: relative; min-height: 100px}
@media all and (max-width: 1024px){
.blog_content_bottom {display: block}
.blog_content_bottom .blog_left, .blog_content_bottom .blog_right {display: block; float: none; width: 100%}
.blog_content_bottom .blog_left, .blog_content_bottom .blog_right {display: block; width: 100%; padding: 0}
.blog_content_bottom .blog_right {padding-top: 2em; border-top: 1px dotted #cccccc; margin-top: 1em}
.blog_right .blog_quote, .blog_right .blog_related {padding-top: .5em;}
.blog_filter_list .more_dropdown {left: 0px; right: initial}
.blog_filter_list .more_dropdown .more_cats_wrapper, .blog_filter_list .more_dropdown .more_cats_wrapper
.more_cats_col_wrapper ul {display: block}
.blog_filters .blog_filter_list {display: block; margin: 0}
.blog_filters .blog_filter_list > li {display: inline-block; margin: 0px 1px 1px 0px}
.blog_filter_list .filter_icon {float: none !important; height: 18px !important;}
}
/* New styles for updated blog and filters */
/* Insight Filter */
.ev-insight-filter_form {
position: relative;
background-color: #0674b9;
color: white;
padding: 72px 0px 48px;
}
.ev-insight-filter-toggle {
border-bottom: 1px solid;
text-decoration: none !important;
}
.ev-insight-filter_form:after {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #0674b9;
font-size: 0;
line-height: 0;
position: absolute;
bottom: -10px;
right: 6%;
}
.ev-insight-filter_form label, .ev-insight-filter_form legend { color: inherit; }
.ev-insight-filter_form fieldset {
border: none;
padding: 0;
margin: 0;
margin-top: 35px;
}
.ev-insight-filter_form legend {
font-size: 16px;
font-weight: 400;
padding: 13px 0;
text-transform: uppercase;
margin: 0 0 15px 0;
border-bottom: 3px solid;
width: calc(100% - 40px);
}
.ev-insight-filter_form label {
font-weight: 300;
margin-left: 7px;
max-width: 90%;
vertical-align: top;
}
.ev-insight-filter_form .ev-btn { margin-top: 36px; background-color: white; color: black; }
.ev-insight-filter_results { margin-top: 48px; padding-bottom: 48px; }
.ev-insight-filter_results .ev-insight-filter_results_list { position: relative; }
/*.ev-insight-filter_results .ev-insight-filter_results_list:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%);
width: 100%;
height: 450px;
}*/
.ev-insight-filter_results .ev-insight-filter_results_list .ev-article--listing { padding: 40px 0px; }
.ev-insight-filter_results .ev-insight-filter_results_list .ev-article--listing:not(:last-of-type) { border: none; border-bottom: 1px rgba(151, 151, 151, 0.5) solid; }
.ev-insight-filter_results .ev-insight-filter_results_list .ev-btn {
position: relative;
display: block;
margin: 0 auto;
z-index: 1;
}
.ev-insight-filter_datepicker-input-group {
display: inline-block;
}
.ev-insight-filter_datepicker-label {
margin-top: 20px;
text-transform: uppercase;
}
.ev-insight-filter_footer {
display: block;
}
.ev-insight-filter_datepicker-title {
font-weight : 500;
font-size : 16px;
text-transform : uppercase;
}
/* Article */
.ev-insight-filter_results_list .ev-article > div ~ .ev-article_contributors { margin-top: 30px; }
.ev-insight-filter_results_list .ev-article_tag {
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
display: block;
line-height: 1;
display: inline-block;
}
.ev-insight-filter_results_list .ev-article_tag:focus { font-weight: 700; text-decoration: underline; }
.ev-insight-filter_results_list .ev-article_tag:active { text-decoration: none; }
.ev-insight-filter_results_list .ev-article_tag ~ .ev-article_title { margin-top: 10px; }
.ev-insight-filter_results_list .ev-article_title { margin-top: 0; margin-bottom: 10px; font-size: 34px; }
.ev-insight-filter_results_list .ev-article_byline {
margin-bottom: 15px;
display: inline-block;
font-size: 14px;
font-style: italic;
}
.ev-insight-filter_results_list .ev-article_byline span:not(:last-of-type):not(.sr-only):after {
content: '|';
display: inline-block;
margin: 0 3px 0 5px;
}
.ev-insight-filter_results_list .ev-article .ev-article_byline {
font-weight: 300;
}
.ev-insight-filter_results_list .ev-article_excerpt { padding-right: 23px; }
.ev-insight-filter_results_list .ev-article_excerpt p:last-of-type { margin-bottom: 0; }
.ev-insight-filter_results_list .ev-article--listing .ev-article_title { font-size: 20px; }
.ev-insight-filter_results_list .ev-article--listing .ev-article_title a { font-weight: 500; }
.ev-insight-filter_results_list .ev-article--listing i.pdf-icon {
background-image: url(/images/interface/Adobe_PDF_file_icon_32x32.png);
background-size: 24px 24px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
text-align: right;
width: 24px;
height: 24px;
background-repeat: no-repeat;
color: transparent;
}
@media all and (min-width: 992px) {
.ev-insight-filter_results_list .ev-article--listing {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.ev-insight-filter_results_list .ev-article--listing > div:not(.ev-article_contributors) {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%;
}
.ev-insight-filter_results_list .ev-article--listing .ev-article_contributors {
-webkit-flex: 0 0 325px;
-ms-flex: 0 0 325px;
flex: 0 0 325px;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ev-insight-filter_results_list .ev-article--listing > div ~ .ev-article_contributors { margin-top: 35px; margin-left: 35px; }
}
.ev-insight-filter_results_list .blog_entry {
margin-bottom: 0;
}
.ev-insight-filter_results_list .ev-profile {
/* justify-content: flex-end;*/
display: flex;
}
.ev-insight-filter_results_list .ev-profile_info {
width: 200px;
max-width: 200px;
}
.ev-insight-filter_results_list .ev-profile_info p { margin-bottom: 2px; }
@media (min-width: 992px) {
.ev-insight-filter .ev-container-extend-left:not(.ev-container-extend-right)::before {
right: -9999px;
}
}
/* CSS for View of a single blog post */
body.blog-post .ev-insight-filter { display: none }
body.blog-post .bodyContent > section { display: none }
body.blog-post .bodyContent > section.evt-insights, body.blog-post #Disclosure { display: block }
body.blog-post .bodyContent .ev-insight-filter_results .more_less_left { display: none; }
/* **** End Template 1612 */
main > .container h1.my-account{
background: #739aae;
color: #ffff;
width: 100vw;
position: relative;
left: -400px;
padding-left: 35%;
margin-bottom: 5%;
padding-top: 5%;
padding-bottom: 5%;
font-size: 52px;
line-height: 56px;
letter-spacing: 0;
font-weight: 400;
}
html body .footer-pub-wrapper p.details.pub{max-width: 1170px; margin: 0 auto; }
.footer-pub-wrapper .container{padding-left: 0;}
footer .container{padding-left: 0;}
.simplemodal-data * table tr td{
padding: 15px 10px;
line-height: 1.2;
vertical-align: middle;
border: 1px solid #babcbe;}
.login_footer_header{
background: #f1f3f5;
margin-bottom: 0;
padding-top: 1.875rem;
padding-left: .9375rem;
}
html body .navPromo p.t-lead2 { margin: 0 0 10px;}
html body .nav__sub-menu__links__item--header.noAfterFormat:after{border-color: transparent; border: none;}
.navPromo {margin-top: 10px;}
.ProductPage > .FundDetail .fund-table > .tableCaption > .fund-table-name > h2 {
min-height: 60px;
}
@-webkit-keyframes mmfadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes mmfadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes mmfadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes mmfadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes mmslideIn {
0% {
-webkit-transform: translateY(15%);
transform: translateY(15%)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes mmslideIn {
0% {
-webkit-transform: translateY(15%);
transform: translateY(15%)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes mmslideOut {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
}
@keyframes mmslideOut {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
16% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
32% {
-webkit-transform: translateX(6px);
transform: translateX(6px)
}
48% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
60% {
-webkit-transform: translateX(3px);
transform: translateX(3px)
}
76% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
16% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
32% {
-webkit-transform: translateX(6px);
transform: translateX(6px)
}
48% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
60% {
-webkit-transform: translateX(3px);
transform: translateX(3px)
}
76% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes effect_dylan {
50% {
-webkit-transform: scale(1.5,1.75);
transform: scale(1.5,1.75);
opacity: 0
}
99% {
-webkit-transform: scale(.001);
transform: scale(.001);
opacity: 0
}
to {
-webkit-transform: scale(.001);
transform: scale(.001);
opacity: 1
}
}
@keyframes effect_dylan {
50% {
-webkit-transform: scale(1.5,1.75);
transform: scale(1.5,1.75);
opacity: 0
}
99% {
-webkit-transform: scale(.001);
transform: scale(.001);
opacity: 0
}
to {
-webkit-transform: scale(.001);
transform: scale(.001);
opacity: 1
}
}
*,:after,:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px
}
html body {
font-family: Gotham A,Gotham B,Arial,sans-serif;
color: #2d2d2d;
font-size: 16px
}
html body:before {
content: "";
display: none;
position: fixed;
height: 100vh;
width: 100vw;
z-index: 300;
top: 0;
left: 0;
background: #000;
margin-top: 1px;
opacity: 0;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
transition: opacity .5s ease-out;
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
html body.show-overlay:before {
display: block;
opacity: .6
}
img {
display: block;
max-width: 100%;
page-break-inside: avoid
}
button {
border: 0
}
.row {
page-break-inside: avoid
}
legend {
border: 0;
margin: 0
}
html body [class*=" t-"],html body [class^=t-] {
font-family: Gotham A,Gotham B,Arial,sans-serif!important
}
html body a,html body a:hover {
color: inherit
}
html body p:last-child {
margin-bottom: 0
}
html body .t-hero {
font-size: calc(50px + 25*(100vw - 400px)/752);
line-height: 1.2;
font-weight: 300;
letter-spacing: -.03em
}
html body #banner h1.t-h1,html body .t-h1 {
font-size: 52px;
line-height: 56px;
letter-spacing: 0;
font-weight: 400
}
html body .t-h2 {
font-size: 40px;
line-height: 44px;
letter-spacing: 0;
font-weight: 500
}
html body .t-h3 {
font-weight: 500;
letter-spacing: 0;
font-size: 30px;
line-height: 34px
}
html body .t-h4 {
font-size: 24px;
line-height: 28px;
font-weight: 500;
letter-spacing: 0
}
html body .t-h5 {
font-size: 20px;
line-height: 26px;
font-weight: 500;
letter-spacing: 0
}
html body .t-h6 {
font-size: 18px;
line-height: 25px;
font-weight: 500;
letter-spacing: 0
}
html body .nav--sticky li,html body .nav__links .selfserve.verified,html body .nav__links__item,html body .t-lead1 {
font-size: 15px;
line-height: 25px;
font-weight: 500;
letter-spacing: 0
}
html body .t-lead2 {
font-size: 13px;
line-height: 19px;
font-weight: 500;
letter-spacing: 0
}
html body .t-p1 {
font-size: 15px;
line-height: 25px;
letter-spacing: 0
}
html body .t-p2 {
font-size: 13px;
line-height: 20px;
letter-spacing: 0
}
html body .t-disclosure1 {
font-size: 13px;
line-height: 20px;
letter-spacing: 0;
font-style: italic
}
html body .t-p3 {
font-size: 11px;
line-height: 14px;
letter-spacing: 0
}
html body .t-kicker1 {
font-size: 14px;
line-height: 16px;
letter-spacing: 0;
font-weight: 700;
text-transform: uppercase
}
html body .t-kicker2,html body .timeline__event:first-of-type:after {
font-size: 12px;
line-height: 14px;
letter-spacing: 0;
font-weight: 700;
text-transform: uppercase
}
html body .t-pre {
font-size: 10px;
line-height: 12px;
white-space: pre-wrap;
margin: 0
}
@media (min-width: 62em) {
html body .t-pre {
font-size:14px;
line-height: 16px
}
}
@media (min-width: 75em) {
html body .t-pre {
font-size:16px;
line-height: 24px
}
}
html body #banner h1.t-h1,html body .t-h1,html body .t-h2,html body .t-h3,html body .t-h4,html body .t-h5,html body .t-h6,html body .t-hero {
margin-bottom: 0;
text-decoration: none
}
html body #banner h1.t-h1>a,html body .t-h1>a,html body .t-h2>a,html body .t-h3>a,html body .t-h4>a,html body .t-h5>a,html body .t-h6>a,html body .t-hero>a {
color: inherit
}
html body #banner h1.t-h1,html body .nav--sticky li,html body .nav__links .selfserve.verified,html body .nav__links__item,html body .t-h1,html body .t-h2,html body .t-h3,html body .t-h4,html body .t-h5,html body .t-h6,html body .t-hero,html body .t-lead1,html body .t-lead2,html body .t-p1,html body .t-p2 {
margin-top: 0
}
html body .simple-list {
font-size: 15px;
list-style: none;
padding: 0;
margin: 0
}
html body .simple-list li {
padding-bottom: 15px;
margin-bottom: 5px;
position: relative;
margin-left: 10px
}
html body .simple-list li:before {
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background: #000;
content: "";
position: absolute;
top: calc(.5rem - 3px);
left: -10px
}
html body .t-normal {
font-weight: 400!important
}
html body .t-medium {
font-weight: 500!important
}
html body .t-bold {
font-weight: 700!important
}
html body .t-upper {
text-transform: uppercase!important
}
html body .t-underline {
text-decoration: underline!important
}
html body .t-italic {
font-style: italic!important
}
html body .t-dn {
text-decoration: none
}
html body .t-left {
text-align: left
}
html body .t-right {
text-align: right
}
html body .t-center {
text-align: center
}
html body .t-max {
max-width: 42em
}
html body .t-circle {
font-size: inherit;
width: 2em;
height: 2em;
border-radius: 50%;
background-color: #0674b9;
color: #fff;
position: relative;
display: inline-block;
vertical-align: middle
}
html body .t-circle span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-weight: 500
}
html body [class*=" icon-"],html body [class^=icon-] {
width: 100%;
height: 100%;
max-height: 32px;
max-width: 32px;
vertical-align: middle;
display: inline-block;
fill: currentColor
}
html body .icon--xsmall {
max-width: 18px;
max-height: 18px
}
html body .icon--small {
max-width: 22px;
max-height: 22px
}
html body .icon--large {
max-width: 55px;
max-height: 55px
}
html body .break {
background-color: #afc7d3;
min-height: 1px;
border: 0;
margin: 0
}
html body .break--alpha {
min-height: 1px;
background-color: #2d2d2d
}
html body .break--beta {
background-color: #e3e8ec
}
html body .break--with-content {
background-color: transparent;
border-top: 1px solid #afc7d3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
html body .break--with-content .break__content {
background: #fff;
display: block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 2px;
font-weight: 700;
padding: 0 .46875rem
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .btn,html body .moreSection__button {
border: 0;
background: #3c6a3c;
color: #fff;
cursor: pointer;
padding: 15px 20px;
border-radius: .25rem;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
text-decoration: none;
font-size: 15px;
font-weight: 500;
display: inline-block
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit:hover,html body .btn:hover,html body .moreSection__button:hover {
color: #fff;
background-color: #3c738a
}
html body .btn--alpha,html body .moreSection__button {
background-color: #fff;
border: 1px solid #739aae;
color: #3c738a
}
html body .btn--alpha:hover,html body .moreSection__button:hover {
border: 1px solid #3c738a;
color: #2d2d2d;
background: #fff
}
html body .btn--beta,html body .btn--beta--screen {
background-color: transparent;
border: 1px solid #afc7d3;
color: #fff
}
html body .btn--beta--screen:hover,html body .btn--beta:hover {
border: 1px solid #fff;
color: #fff;
background: transparent
}
html body .btn--beta--screen {
background: rgba(0,0,0,.15)
}
html body .btn--beta--screen:hover {
background: rgba(0,0,0,.2)
}
html body .btn--small,html body .moreSection__button {
font-size: 13px;
padding: .625rem .9375rem
}
html body .btn--fixed-width {
width: 325px
}
html body .btn--full-width {
width: 100%
}
@media (max-width: 61.99em) {
html body .btn--m-full-width {
width:100%
}
}
html body .button-stack .btn--small,html body .button-stack .moreSection__button {
padding: 1rem 2.3rem
}
html body .button-stack .btn--small:hover,html body .button-stack .moreSection__button:hover {
background: #3c6a3c;
color: #fff
}
html body .button--event .new--button {
margin: -2px 0 0 15px;
padding: 30px 10px 0;
border-radius: 8px;
display: block;
float: left;
border-radius: 0;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
cursor: pointer;
width: 100%
}
html body .button--event .new--button:after {
border-bottom: 1px solid #739aae;
display: block;
width: 96%;
content: "";
height: 30px;
margin: auto
}
html body .button--event .new--button:hover {
background: #739aae;
color: #fff;
border-radius: 8px
}
html body .button--event .new--button:hover a {
color: #fff
}
html body .d-align-content:last-child .button--event .new--button:after {
border-bottom: 0
}
@media (max-width: 61.99em) {
html body .button-stack .btn--small,html body .button-stack .moreSection__button {
width:100%
}
html body .button-stack .t-right {
width: 100%;
padding: 20px
}
html body .button-stack .t-right a {
max-width: 250px;
float: left
}
html body .button--event .new--button {
margin-left: 0
}
html body .d-align-content:last-child .button--event .new--button:after {
border-bottom: 1px solid #739aae
}
html body .d-align-content:last-child .button--event:last-child .new--button:after {
border-bottom: 0
}
}
html body a:focus,html body a:hover {
text-decoration: none
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .close,html body .link {
border: none;
padding: 0;
text-decoration: none;
font-weight: 500;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: inherit;
line-height: inherit;
color: #3c738a;
-webkit-transition: color .25s ease-out;
-o-transition: color .25s ease-out;
transition: color .25s ease-out
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .close:active,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .close:focus,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .close:hover,html body .link:active,html body .link:focus,html body .link:hover {
text-decoration: none;
color: #2d2d2d
}
html body .link--underline {
position: relative
}
html body .link--underline:after,html body .link--underline:before {
content: "";
display: inline-block;
position: absolute;
height: 1px;
width: 100%;
bottom: -2px;
background: #afc7d3;
-webkit-transition: width .1s ease-out;
-o-transition: width .1s ease-out;
transition: width .1s ease-out
}
html body .link--underline:after {
width: 0;
height: 2px;
bottom: -3px;
background: #739aae
}
a:hover html body .link--underline:after,html body .link--underline:hover:after {
width: 100%
}
html body .link--cta {
padding-right: 1.5625rem;
position: relative;
padding-left: 0;
-webkit-transition: all 125ms ease-out;
-o-transition: all 125ms ease-out;
transition: all 125ms ease-out;
-webkit-transition-delay: 83.33333ms;
-o-transition-delay: 83.33333ms;
transition-delay: 83.33333ms
}
html body .link--cta:after,html body .link--cta:before {
content: "";
width: .9375rem;
right: 0;
left: auto;
height: 1px;
top: 50%;
background: #000;
position: absolute;
-webkit-transition: all 83.33333ms;
-o-transition: all 83.33333ms;
transition: all 83.33333ms;
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s
}
html body .link--cta:before {
left: 0;
right: auto;
width: 0;
-webkit-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms;
background: #739aae
}
a:hover html body .link--cta,html body .link--cta:hover {
padding-left: 1.5625rem;
padding-right: 0;
-webkit-transition-delay: 83.33333ms;
-o-transition-delay: 83.33333ms;
transition-delay: 83.33333ms;
color: #2d2d2d
}
a:hover html body .link--cta:after,html body .link--cta:hover:after {
width: 0;
-webkit-transition-delay: 0ms;
-o-transition-delay: 0ms;
transition-delay: 0ms
}
a:hover html body .link--cta:before,html body .link--cta:hover:before {
width: .9375rem;
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s
}
html body .link--white {
color: #fff
}
html body .link--white:after,html body .link--white:before {
background: #fff
}
a:hover html body .link--white,html body .link--white:hover {
color: hsla(0,0%,100%,.7)
}
a:hover html body .link--white:after,a:hover html body .link--white:before,html body .link--white:hover:after,html body .link--white:hover:before {
background: #fff
}
html body .link__icon {
max-width: 11px;
height: 1em;
margin: 0 5px;
pointer-events: none
}
.link:hover html body .link__icon,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .close:hover html body .link__icon {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: cubic-bezier(.39,.58,.57,1);
animation-timing-function: cubic-bezier(.39,.58,.57,1)
}
html body .link__text {
margin: 0 5px;
text-decoration: inherit
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .close>:first-child,html body .link>:first-child {
margin-left: 0
}
@media (min-width: 62em) {
html body .footer__header {
padding-bottom:.625rem;
margin-bottom: 1.5625rem;
border-bottom: 1px solid #739aae
}
}
html body .footer__links {
padding: 0;
margin-top: 0;
list-style: none;
font-weight: 500;
font-size: .9375rem
}
@media (min-width: 62em) {
html body .footer__links {
margin-bottom:1.875rem;
font-size: .8125rem
}
}
html body .footer__links__item {
margin-bottom: .625rem
}
@media (min-width: 62em) and (max-width:74.99em) {
html body .footer__links--quick {
/*
display:-webkit-box;
display: -ms-flexbox;
display: flex;
*/
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
html body .footer__link {
color: #afc7d3
}
html body .footer__social-icon {
margin-left: .625rem
}
html body .footer__social-icon svg {
vertical-align: bottom;
width: 25px;
height: 25px
}
html body .footer__vertical-divider {
position: relative;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch
}
html body .footer__vertical-divider:after {
content: "";
display: block;
width: 1px;
background: #739aae;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 50%
}
html body .footer-pub-wrapper {
background-color: #2d2d2d;
padding-top: .9375rem
}
html body .footer-pub-wrapper p.details.pub {
font-size: 13px;
color: #e3e8ec
}
html body footer[role=contentinfo]>.container {
max-width: 100%;
width: 100%;
padding: 0
}
html body .nav {
background: #fff;
position: relative;
overflow: visible;
z-index: 300;
border-bottom: 1px solid #fff;
padding: .625rem 0
}
html body .nav--active {
border-bottom-color: #afc7d3
}
html body .nav--active .nav__indicator {
max-width: 600px
}
html body .nav__indicator {
max-width: 0;
display: block;
height: 3px;
background: #0674b9;
position: absolute;
bottom: 0;
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (max-width: 74.99em) {
html body .nav__indicator {
display:none
}
html body .nav .container {
width: auto
}
}
html body .nav>.container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-top: .9375rem;
padding-bottom: .625rem
}
html body .nav>.container:after,html body .nav>.container:before {
display: none
}
@media (min-width: 75em) {
html body .nav>.container {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
}
html body .nav__logo {
height: 45px
}
html body .nav__logo img {
width: 150px
}
html body .nav--active .nav__logo,html body .nav--no-tagline .nav__logo {
overflow: hidden
}
html body .nav__main-menu {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1px
}
@media (max-width: 74.99em) {
html body .nav__main-menu {
display:none;
position: absolute;
left: -100%;
top: 100%;
min-height: 100vh;
min-width: 90vw;
background: #fff;
-webkit-transition: left .25s ease-out;
-o-transition: left .25s ease-out;
transition: left .25s ease-out;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
html body .nav__main-menu--active {
-webkit-transition: left .25s ease-out;
-o-transition: left .25s ease-out;
transition: left .25s ease-out;
display: block;
left: 0
}
}
html body .nav__links {
padding: 0 .625rem;
margin: 0;
list-style: none
}
@media (min-width: 75em) {
html body .nav__links {
padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
html body .nav__links .selfserve.verified,html body .nav__links__item {
padding: 1.875rem 0;
line-height: 1;
border-bottom: 1px solid #afc7d3
}
html body .nav__links .selfserve.verified:after,html body .nav__links__item:after {
content: "";
width: 0;
height: 0;
border-color: transparent transparent transparent #2d2d2d;
border-style: solid;
border-width: 5px 0 5px 8px;
margin-right: .625rem;
margin-top: .3125rem;
float: right
}
html body .nav__links .selfserve.verified:last-of-type,html body .nav__links__item:last-of-type {
border-bottom: 0
}
@media (max-width: 74.99em) {
html body .nav__links .selfserve.verified,html body .nav__links__item {
font-size:18px
}
}
@media (min-width: 75em) {
html body .nav__links .selfserve.verified,html body .nav__links__item {
padding:0 .9375rem;
border-bottom: 0
}
html body .nav__links .selfserve.verified:after,html body .nav__links__item:after {
display: none
}
}
html body .nav__links .nav__links__spacer {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media (min-width: 75em) {
html body .nav__links .selfserve.verified,html body .nav__links__icon {
font-size:11px;
font-weight: 500;
margin: 0 .78125rem;
padding: 0;
text-align: center;
line-height: 1
}
html body .nav__links .selfserve.verified svg,html body .nav__links__icon svg {
width: 1.25rem;
display: block;
margin: auto
}
}
html body .nav__links .selfserve.verified a,html body .nav__links__icon a {
display: inline-block
}
html body .nav .selfserve.verified {
position: relative
}
html body .nav .selfserve.verified span:not(.welcome) {
font-weight: 400;
font-size: 13px;
margin-bottom: .625rem;
display: block
}
html body .nav .selfserve.verified br {
display: none
}
html body .nav .selfserve.verified .logout,html body .nav .selfserve.verified .myaccount {
display: inline-block;
margin-right: .9375rem
}
html body .nav .selfserve.verified:after {
display: none
}
@media (min-width: 75em) {
html body .nav .selfserve.verified .myaccount,html body .nav .selfserve.verified span:not(.welcome) {
font-weight:500;
font-size: 11px;
position: absolute;
top: -1.25rem;
right: 4.6875rem;
width: 500px;
text-align: right;
white-space: nowrap
}
html body .nav .selfserve.verified .myaccount {
right: 0;
margin-right: auto;
width: auto
}
html body .nav .selfserve.verified .logout {
margin-right: 0
}
html body .nav .selfserve.verified .logout:before {
content: "";
display: block;
width: 1.25rem;
height: 2rem;
margin: auto;
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232d2d2d' d='M1 477v5c0 9 8 17 18 17h30c8 0 15-6 17-13v-7c0-104 85-189 189-189s189 85 189 189v7c2 7 9 13 17 13h30c5 0 9-2 12-5 4-3 6-8 5-12v-7c-1-95-55-181-140-223l-9-4v-5l6-8c19-24 29-53 29-84 0-61-39-115-97-133s-121 3-156 53c-34 50-32 117 5 165l6 8v4l-8 5C59 295 4 381 3 476H1zM256 78c41 0 74 33 74 74 0 40-33 73-74 73s-74-33-74-73c0-41 33-74 74-74z'/%3E%3C/svg%3E")
}
}
html body .nav__controls {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 74.99em) {
html body .nav__controls .nav__links__icon {
width:1.375rem;
height: 1.375rem;
margin-right: 1.25rem
}
}
html body .nav__sub-menu {
display: none;
height: 0;
max-height: 0;
position: absolute;
width: 100%;
left: 0;
top: 100%;
margin-top: 1px;
padding: 1.5625rem 0;
background: #fff;
z-index: 100;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity .25s ease-out,max-height .5s ease-out;
-o-transition: opacity .25s ease-out,max-height .5s ease-out;
transition: opacity .25s ease-out,max-height .5s ease-out;
-webkit-transition-delay: 125ms;
-o-transition-delay: 125ms;
transition-delay: 125ms
}
html body .nav__sub-menu--active {
opacity: 1;
height: auto;
max-height: 1000px
}
@media (min-width: 75em) {
html body .nav__sub-menu--small {
display:block;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
min-width: 250px;
left: auto;
padding-bottom: 0
}
}
html body .nav__sub-menu__back {
padding: .625rem .625rem 1.5625rem;
display: block;
border-bottom: 1px solid #afc7d3
}
html body .nav__sub-menu__back:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-color: transparent #2d2d2d transparent transparent;
border-style: solid;
border-width: 5px 7px 5px 0;
margin-right: .625rem
}
html body .nav__sub-menu__links__item {
margin-bottom: .625rem
}
html body .nav__sub-menu__links__item--header:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-color: transparent transparent transparent #6e9b41;
border-style: solid;
border-width: 5px 0 5px 7px;
margin-left: .625rem;
margin-top: .3125rem
}
@media (max-width: 74.99em) {
html body .nav__sub-menu {
-webkit-transition:left .25s ease-out;
-o-transition: left .25s ease-out;
transition: left .25s ease-out;
position: absolute;
left: -100%;
top: 0;
min-height: 100vh;
min-width: 90vw;
background: #fff
}
html body .nav__sub-menu--active {
left: 0
}
html body .nav__sub-menu__links__item {
padding: .3125rem 0;
margin-bottom: 0
}
html body .nav__sub-menu__links__item--header {
padding: .625rem 0;
margin-top: .625rem;
border-bottom: 1px solid #afc7d3
}
html body .nav__sub-menu__links__item--header:after {
float: right;
margin-right: .625rem;
margin-left: 0
}
}
html body .nav--sticky.signIn span {
float: left;
margin-right: 10px;
font-weight: 700
}
html body .nav--sticky.signIn ul {
float: left
}
html body .nav--sticky.signIn a {
text-decoration: underline
}
html body .nav--sticky,html body .nav--sticky_wrapper {
height: 50px;
z-index: 250
}
html body .nav--sticky {
line-height: 50px;
position: relative;
overflow: hidden;
background: #e3e8ec
}
html body .nav--sticky__links {
list-style: none;
position: relative;
padding: 0 0 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch
}
html body .nav--sticky__links::-webkit-scrollbar {
display: none
}
html body .nav--sticky li {
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
html body .nav--sticky li:not(:first-child) {
margin-left: 1.5625rem
}
html body .nav--sticky a {
-webkit-transition: color .2s cubic-bezier(.175,.885,.32,1.075);
-o-transition: color .2s cubic-bezier(.175,.885,.32,1.075);
transition: color .2s cubic-bezier(.175,.885,.32,1.075);
display: block;
font-weight: 500;
text-decoration: none;
line-height: 50px;
height: 50px;
color: #739aae
}
html body .nav--sticky a.is-active {
color: #2d2d2d
}
.nav--sticky_wrapper--stuck .nav--sticky {
position: fixed;
top: 0;
left: 0;
right: 0
}
html body .nav--sticky__indicator {
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 3px;
background: #0674b9;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
@media (max-width: 74.99em) {
html body .nav--sticky .nav--sticky__indicator {
display:none
}
html body .nav--sticky a.is-active {
position: relative;
color: #2d2d2d
}
html body .nav--sticky a.is-active:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: #0674b9;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
}
html body .list {
padding: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
line-height: 24px
}
html body .list__item {
max-width: 100%;
padding-top: 0
}
html body .list__item+html body .list__item {
margin-top: .9375rem
}
html body .list h3:first-child,html body .list p {
margin: 0
}
html body .list--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
html body .list--inline .list__item {
margin-right: .9375rem;
margin-bottom: .9375rem
}
html body .list--inline .list__item+.list__item {
margin-top: 0
}
html body .list--alpha {
padding-left: .9375rem
}
html body .list--alpha .list__item:not(.list__item--action) {
position: relative;
margin-bottom: .9375rem
}
html body .list--alpha .list__item:not(.list__item--action):before {
content: "";
background-color: #0674b9;
border-radius: 100%;
position: absolute;
left: -.9375rem;
top: .625rem;
width: 4px;
height: 4px
}
html body .list--alpha .list__item--action {
margin-left: -.9375rem
}
html body .list--beta {
padding-left: .9375rem
}
html body .list--beta .list__item {
position: relative;
margin-bottom: .9375rem
}
html body .list--beta .list__item:before {
content: "";
background-color: #6e9b41;
border-radius: 100%;
position: absolute;
left: -.9375rem;
top: .625rem;
width: 4px;
height: 4px
}
html body .list--border-bottom li {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e7ecef
}
html body .list--border-bottom li:last-child {
border: 0
}
html body .hero {
min-height:142px;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
padding-top: 3rem;
padding-bottom:3rem;
}
@media screen and (min-width:768px){
html body .hero{
min-height: 241px;
}
}
@media screen and (min-width:992px){
html body .hero-grow {
min-height: 401px;
}
}
@media (min-width: 75em) {
html body .hero {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
html body .hero-grow {
min-height: 575px;
}
html body .hero-grow-small {
min-height: 320px;
}
html body .hero--50-50 img.hero-grow-small-image {
max-height: 288px;
}
}
html body .hero--bg {
position: relative;
background-size: cover;
background-repeat: no-repeat
}
html body .hero--bg:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,.2)
}
html body .hero--profile {
padding-bottom: 0
}
@media (min-width: 62em) {
html body .hero--profile img {
border-bottom:1px solid #2d2d2d;
-webkit-transform: translate(-50px,1px);
-ms-transform: translate(-50px,1px);
transform: translate(-50px,1px)
}
html body .hero--profile .hero--profile__txt {
height: 170px
}
}
html body .hero--50-50 img {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
max-width: 50%;
max-height: 100%
}
html body .hero--brand-campaign-01,html body .hero--brand-campaign-01a,html body .hero--brand-campaign-02,html body .hero--brand-campaign-03 {
background-color: #c6dce9;
position: relative;
z-index: 0
}
@media (max-width: 75em) {
html body .hero--brand-campaign-01,html body .hero--brand-campaign-01a,html body .hero--brand-campaign-02,html body .hero--brand-campaign-03 {
padding-bottom:0
}
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-01 .hero__copy input#ev-login-submit,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-01a .hero__copy input#ev-login-submit,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-02 .hero__copy input#ev-login-submit,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-03 .hero__copy input#ev-login-submit,html body .hero--brand-campaign-01 .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-01 .hero__copy .btn,html body .hero--brand-campaign-01 .hero__copy .moreSection__button,html body .hero--brand-campaign-01 .hero__copy .nav--sticky li,html body .hero--brand-campaign-01 .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-01 .hero__copy .nav__links__item,html body .hero--brand-campaign-01 .hero__copy .t-lead1,html body .hero--brand-campaign-01 .hero__copy h1,html body .hero--brand-campaign-01a .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-01a .hero__copy .btn,html body .hero--brand-campaign-01a .hero__copy .moreSection__button,html body .hero--brand-campaign-01a .hero__copy .nav--sticky li,html body .hero--brand-campaign-01a .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-01a .hero__copy .nav__links__item,html body .hero--brand-campaign-01a .hero__copy .t-lead1,html body .hero--brand-campaign-01a .hero__copy h1,html body .hero--brand-campaign-02 .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-02 .hero__copy .btn,html body .hero--brand-campaign-02 .hero__copy .moreSection__button,html body .hero--brand-campaign-02 .hero__copy .nav--sticky li,html body .hero--brand-campaign-02 .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-02 .hero__copy .nav__links__item,html body .hero--brand-campaign-02 .hero__copy .t-lead1,html body .hero--brand-campaign-02 .hero__copy h1,html body .hero--brand-campaign-03 .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-03 .hero__copy .btn,html body .hero--brand-campaign-03 .hero__copy .moreSection__button,html body .hero--brand-campaign-03 .hero__copy .nav--sticky li,html body .hero--brand-campaign-03 .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-03 .hero__copy .nav__links__item,html body .hero--brand-campaign-03 .hero__copy .t-lead1,html body .hero--brand-campaign-03 .hero__copy h1,html body .nav--sticky .hero--brand-campaign-01 .hero__copy li,html body .nav--sticky .hero--brand-campaign-01a .hero__copy li,html body .nav--sticky .hero--brand-campaign-02 .hero__copy li,html body .nav--sticky .hero--brand-campaign-03 .hero__copy li,html body .nav__links .hero--brand-campaign-01 .hero__copy .selfserve.verified,html body .nav__links .hero--brand-campaign-01a .hero__copy .selfserve.verified,html body .nav__links .hero--brand-campaign-02 .hero__copy .selfserve.verified,html body .nav__links .hero--brand-campaign-03 .hero__copy .selfserve.verified {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-name: fade-up-in;
animation-name: fade-up-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
html body .hero--brand-campaign-01 .hero__copy h1,html body .hero--brand-campaign-01a .hero__copy h1,html body .hero--brand-campaign-02 .hero__copy h1,html body .hero--brand-campaign-03 .hero__copy h1 {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
html body .hero--brand-campaign-01 .hero__copy .nav--sticky li,html body .hero--brand-campaign-01 .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-01 .hero__copy .nav__links__item,html body .hero--brand-campaign-01 .hero__copy .t-lead1,html body .hero--brand-campaign-01a .hero__copy .nav--sticky li,html body .hero--brand-campaign-01a .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-01a .hero__copy .nav__links__item,html body .hero--brand-campaign-01a .hero__copy .t-lead1,html body .hero--brand-campaign-02 .hero__copy .nav--sticky li,html body .hero--brand-campaign-02 .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-02 .hero__copy .nav__links__item,html body .hero--brand-campaign-02 .hero__copy .t-lead1,html body .hero--brand-campaign-03 .hero__copy .nav--sticky li,html body .hero--brand-campaign-03 .hero__copy .nav__links .selfserve.verified,html body .hero--brand-campaign-03 .hero__copy .nav__links__item,html body .hero--brand-campaign-03 .hero__copy .t-lead1,html body .nav--sticky .hero--brand-campaign-01 .hero__copy li,html body .nav--sticky .hero--brand-campaign-01a .hero__copy li,html body .nav--sticky .hero--brand-campaign-02 .hero__copy li,html body .nav--sticky .hero--brand-campaign-03 .hero__copy li,html body .nav__links .hero--brand-campaign-01 .hero__copy .selfserve.verified,html body .nav__links .hero--brand-campaign-01a .hero__copy .selfserve.verified,html body .nav__links .hero--brand-campaign-02 .hero__copy .selfserve.verified,html body .nav__links .hero--brand-campaign-03 .hero__copy .selfserve.verified {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s
}
html body .hero--brand-campaign-01 .hero__copy .nav--sticky li:last-of-type,html body .hero--brand-campaign-01 .hero__copy .nav__links .selfserve.verified:last-of-type,html body .hero--brand-campaign-01 .hero__copy .nav__links__item:last-of-type,html body .hero--brand-campaign-01 .hero__copy .t-lead1:last-of-type,html body .hero--brand-campaign-01a .hero__copy .nav--sticky li:last-of-type,html body .hero--brand-campaign-01a .hero__copy .nav__links .selfserve.verified:last-of-type,html body .hero--brand-campaign-01a .hero__copy .nav__links__item:last-of-type,html body .hero--brand-campaign-01a .hero__copy .t-lead1:last-of-type,html body .hero--brand-campaign-02 .hero__copy .nav--sticky li:last-of-type,html body .hero--brand-campaign-02 .hero__copy .nav__links .selfserve.verified:last-of-type,html body .hero--brand-campaign-02 .hero__copy .nav__links__item:last-of-type,html body .hero--brand-campaign-02 .hero__copy .t-lead1:last-of-type,html body .hero--brand-campaign-03 .hero__copy .nav--sticky li:last-of-type,html body .hero--brand-campaign-03 .hero__copy .nav__links .selfserve.verified:last-of-type,html body .hero--brand-campaign-03 .hero__copy .nav__links__item:last-of-type,html body .hero--brand-campaign-03 .hero__copy .t-lead1:last-of-type,html body .nav--sticky .hero--brand-campaign-01 .hero__copy li:last-of-type,html body .nav--sticky .hero--brand-campaign-01a .hero__copy li:last-of-type,html body .nav--sticky .hero--brand-campaign-02 .hero__copy li:last-of-type,html body .nav--sticky .hero--brand-campaign-03 .hero__copy li:last-of-type,html body .nav__links .hero--brand-campaign-01 .hero__copy .selfserve.verified:last-of-type,html body .nav__links .hero--brand-campaign-01a .hero__copy .selfserve.verified:last-of-type,html body .nav__links .hero--brand-campaign-02 .hero__copy .selfserve.verified:last-of-type,html body .nav__links .hero--brand-campaign-03 .hero__copy .selfserve.verified:last-of-type {
-webkit-animation-delay: 3s;
animation-delay: 3s
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-01 .hero__copy input#ev-login-submit,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-01a .hero__copy input#ev-login-submit,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-02 .hero__copy input#ev-login-submit,html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button .hero--brand-campaign-03 .hero__copy input#ev-login-submit,html body .hero--brand-campaign-01 .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-01 .hero__copy .btn,html body .hero--brand-campaign-01 .hero__copy .moreSection__button,html body .hero--brand-campaign-01a .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-01a .hero__copy .btn,html body .hero--brand-campaign-01a .hero__copy .moreSection__button,html body .hero--brand-campaign-02 .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-02 .hero__copy .btn,html body .hero--brand-campaign-02 .hero__copy .moreSection__button,html body .hero--brand-campaign-03 .hero__copy #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit,html body .hero--brand-campaign-03 .hero__copy .btn,html body .hero--brand-campaign-03 .hero__copy .moreSection__button {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s
}
html body .hero--brand-campaign-01 .layers,html body .hero--brand-campaign-01a .layers,html body .hero--brand-campaign-02 .layers,html body .hero--brand-campaign-03 .layers {
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1
}
@media (max-width: 75em) {
html body .hero--brand-campaign-01 .layers,html body .hero--brand-campaign-01a .layers,html body .hero--brand-campaign-02 .layers,html body .hero--brand-campaign-03 .layers {
position:relative;
width: 100%;
padding-bottom: 40%
}
}
@media (max-width: 46.875em) {
html body .hero--brand-campaign-01 .layers,html body .hero--brand-campaign-01a .layers,html body .hero--brand-campaign-02 .layers,html body .hero--brand-campaign-03 .layers {
min-height:400px;
padding-bottom: 0
}
}
html body .hero--brand-campaign-01 .layer,html body .hero--brand-campaign-01a .layer,html body .hero--brand-campaign-02 .layer,html body .hero--brand-campaign-03 .layer {
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: explode;
animation-name: explode;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(.905,.2,.355,1);
animation-timing-function: cubic-bezier(.905,.2,.355,1)
}
html body .hero--brand-campaign-01 .layer--overlay,html body .hero--brand-campaign-01a .layer--overlay,html body .hero--brand-campaign-02 .layer--overlay,html body .hero--brand-campaign-03 .layer--overlay {
-webkit-animation-name: fade-out;
animation-name: fade-out
}
html body .hero--brand-campaign-01 .layer-2,html body .hero--brand-campaign-01a .layer-2,html body .hero--brand-campaign-02 .layer-2,html body .hero--brand-campaign-03 .layer-2 {
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-01 .layer-3,html body .hero--brand-campaign-01a .layer-3,html body .hero--brand-campaign-02 .layer-3,html body .hero--brand-campaign-03 .layer-3 {
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-01 .layer-4,html body .hero--brand-campaign-01a .layer-4,html body .hero--brand-campaign-02 .layer-4,html body .hero--brand-campaign-03 .layer-4 {
-webkit-transform: translateY(95px);
-ms-transform: translateY(95px);
transform: translateY(95px);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-01 .layer-5,html body .hero--brand-campaign-01a .layer-5,html body .hero--brand-campaign-02 .layer-5,html body .hero--brand-campaign-03 .layer-5 {
-webkit-transform: translateY(21px);
-ms-transform: translateY(21px);
transform: translateY(21px);
-webkit-animation-delay: 5s;
animation-delay: 5s
}
html body .hero--brand-campaign-01 .stats-1,html body .hero--brand-campaign-01 .stats-2,html body .hero--brand-campaign-01 .stats-3,html body .hero--brand-campaign-01a .stats-1,html body .hero--brand-campaign-01a .stats-2,html body .hero--brand-campaign-01a .stats-3,html body .hero--brand-campaign-02 .stats-1,html body .hero--brand-campaign-02 .stats-2,html body .hero--brand-campaign-02 .stats-3,html body .hero--brand-campaign-03 .stats-1,html body .hero--brand-campaign-03 .stats-2,html body .hero--brand-campaign-03 .stats-3 {
opacity: 0;
position: absolute;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fade-up-in;
animation-name: fade-up-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(.905,.2,.355,1);
animation-timing-function: cubic-bezier(.905,.2,.355,1);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s;
-webkit-transform: translateY(25px);
-ms-transform: translateY(25px);
transform: translateY(25px)
}
html body .hero--brand-campaign-01 .stats-1 h3,html body .hero--brand-campaign-01 .stats-1 p,html body .hero--brand-campaign-01 .stats-2 h3,html body .hero--brand-campaign-01 .stats-2 p,html body .hero--brand-campaign-01 .stats-3 h3,html body .hero--brand-campaign-01 .stats-3 p,html body .hero--brand-campaign-01a .stats-1 h3,html body .hero--brand-campaign-01a .stats-1 p,html body .hero--brand-campaign-01a .stats-2 h3,html body .hero--brand-campaign-01a .stats-2 p,html body .hero--brand-campaign-01a .stats-3 h3,html body .hero--brand-campaign-01a .stats-3 p,html body .hero--brand-campaign-02 .stats-1 h3,html body .hero--brand-campaign-02 .stats-1 p,html body .hero--brand-campaign-02 .stats-2 h3,html body .hero--brand-campaign-02 .stats-2 p,html body .hero--brand-campaign-02 .stats-3 h3,html body .hero--brand-campaign-02 .stats-3 p,html body .hero--brand-campaign-03 .stats-1 h3,html body .hero--brand-campaign-03 .stats-1 p,html body .hero--brand-campaign-03 .stats-2 h3,html body .hero--brand-campaign-03 .stats-2 p,html body .hero--brand-campaign-03 .stats-3 h3,html body .hero--brand-campaign-03 .stats-3 p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
html body .hero--brand-campaign-01 .stats-1 h3 span,html body .hero--brand-campaign-01 .stats-1 p span,html body .hero--brand-campaign-01 .stats-2 h3 span,html body .hero--brand-campaign-01 .stats-2 p span,html body .hero--brand-campaign-01 .stats-3 h3 span,html body .hero--brand-campaign-01 .stats-3 p span,html body .hero--brand-campaign-01a .stats-1 h3 span,html body .hero--brand-campaign-01a .stats-1 p span,html body .hero--brand-campaign-01a .stats-2 h3 span,html body .hero--brand-campaign-01a .stats-2 p span,html body .hero--brand-campaign-01a .stats-3 h3 span,html body .hero--brand-campaign-01a .stats-3 p span,html body .hero--brand-campaign-02 .stats-1 h3 span,html body .hero--brand-campaign-02 .stats-1 p span,html body .hero--brand-campaign-02 .stats-2 h3 span,html body .hero--brand-campaign-02 .stats-2 p span,html body .hero--brand-campaign-02 .stats-3 h3 span,html body .hero--brand-campaign-02 .stats-3 p span,html body .hero--brand-campaign-03 .stats-1 h3 span,html body .hero--brand-campaign-03 .stats-1 p span,html body .hero--brand-campaign-03 .stats-2 h3 span,html body .hero--brand-campaign-03 .stats-2 p span,html body .hero--brand-campaign-03 .stats-3 h3 span,html body .hero--brand-campaign-03 .stats-3 p span {
min-width: 3.4375rem;
text-align: right;
margin-right: .625rem
}
@media (max-width: 75em) {
html body .hero--brand-campaign-01 .stats-1,html body .hero--brand-campaign-01a .stats-1,html body .hero--brand-campaign-02 .stats-1,html body .hero--brand-campaign-03 .stats-1 {
top:110px
}
}
@media (max-width: 46.875em) {
html body .hero--brand-campaign-01 .stats-1,html body .hero--brand-campaign-01a .stats-1,html body .hero--brand-campaign-02 .stats-1,html body .hero--brand-campaign-03 .stats-1 {
top:50px
}
}
html body .hero--brand-campaign-01 .stats-2,html body .hero--brand-campaign-01a .stats-2,html body .hero--brand-campaign-02 .stats-2,html body .hero--brand-campaign-03 .stats-2 {
top: 110px;
left: 350px;
-webkit-animation-delay: 5s;
animation-delay: 5s
}
@media (max-width: 61.875em) {
html body .hero--brand-campaign-01 .stats-2,html body .hero--brand-campaign-01a .stats-2,html body .hero--brand-campaign-02 .stats-2,html body .hero--brand-campaign-03 .stats-2 {
left:250px
}
}
@media (max-width: 46.875em) {
html body .hero--brand-campaign-01 .stats-2,html body .hero--brand-campaign-01a .stats-2,html body .hero--brand-campaign-02 .stats-2,html body .hero--brand-campaign-03 .stats-2 {
top:200px;
left: 0
}
}
html body .hero--brand-campaign-02 {
background-color: #f6fafd
}
html body .hero--brand-campaign-02 .layers {
width: 100%;
max-width: 1200px;
margin: auto
}
@media (max-width: 46.875em) {
html body .hero--brand-campaign-02 .layers {
padding-top:25%;
min-height: 75vh
}
}
html body .hero--brand-campaign-02 .layer-1 {
-webkit-transform: translateY(22.5%);
-ms-transform: translateY(22.5%);
transform: translateY(22.5%);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-02 h2,html body .hero--brand-campaign-02 h3 {
position: absolute;
top: 24%;
left: 68%;
-webkit-transform: translateY(125%);
-ms-transform: translateY(125%);
transform: translateY(125%);
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fade-up-in;
animation-name: fade-up-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(.905,.2,.355,1);
animation-timing-function: cubic-bezier(.905,.2,.355,1);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-02 h2 {
top: 13%
}
@media (max-width: 75em) {
html body .hero--brand-campaign-02 h2 {
left:0;
display: block;
position: relative;
top: 0;
text-align: left!important;
font-size: 30px;
margin-bottom: .625rem
}
}
@media (max-width: 75em) {
html body .hero--brand-campaign-02 h3 {
width:auto;
left: 0;
display: block;
position: relative;
top: 0;
text-align: left!important;
font-size: 18px
}
html body .hero--brand-campaign-02 h3 br {
display: none
}
}
html body .hero--brand-campaign-02 .stats {
margin: auto;
max-width: 1200px;
position: absolute;
height: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
@media (min-width: 75em) {
html body .hero--brand-campaign-02 .stats {
width:100%
}
}
@media (max-width: 75em) {
html body .hero--brand-campaign-02 .stats {
padding:3.75rem .9375rem
}
}
@media (max-width: 46.875em) {
html body .hero--brand-campaign-02 .stats {
width:100%;
top: 0
}
}
html body .hero--brand-campaign-02 .stats-1,html body .hero--brand-campaign-02 .stats-2,html body .hero--brand-campaign-02 .stats-3 {
background: rgba(0,255,255,.5);
padding: .3125rem;
border-radius: 6px;
width: 125px;
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
top: calc(50% - 5px);
left: calc(62% - 10px)
}
@media (max-width: 75em) {
html body .hero--brand-campaign-02 .stats-1,html body .hero--brand-campaign-02 .stats-2,html body .hero--brand-campaign-02 .stats-3 {
left:0;
display: inline-block;
position: relative;
margin: .9375rem 0
}
}
html body .hero--brand-campaign-02 .stats-2 {
left: calc(62% + 125px);
background: rgba(66,144,229,.5)
}
@media (max-width: 75em) {
html body .hero--brand-campaign-02 .stats-2 {
left:0;
display: inline-block;
position: relative
}
}
html body .hero--brand-campaign-02 .stats-3 {
width: 525px;
background: rgba(236,206,116,.75);
top: 77%;
left: 50%;
-webkit-animation-delay: 4.75s;
animation-delay: 4.75s
}
@media (max-width: 75em) {
html body .hero--brand-campaign-02 .stats-3 {
left:0;
top: 0;
margin-top: .9375rem;
display: block;
position: relative;
max-width: 100%
}
}
html body .hero--brand-campaign-02 .circle-chart {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
font-family: "object-fit: contain; object-position: bottom";
opacity: 0;
-webkit-animation: fade-in .5s ease-in both;
animation: fade-in .5s ease-in both;
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
html body .hero--brand-campaign-02 .circle-chart {
top: 12px
}
}
html body .hero--brand-campaign-02 .circle-chart__circle {
animation: circle-chart-fill 2s reverse;
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-02 .circle-chart__circle--1 {
-webkit-transform: rotate(-85deg);
-ms-transform: rotate(-85deg);
transform: rotate(-85deg)
}
html body .hero--brand-campaign-03 {
background-color: #46a9d4;
overflow: hidden
}
@media (min-width: 90em) {
html body .hero--brand-campaign-03 {
background-image:url(../images/content/shipping/shipping-bg-gradient.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-size: contain
}
}
@media (max-width: 89.99em) {
html body .hero--brand-campaign-03 {
background-image:none!important
}
}
@media (max-width: 61.99em) {
html body .hero--brand-campaign-03 .layers--mobile {
padding-bottom:0;
min-height: 60vw;
background-size: auto 100%;
background-position: 0 100%
}
}
html body .hero--brand-campaign-03 .layer-2 {
-webkit-transform: translateY(17.5%);
-ms-transform: translateY(17.5%);
transform: translateY(17.5%);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-03 .layer-2a {
-webkit-transform: translateY(19.5%);
-ms-transform: translateY(19.5%);
transform: translateY(19.5%);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-03 .layer-3 {
-webkit-transform: translateY(33.5%);
-ms-transform: translateY(33.5%);
transform: translateY(33.5%);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-03 .layer-3a {
-webkit-transform: translateY(35%);
-ms-transform: translateY(35%);
transform: translateY(35%);
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s
}
html body .hero--brand-campaign-03 .stats-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
font-family: "object-fit: contain; object-position: bottom";
opacity: 0;
-webkit-animation: fade-in .5s ease-in both;
animation: fade-in .5s ease-in both;
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s
}
html body .hero--brand-campaign-03 .stats-1,html body .hero--brand-campaign-03 .stats-2,html body .hero--brand-campaign-03 .stats-3 {
width: 100%;
text-align: center;
left: auto;
top: 50px;
margin: auto;
-webkit-animation-delay: 5.6s;
animation-delay: 5.6s;
-webkit-animation-name: fade-in;
animation-name: fade-in;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media (max-width: 90.625em) {
html body .hero--brand-campaign-03 .stats-1,html body .hero--brand-campaign-03 .stats-2,html body .hero--brand-campaign-03 .stats-3 {
top:calc(415px - 25vw)
}
}
@media (max-width: 74.99em) {
html body .hero--brand-campaign-03 .stats-1,html body .hero--brand-campaign-03 .stats-2,html body .hero--brand-campaign-03 .stats-3 {
position:relative;
top: 120px
}
}
html body .hero--brand-campaign-03 .stats-1 p,html body .hero--brand-campaign-03 .stats-2 p,html body .hero--brand-campaign-03 .stats-3 p {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 65%;
margin: auto
}
html body .hero--brand-campaign-03 .stats-1 p span,html body .hero--brand-campaign-03 .stats-2 p span,html body .hero--brand-campaign-03 .stats-3 p span {
text-align: center;
margin-right: .9375rem
}
html body .hero--brand-campaign-03 .stats-1 p span:last-child,html body .hero--brand-campaign-03 .stats-2 p span:last-child,html body .hero--brand-campaign-03 .stats-3 p span:last-child {
margin-right: 0;
margin-left: .9375rem
}
html body .hero--brand-campaign-03 .stats-2 {
top: 200px;
-webkit-animation-delay: 5.1s;
animation-delay: 5.1s
}
@media (max-width: 90.625em) {
html body .hero--brand-campaign-03 .stats-2 {
top:calc(565px - 25vw)
}
}
@media (max-width: 74.99em) {
html body .hero--brand-campaign-03 .stats-2 {
top:265px
}
}
html body .hero--brand-campaign-03 .stats-3 {
-webkit-animation-delay: 4.6s;
animation-delay: 4.6s;
top: 300px
}
@media (max-width: 90.625em) {
html body .hero--brand-campaign-03 .stats-3 {
top:calc(655px - 25vw)
}
}
@media (max-width: 75em) {
html body .hero--brand-campaign-03 .stats-3 {
top:365px
}
}
html body .hero--brand-campaign-01a .stats-1 {
left: 25px
}
@media (max-width: 75em) {
html body .hero--brand-campaign-01a .stats-1 {
top:100px
}
}
@media (max-width: 43.75em) {
html body .hero--brand-campaign-01a .stats-1 {
top:50px
}
}
html body .hero--brand-campaign-01a .stats-2 {
top: 175px;
left: 465px
}
@media (max-width: 75em) {
html body .hero--brand-campaign-01a .stats-2 {
top:100px;
left: 300px
}
}
@media (max-width: 43.75em) {
html body .hero--brand-campaign-01a .stats-2 {
top:50px;
left: 200px
}
}
html body .hero--brand-campaign-04,html body .hero--brand-campaign-05 {
background-color: #dde6ea;
padding: 0;
background: -webkit-gradient(linear,left top,right top,color-stop(50%,#dde6ea),color-stop(51%,#fff));
background: -o-linear-gradient(left,#dde6ea 50%,#fff 51%);
background: linear-gradient(90deg,#dde6ea 50%,#fff 51%)
}
html body .hero--brand-campaign-04 .container,html body .hero--brand-campaign-05 .container {
background-image: url(../images/content/opioids-campaign.png);
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 4.6875rem;
padding-bottom: 4.6875rem
}
@media (max-width: 74.9375em) {
html body .hero--brand-campaign-04,html body .hero--brand-campaign-05 {
background:none;
padding-bottom: 0
}
html body .hero--brand-campaign-04 .container[style],html body .hero--brand-campaign-05 .container[style] {
background: none!important
}
}
html body .hero--brand-campaign-05 .container {
background-image: url(../images/content/water-campaign.png)
}
@media (max-width: 74.9375em) {
html body .hero--brand-campaign-05 .container {
background:none
}
}
@-webkit-keyframes circle-chart-fill {
to {
stroke-dasharray: 0 200
}
}
@keyframes circle-chart-fill {
to {
stroke-dasharray: 0 200
}
}
@-webkit-keyframes explode {
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes explode {
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fade-in {
to {
opacity: 1
}
}
@keyframes fade-in {
to {
opacity: 1
}
}
@-webkit-keyframes fade-up-in {
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fade-up-in {
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fade-out {
to {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fade-out {
to {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.print-mode .hero img {
display: none
}
html body .card {
display: block;
border-radius: 6px;
overflow: hidden;
color: #fff;
position: relative
}
html body .card:hover {
color: #fff
}
html body .card__header {
position: relative;
padding: .9375rem
}
html body .card__label {
position: absolute;
top: .9375rem;
left: .9375rem;
right: .9375rem
}
html body .card__title {
padding: .9375rem
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .card__title .close,html body .card__title #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons .close,html body .card__title .link {
display: inline-block
}
html body .card__footer {
padding: .9375rem
}
html body .card__footer__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html body .card__footer__data>div {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@supports not (display: flex) {
html body .card__footer__data {
display:block
}
html body .card__footer__data>div {
display: inline-block
}
}
html body .card__cta {
padding-top: .9375rem;
font-size: .8125rem
}
html body .card__image img {
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-transform: translate(-50%,-50%) scale(1);
-ms-transform: translate(-50%,-50%) scale(1);
transform: translate(-50%,-50%) scale(1);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
height: auto;
min-width: 100%
}
.card:hover html body .card__image img {
-webkit-transform: translate(-50%,-50%) scale(1.1);
-ms-transform: translate(-50%,-50%) scale(1.1);
transform: translate(-50%,-50%) scale(1.1);
-webkit-filter: brightness(.9);
filter: brightness(.9)
}
html body .card--fund {
background: #0674b9;
position: relative;
overflow: visible
}
html body .card--fund__date {
font-size: .625rem;
font-style: italic;
float: right;
line-height: 1.25rem;
font-weight: 500
}
html body .card--fund .card__footer {
background: rgba(0,0,0,.2);
border-radius: 0 0 6px 6px
}
html body .card--fund+.card__callout {
position: absolute;
z-index: -1;
left: 100%;
top: 50%;
-webkit-transform: translate(-20%,-50%);
-ms-transform: translate(-20%,-50%);
transform: translate(-20%,-50%);
width: 250px;
height: 250px;
background: #fff;
border-radius: 50%;
color: #2d2d2d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (max-width: 61.99em) {
html body .card--fund+.card__callout {
display:none
}
}
html body .card--fund+.card__callout .card__callout__top {
border-bottom: 1px solid #e3e8ec;
margin-bottom: .625rem;
padding-bottom: .625rem
}
html body .card__callout-wrapper {
z-index: 1;
position: relative
}
html body .card--image {
background-size: cover
}
html body .card--video {
overflow: hidden
}
html body .card--video__btn {
display: block
}
html body .card--video__btn:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 10px 0 10px 20px;
z-index: 100;
bottom: 15px;
left: 15px
}
html body .card--icon img,html body .card--icon svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
html body .form__group {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
margin-top: .9375rem;
width: 100%
}
html body .form__group .form__label {
width: 100%;
display: block;
margin: 1.875rem 0 .625rem;
position: relative;
text-align: left;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
font-weight: 500
}
html body .form__group .form__input {
width: 100%;
line-height: 40px;
height: 40px;
border-radius: 6px;
padding: 0 .625rem;
border: 1px solid #7a99ac;
font-weight: 500;
color: #497489;
background: #fff
}
html body .form__group .form__input::-webkit-input-placeholder {
color: #b3c6d2
}
html body .form__group .form__input::-moz-placeholder {
color: #b3c6d2
}
html body .form__group .form__input:-ms-input-placeholder {
color: #b3c6d2
}
html body .form__group .form__input::-ms-input-placeholder {
color: #b3c6d2
}
html body .form__group .form__input::placeholder {
color: #b3c6d2
}
html body .form__group textarea.form__input {
width: 100%;
min-height: 300px;
padding: 10px
}
html body .form__group--checkbox {
padding-bottom: 0
}
html body .form__group--checkbox .form__label {
width: 100%;
padding: 5px;
margin: 0;
cursor: pointer;
text-align: left;
text-transform: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px
}
html body .form__group--checkbox .form__input {
display: none
}
html body .form__group--checkbox .form__input~label {
color: #3c738a
}
html body .form__group--checkbox .form__input~label:before {
display: block;
content: "";
border: 1px solid #3c738a;
width: 1.25rem;
height: 1.25rem;
float: left;
border-radius: 5px;
background: #fff;
margin-right: 10px
}
html body .form__group--checkbox .form__input:checked~label {
color: #2d2d2d
}
html body .form__group--checkbox .form__input:checked~label:before {
border: 1px solid #0674b9;
background: #0674b9 url(/assets/images/content/icons/icon-check.svg) 50% no-repeat;
background-size: 70%
}
html body .form__group--alpha {
padding-left: 140px
}
html body .form--inline>* {
display: inline-block
}
html body .form--inline .form__input {
margin-right: .625rem;
width: auto
}
html body .form--dark .form__input:not(.btn) {
color: #fff;
background: hsla(0,0%,100%,.15);
border: none
}
html body .form--dark .form__input--select option {
color: #2d2d2d
}
html body .form--light .form__input:not(button) {
color: #fff;
background: none;
border: 1px solid #f1f3f5
}
html body .form__input--select::-ms-expand {
background: transparent;
color: #fff;
border: none
}
.footer__sign-up .form .form__label,footer .form__label {
display: block;
position: absolute;
top: 0;
font-weight: 500;
font-size: 13px
}
.footer__sign-up .form .form__input,footer .form__input {
padding: 0 .625rem;
height: 40px;
line-height: 40px;
vertical-align: middle;
position: relative;
border-radius: 6px;
width: 100%;
font-size: 15px
}
.footer__sign-up .form .form__input::-webkit-input-placeholder,footer .form__input::-webkit-input-placeholder {
color: #fff
}
.footer__sign-up .form .form__input::-moz-placeholder,footer .form__input::-moz-placeholder {
color: #fff
}
.footer__sign-up .form .form__input:-ms-input-placeholder,footer .form__input:-ms-input-placeholder {
color: #fff
}
.footer__sign-up .form .form__input::-ms-input-placeholder,footer .form__input::-ms-input-placeholder {
color: #fff
}
.footer__sign-up .form .form__input::placeholder,footer .form__input::placeholder {
color: #fff
}
html body .form.slideout__form .form__group {
padding-bottom: .9375rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top
}
html body .form.slideout__form .form__group label:not(.checkbox) {
width: 120px;
line-height: 30px;
text-align: right;
margin-right: 20px;
margin-top: 5px
}
html body .form.slideout__form .form__group button {
padding-left: 50px;
padding-right: 50px
}
html body .form.slideout__form .form__group .input {
width: 300px;
max-width: 100%;
border-color: #2d2d2d;
border-radius: 6px;
border-width: 2px;
background-color: transparent;
padding-left: .625rem
}
html body .table {
font-size: 12px;
font-weight: 500;
border: 0
}
html body .table thead {
background-color: #fff
}
html body .table thead tr {
font-size: 12px;
text-transform: uppercase
}
html body .table thead tr th {
border: none;
border-bottom: 1px solid #2d2d2d;
padding: .9375rem;
background-color: #fff
}
html body .table thead tr th:last-child {
text-align: right
}
html body .table thead tr th:first-child {
text-align: left
}
html body .table tbody tr:nth-child(odd) td {
background: #f1f3f5
}
html body .table tbody tr td {
border: none;
padding: 1.5625rem .9375rem;
vertical-align: middle;
background-color: #fff
}
html body .table tbody tr td:first-child {
text-align: left
}
html body .table tbody tr td:last-child {
text-align: right
}
html body .table tbody tr td a {
color: #3c738a
}
html body .table--funds thead tr th {
text-align: right
}
html body .table--funds thead tr th:not(:first-child):not(:last-child) {
color: #3c738a;
white-space: nowrap
}
html body .table--funds thead tr th:first-child {
text-align: left
}
html body .table--funds thead tr th:last-child {
width: 100px
}
html body .table--funds thead tr th .arw {
display: none
}
@media (max-width: 74.99em) {
html body .table--funds thead tr th:first-child {
border-right:1px solid #afc7d3
}
}
html body .table--funds tbody tr td {
text-align: right
}
html body .table--funds tbody tr:hover td {
background: #3c738a;
color: #fff
}
html body .table--funds tbody tr:hover td a {
color: #fff
}
@media (max-width: 74.99em) {
html body .table--funds tbody tr td:first-child {
border-right:1px solid #afc7d3
}
}
html body .table--documents thead tr th {
text-align: center
}
html body .table--documents thead tr th:not(:first-child) {
color: #3c738a
}
html body .table--documents tbody tr td {
min-width: 3.75rem;
text-align: center
}
html body .table--compact tbody tr td {
padding: .9375rem
}
html body .table--comparison tbody tr td:not(:first-child),html body .table--comparison thead tr th:not(:first-child) {
text-align: right
}
html body .table--comparison tbody tr td:last-child,html body .table--comparison thead tr th:last-child {
background: #0674b9;
text-align: center;
color: #fff
}
html body .table--comparison tr:nth-child(odd) td:last-child {
background: #05619c
}
html body .table--comparison thead tr th:last-child {
border-radius: 6px 6px 0 0
}
html body .table-container,html body .table-swipe {
overflow: auto
}
html body .tabs {
list-style: none;
margin: 0;
font-weight: 500;
font-size: .9375rem;
position: relative;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch
}
html body .tabs::-webkit-scrollbar {
display: none
}
html body .tabs .tabs__tab {
display: inline-block;
padding: .46875rem .9375rem;
color: #739aae;
cursor: pointer;
border-radius: 6px
}
html body .tabs .tabs__tab--active {
background: #0674b9;
color: #f1f3f5
}
html body .timeline,html body .timeline__dates,html body .timeline__events {
list-style: none;
padding: 0;
margin: 0
}
html body .timeline {
position: relative
}
html body .timeline:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
left: 50%;
z-index: -1;
background: #afc7d3
}
@media (max-width: 61.99em) {
html body .timeline:before {
left:.9375rem
}
}
html body .timeline:after {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
bottom: -10px;
left: 50%;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #afc7d3;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
html body .timeline__date-range {
text-align: center;
padding: 1.25rem 0;
background-color: #fff;
margin-bottom: 1.25rem
}
@media (max-width: 61.99em) {
html body .timeline__date-range {
text-align:left;
padding-left: .625rem
}
}
html body .timeline__events {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 1.25rem
}
html body .timeline__event {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-item-align: end;
align-self: flex-end;
width: 50%;
padding-left: 6.25rem;
margin-bottom: 1.5625rem;
position: relative
}
@media (max-width: 61.99em) {
html body .timeline__event {
width:100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 3.125rem
}
}
html body .timeline__event:first-of-type:after {
content: attr(data-date);
line-height: 20px;
position: absolute;
right: calc(100% - 10px);
top: 3.125rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8' fill='%233c738a'/%3E%3Cpath d='M10 4c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-4C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0z' fill='%23fff'/%3E%3C/svg%3E");
background-size: 20px 20px;
padding-right: 1.5625rem;
background-repeat: no-repeat;
background-position: 100%
}
@media (max-width: 61.99em) {
html body .timeline__event:first-of-type:after {
right:calc(100% - 30px);
padding-right: 0;
padding-top: .9375rem;
background-position: top
}
}
html body .timeline__event:first-of-type:before {
content: "";
display: block;
height: 1px;
width: 3.125rem;
background: #afc7d3;
left: 1.5625rem;
top: 3.125rem;
position: absolute
}
@media (max-width: 61.99em) {
html body .timeline__event:first-of-type:before {
width:1.5625rem;
left: .9375rem;
top: 2.65625rem
}
}
html body .timeline__event__img {
width: 155px;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
display: block;
overflow: hidden;
margin-right: 1.5625rem;
position: relative
}
html body .timeline__event__img img,html body .timeline__event__img video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
@media (max-width: 61.99em) {
html body .timeline__event__img {
width:100%;
margin-bottom: .625rem
}
}
html body .timeline__event__info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
html body .timeline__event__info span {
margin-bottom: .625rem;
display: block
}
html body .timeline__event__info h3 {
margin-bottom: .625rem
}
@media (min-width: 62em) {
html body .timeline__date:nth-of-type(odd) .timeline__event {
-ms-flex-item-align:start;
align-self: flex-start;
padding-left: 0;
padding-right: 6.25rem
}
html body .timeline__date:nth-of-type(odd) .timeline__event:first-of-type:after {
right: auto;
left: calc(100% - 10px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-right: 0;
padding-left: 1.5625rem;
background-position: 0
}
html body .timeline__date:nth-of-type(odd) .timeline__event:first-of-type:before {
content: "";
left: auto;
right: 1.5625rem
}
}
html body .popover-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 500;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
html body .popover-modal__overlay {
background-color: rgba(0,0,0,.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
html body .popover-modal__container {
margin: 0 auto;
height: 100%;
max-height: 100%;
width: 100%;
padding: 1.875rem;
overflow: auto;
position: relative;
background-color: #fff;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .33s cubic-bezier(.175,.885,.32,1.075) .175s;
-o-transition: all .33s cubic-bezier(.175,.885,.32,1.075) .175s;
transition: all .33s cubic-bezier(.175,.885,.32,1.075) .175s;
opacity: 0
}
html body .popover-modal__container:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232d2d2d' d='M4 477l31 31c5 5 14 5 19 0l202-202 202 202c5 5 14 5 19 0l31-31c5-5 5-14 0-19L306 256l7-7L508 53c5-5 5-14 0-19L477 4c-5-5-14-5-19 0L256 206 53 4c-5-5-14-5-19 0L4 35c-5 5-5 13 0 18l202 203L4 458c-5 5-5 14 0 19z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: .9375rem;
right: .9375rem;
cursor: pointer
}
@media (min-width: 62em) {
html body .popover-modal__container {
max-width:645px;
height: auto
}
}
html body .is-open.popover-modal,html body .is-open .popover-modal__container,html body .is-open .popover-modal__overlay {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
.print-mode .popover-modal,.print-mode .popover-modal__overlay {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
.print-mode .popover-modal__overlay {
background: transparent
}
.print-mode .popover-modal__container {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
max-width: 100%
}
html body .slideout {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 500;
-webkit-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%)
}
html body .slideout__overlay {
background-color: rgba(0,0,0,.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
html body .slideout__container {
margin-left: auto;
height: 100%;
max-width: 100%;
overflow: auto;
position: relative;
background-color: #fff;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .33s cubic-bezier(.175,.885,.32,1.075) .175s;
-o-transition: all .33s cubic-bezier(.175,.885,.32,1.075) .175s;
transition: all .33s cubic-bezier(.175,.885,.32,1.075) .175s
}
@media (min-width: 75em) {
html body .slideout__container {
max-width:645px
}
}
html body .slideout__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 10px 15px;
border-bottom: 1px solid #2d2d2d;
position: relative
}
@media (min-width: 75em) {
html body .slideout__header {
padding-top:15px;
padding-left: 25px;
padding-right: 25px
}
}
html body .slideout__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
padding: 0;
font-size: 15px;
line-height: 2;
color: #6e9b41;
font-weight: 500;
min-width: 50px;
border: 0
}
html body .slideout__close img,html body .slideout__close span {
pointer-events: inherit
}
html body .slideout__close img {
display: block;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
width: 43px;
height: 32px
}
@media (max-width: 74.99em) {
html body .slideout__close span {
display:none
}
}
@media (min-width: 75em) {
html body .slideout__close {
min-width:100px
}
html body .slideout__close img {
margin-right: 15px
}
}
html body .slideout__close--alpha {
position: absolute;
top: 0;
right: 0;
min-width: auto;
min-width: 50px;
height: 50px;
font-size: 32px;
line-height: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #6e9b41
}
html body .slideout__logo img {
height: 40px;
display: block
}
html body .slideout__social {
min-width: 100px
}
@media (max-width: 74.99em) {
html body .slideout__social {
position:absolute;
top: 100%;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px;
background-color: #f1f3f5;
border-top: 1px solid #2d2d2d;
border-bottom: 1px solid #afc7d3
}
html body .slideout__social:not(.is-visible) {
display: none
}
html body .slideout__social a+a {
margin-left: 80px
}
}
@media (min-width: 75em) {
html body .slideout__social {
display:block
}
html body .slideout__social a+a {
margin-left: 20px
}
}
html body .slideout__social a {
display: inline-block;
font-size: 24px;
line-height: 1;
color: #2d2d2d
}
html body .slideout__share {
color: #6e9b41;
font-size: 15px;
line-height: 26px;
font-weight: 500;
letter-spacing: -.012em;
min-width: 50px;
text-align: right
}
@media (min-width: 75em) {
html body .slideout__share {
display:none
}
}
html body .slideout__content {
padding-left: 10px;
padding-right: 10px
}
html body .slideout__content>hr {
border-bottom-color: #afc7d3;
margin-top: 0;
margin-bottom: 0
}
html body .slideout__content label {
font-size: 15px;
line-height: 26px;
font-weight: 500;
color: #2d2d2d
}
@media (max-width: 74.99em) {
html body .slideout__content {
padding-bottom:20px
}
}
@media (min-width: 75em) {
html body .slideout__content {
padding-left:25px;
padding-right: 25px
}
}
html body .slideout__title {
padding-top: 30px;
padding-bottom: 10px
}
html body .slideout__title h2 {
font-size: 30px;
line-height: 34px;
font-weight: 500;
letter-spacing: -.038em
}
html body .slideout__title h6 {
font-size: 13px;
line-height: 24px;
letter-spacing: .04em;
font-weight: 500;
font-style: italic
}
html body .slideout__title h2+h6 {
margin-top: -10px
}
html body .slideout__title p {
font-size: 13px;
line-height: 18px
}
@media (min-width: 75em) {
html body .slideout__title {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
html body .slideout__title h2,html body .slideout__title p {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(50% - 20px)
}
html body .slideout__title--full-width h2,html body .slideout__title--full-width p {
width: 100%
}
}
html body .slideout__title+hr {
margin-top: 30px
}
@media (min-width: 75em) {
html body .slideout__title--alpha h2 {
width:100%
}
}
html body .slideout__filter {
padding-top: 10px;
padding-bottom: 20px
}
html body .slideout__cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 10px
}
html body .slideout__card {
background-color: #0674b9;
color: #fff;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(50% - 5px);
padding: 20px;
margin-bottom: 10px;
border-radius: 5px
}
html body .slideout__card.is-hidden {
display: none
}
html body .slideout__card hr {
border-bottom-color: #fff;
margin-top: 10px;
margin-bottom: 15px
}
html body .slideout__card p {
font-size: 13px;
line-height: 16px
}
html body .slideout__card p .icon {
margin-right: 5px;
margin-bottom: -4px;
height: 24px;
width: 24px
}
html body .slideout__card h4 {
font-size: 40px;
line-height: 44px;
font-weight: 500;
letter-spacing: -.01em;
margin-bottom: 0
}
@media (max-width: 74.99em) {
html body .slideout__card p .icon {
height:50px;
width: 50px;
margin: 10px auto 20px
}
html body .slideout__card p span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: 30px
}
}
html body .slideout__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 75em) {
html body .slideout__row p {
-webkit-box-flex:0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 50%
}
}
html body .slideout__docs {
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width: 75em) {
html body .slideout__docs {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
html body .slideout__doc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px
}
html body .slideout__doc .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 10px
}
html body .slideout__doc p {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(100% - 70px);
font-size: 13px;
line-height: 18px;
letter-spacing: -.037em;
color: #6e9b41
}
@media (min-width: 75em) {
html body .slideout__doc {
-webkit-box-flex:0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(50% - 10px)
}
html body .slideout__doc p {
width: calc(100% - 60px)
}
}
html body .slideout__list {
padding-top: 25px;
padding-bottom: 25px
}
@media (min-width: 75em) {
html body .slideout__list-item {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 25px
}
html body .slideout__list-item h6,html body .slideout__list-item p {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
html body .slideout__list-item h6 {
width: 100px;
text-align: right;
font-size: 12px;
line-height: 18px;
letter-spacing: .01em;
text-transform: uppercase;
font-weight: 500
}
html body .slideout__list-item p {
width: calc(100% - 120px);
font-size: 13px;
line-height: 18px;
letter-spacing: -.01em;
font-weight: 400;
padding-bottom: 25px
}
html body .slideout__list-item:not(:last-of-type) p {
border-bottom: 1px solid #afc7d3
}
}
html body .slideout__table-wrapper {
overflow: auto;
width: 100%
}
html body .slideout__table {
border: 0;
font-size: 12px;
line-height: 14px;
letter-spacing: -.01em;
font-weight: 500
}
html body .slideout__table td,html body .slideout__table th {
background-color: transparent;
border: 0;
padding: 15px 10px;
color: #2d2d2d
}
html body .slideout__table td a,html body .slideout__table th a {
font-size: 13px;
line-height: 19px;
color: #6e9b41;
white-space: nowrap
}
html body .slideout__table th {
text-transform: uppercase
}
html body .slideout__table tr:not(.slideout__table-section)>td:not(:first-of-type) {
border-top: 1px solid #afc7d3
}
@media (min-width: 75em) {
html body .slideout__table td,html body .slideout__table th {
padding:25px
}
}
html body .slideout__table-section {
border-top: 1px solid #2d2d2d
}
html body .slideout__table-section>td:first-of-type {
text-transform: uppercase;
text-align: right
}
html body .slideout__table--alpha td:first-of-type,html body .slideout__table--alpha th {
font-size: 12px;
line-height: 14px;
letter-spacing: .01em;
text-transform: uppercase
}
html body .slideout__table--alpha td:first-of-type,html body .slideout__table--alpha th:first-of-type {
padding-left: 0
}
html body .slideout__table--alpha td:last-of-type,html body .slideout__table--alpha th:last-of-type {
padding-right: 0;
text-align: right
}
html body .slideout__table--alpha td {
font-size: 15px;
line-height: 18px;
letter-spacing: .01em
}
html body .slideout__table--alpha .slideout__table-section td:first-of-type {
text-align: left
}
html body .slideout__table--alpha tr:not(.slideout__table-section)>td {
border-top: 1px solid #afc7d3
}
@media (min-width: 75em) {
html body .slideout__table--alpha {
table-layout:fixed
}
html body .slideout__table--alpha th {
padding: 10px 20px
}
html body .slideout__table--alpha td {
padding: 20px
}
}
html body .slideout__stars {
min-width: 160px
}
html body .slideout__stars .icon {
opacity: .656
}
html body .slideout__stars .icon.filled {
opacity: 1
}
html body .slideout__form {
padding-top: 50px
}
html body .slideout__info h2 {
font-size: 30px;
font-weight: 500;
line-height: 34px;
letter-spacing: -.01em
}
html body .slideout__info p {
font-size: 15px;
line-height: 25px
}
html body .slideout__info a {
margin-top: 20px
}
@media (min-width: 75em) {
html body .slideout__info {
margin:100px auto;
width: 320px;
max-width: 100%
}
html body .slideout__info a {
padding-left: 30px;
padding-right: 30px
}
}
html body .slideout__content--submitted .slideout__form,html body .slideout__content:not(.slideout__content--submitted) .slideout__info,html body .slideout__error {
display: none
}
html body .slideout__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html body .slideout--alpha .slideout__overlay,html body .slideout__action {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
html body .slideout--alpha .slideout__container {
margin-right: auto;
opacity: 0;
-webkit-transform: translateY(25%) scale(.9);
-ms-transform: translateY(25%) scale(.9);
transform: translateY(25%) scale(.9)
}
@media (min-width: 75em) {
html body .slideout--alpha .slideout__container {
height:auto
}
}
html body .slideout--alpha .slideout__content {
padding-bottom: 30px
}
html body .slideout--alpha .slideout__content .cta {
min-width: 160px;
margin-top: 30px
}
@media (min-width: 75em) {
html body .slideout--alpha .slideout__title h2 {
width:100%
}
}
html body .is-open.slideout,html body .is-open .slideout__container,html body .is-open .slideout__overlay {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
html body .invalid .input,html body .invalid label {
color: #b44f22!important;
border-color: #b44f22!important
}
html body .invalid .input {
margin-bottom: 0
}
html body .invalid .slideout__error {
margin-top: 3px;
width: 100%;
display: block;
font-size: 11px;
line-height: 12px;
color: #b44f22!important
}
@media (min-width: 75em) {
html body .invalid .slideout__error {
margin-left:140px
}
}
.print-mode .slideout {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.print-mode .slideout__overlay {
position: static;
background: transparent;
opacity: 1
}
.print-mode .slideout__container {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
max-width: 100%
}
html body #ev-modal.ev-modal .simplemodal-header {
background: none!important
}
html body #ev-modal.ev-modal .simplemodal-header span.close {
background-size: 15px 15px;
background-position: 100% 0;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232d2d2d' d='M4 477l31 31c5 5 14 5 19 0l202-202 202 202c5 5 14 5 19 0l31-31c5-5 5-14 0-19L306 256l7-7L508 53c5-5 5-14 0-19L477 4c-5-5-14-5-19 0L256 206 53 4c-5-5-14-5-19 0L4 35c-5 5-5 13 0 18l202 203L4 458c-5 5-5 14 0 19z'/%3E%3C/svg%3E")
}
html body #ev-modal.ev-modal h4.simplemodal-title {
color: #2d2d2d!important;
background: none!important;
font-size: 15px;
font-weight: 500
}
html body #ev-modal.ev-modal .ev-form a,html body #ev-modal.ev-modal a {
color: #3c738a!important
}
html body #ev-modal.ev-modal #ev-modal-login-form {
padding: 0;
margin: 0 -10px 0 0;
max-width: 100%
}
html body #ev-modal.ev-modal #ev-modal-login-form p {
font-weight: 500;
color: #2d2d2d
}
html body #ev-modal.ev-modal #ev-modal-login-form form.ev-form {
padding: .625rem
}
html body #ev-modal.ev-modal #ev-modal-login-form form.ev-form dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
html body #ev-modal.ev-modal #ev-modal-login-form form.ev-form dl dt {
text-align: left;
padding: 0;
min-height: auto
}
html body #ev-modal.ev-modal #ev-modal-login-form form.ev-form dl dt label {
font-weight: 700;
text-transform: uppercase;
color: #2d2d2d;
font-size: 13px
}
html body #ev-modal.ev-modal #ev-modal-login-form form.ev-form dl dd {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin: 0;
width: 100%
}
html body #ev-modal.ev-modal #ev-modal-login-form form.ev-form dl dd input {
width: 100%;
max-width: 100%
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button {
border: 0;
background: none
}
html body #ev-modal.ev-modal #ev-modal-login-form .ev-form-buttons span.button input#ev-login-submit {
padding: 10px 20px
}
html body #ev-modal.ev-modal #ev-modal-login-form p.footer {
margin: 0;
padding: 1.875rem .9375rem;
border-top: 0;
background: #f1f3f5
}
html body #ev-modal.ev-modal #ev-modal-login-form p.footer+p.footer {
padding-top: 0;
margin-bottom: -10px
}
html body #ev-modal.ev-modal #ev-modal-login-form p.footer+p.footer:before {
content: "";
margin-bottom: 1.875rem;
display: block;
width: 100%;
height: 1px;
background: #afc7d3
}
html body .navshare {
border-top: 1px solid #000;
padding-top: 10px;
margin-top: 53px
}
html body .navshare h4 {
display: block;
float: left;
margin-top: 0;
width: 50px
}
html body .navshare ul {
font-size: 13px;
list-style: none;
padding: 0;
margin: 0;
display: block;
float: left;
width: calc(100% - 50px)
}
html body .navshare li {
display: block;
float: left;
text-align: right;
width: 25%
}
html body .navshare a {
height: 25px;
display: block;
width: 100%;
text-align: right
}
html body .navshare img {
padding: 0;
float: right;
height: 16px
}
html body .navsharefollow h4 {
display: block;
width: 100%;
margin-bottom: 5px
}
html body .navsharefollow ul {
font-size: 13px;
list-style: none;
padding: 0;
margin: 0
}
html body .navsharefollow li {
width: 33px;
display: block;
float: left
}
html body .navsharefollow a {
height: 25px;
vertical-align: bottom;
display: table-cell
}
html body .accordion-container .accordion {
border-top: 1px solid grey;
padding-top: 25px
}
html body .accordion-container .accordion:first-child {
border: 0
}
html body .accordion-container .accordion h3 {
cursor: pointer
}
html body .accordion-container .accordion .accordion__content {
max-height: 0;
overflow: hidden;
padding-right: 20px
}
html body .accordion-container .accordion .accordion__trigger:after {
content: "";
display: block;
width: 20px;
height: 20px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
float: right;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.4 6.45' width='11 4' height='6.45'%3E%3Cpath class='cls-1' fill='none' stroke='%2377994d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.65 5.7L5.7.75.75 5.7'/%3E%3C/svg%3E") no-repeat;
background-size: 100%
}
html body .accordion-container .accordion.open .accordion__content {
max-height: 100%;
padding-bottom: 120px
}
html body .accordion-container .accordion.open .accordion__trigger:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
html body .accordion button {
border: 0;
margin: 0;
padding: 0;
background: none;
text-align: left
}
html body .accordion .accordion__trigger {
text-align: left;
padding: 0 30px 0 0;
position: relative;
width: 100%
}
html body .accordion .accordion__trigger:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 10px;
width: 16px;
height: 8px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.716.17a.568.568 0 0 0-.785-.025L8.405 5.157a.619.619 0 0 1-.812 0L2.069.145a.568.568 0 0 0-.784.026L.149 1.355a.53.53 0 0 0 .027.763l7.417 6.73a.618.618 0 0 0 .812 0l7.42-6.73a.531.531 0 0 0 .027-.763L14.716.17z' fill='%230674B9' fill-rule='evenodd'/%3E%3C/svg%3E")
}
html body .accordion .accordion__trigger[aria-expanded=true]:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
html body .miniForm {
padding: 20px;
border-radius: 5px
}
html body .miniForm input {
width: 80px;
margin-left: 10px;
border: 1px solid #7a99ac;
padding: 0
}
html body .miniForm input,html body .miniForm select {
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html body .miniForm select {
width: calc(100% - 100px);
line-height: 40px;
padding-right: 10px;
font-family: Gotham A,Gotham B,Arial,sans-serif
}
html body .miniForm option {
color: 477287
}
html body .miniForm p {
margin: 20px 0
}
html body .miniForm p:last-child {
border-top: 1px solid #b3c6d2;
padding-top: 20px;
font-size: 13px
}
html body .latest-insight {
border-bottom: 1px solid #000;
border-top: 1px solid #000
}
html body .latest-insight .profile-card .info {
border-left: 1px solid #e4e8ec
}
html body .latest-insight .profile-card .img {
width: 75px;
height: 75px;
border-radius: 50%;
overflow: hidden
}
html body .latest-insight .profile-card img {
width: auto;
height: 90px;
max-width: none;
margin-left: calc(-50% - 22px)
}
html body .subscriptions .custom-check {
padding: 10px
}
html body .subscriptions .custom-check label {
width: 100%;
padding: 0;
margin: 0;
cursor: pointer
}
html body .subscriptions .custom-check input[type=checkbox] {
display: none
}
html body .subscriptions .custom-check input~label:after {
display: block;
content: "";
border: 1px solid #0069b7;
width: 1.25rem;
height: 1.25rem;
float: right;
border-radius: 5px;
background: #fff
}
html body .subscriptions .custom-check input:checked~label:after {
background: #0069b7 url(/assets/images/content/icons/icon-check.svg) 50% no-repeat;
background-size: 70%
}
html body .btn-arrow-down,html body .btn-arrow-down:hover {
background-image: url(/assets/images/content/icons/arrow-down.svg);
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
padding-right: 30px;
width: 140px
}
html body .btn-arrow-down:hover label,html body .btn-arrow-down label {
padding-left: 0
}
html body .btn-arrow-down:hover,html body .btn-arrow-down:hover:hover {
background-position: calc(100% - 10px) 55%
}
html body .prefooter h2 {
margin-top: 0;
padding-top: 0
}
html body .prefooter .has-line {
border-left: 1px solid #fff;
min-height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media (max-width: 990px) {
html body .prefooter .has-line {
border:0
}
}
html body .infographic {
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
-webkit-animation-delay: 2s;
animation-delay: 2s
}
html body .infographic__container {
position: relative;
height: 0;
padding-top: 79.713%
}
html body .infographic.animated {
-webkit-animation: play 1s both;
animation: play 1s both
}
@-webkit-keyframes play {
to {
background-position: 0 100%
}
}
@keyframes play {
to {
background-position: 0 100%
}
}
html body .moreSection {
position: relative;
padding-bottom: 3.125rem
}
html body .moreSection__button {
padding: .3125rem 1.875rem;
font-weight: 700;
text-transform: uppercase;
color: #739aae;
z-index: 1
}
html body .moreSection:after {
content: "";
display: block;
width: 100vw;
border-bottom: 1px solid #e3e8ec;
z-index: 0
}
html body .moreSection:after,html body .moreSection__button {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);
transform: translate(-50%,50%)
}
html body .moreSection:after,html body .moreSection _:-ms-lang(x) {
max-width: 100%;
left: 0;
-ms-transform: none;
transform: none
}
html body .story-block {
position: relative;
min-height: 33vw;
background: #0674b9;
page-break-inside: avoid
}
@media (min-width: 62em) {
html body .story-block {
padding-top:4.0625rem;
background: none
}
}
html body .story-block__content {
background: #0674b9;
padding: 3.125rem 0;
position: relative
}
@media (min-width: 62em) {
html body .story-block__content {
top:-4.0625rem;
padding: 1.875rem;
border-radius: 6px
}
}
@media (min-width: 62em) {
html body .story-block__background-container {
position:absolute;
overflow: hidden;
padding: 0;
left: 0;
right: 0;
top: 4.0625rem;
bottom: 0
}
}
@media (min-width: 62em) {
html body .story-block__background img,html body .story-block__background video {
z-index:-100;
position: absolute;
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
top: -50%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
@supports ((-o-object-fit: cover) or (object-fit:cover)) {
html body .story-block__background img,html body .story-block__background video {
top:0;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: "object-fit: cover; object-position: 50% 50%"
}
}
}
html body .story-block--video__thumbnail {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: 50%;
z-index: -100
}
html body .story-block--mosaic {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr 1fr 5fr;
grid-template-rows: 1fr 1fr 1fr 5fr;
grid-template-areas: "a a a" "b c c" "d d e" "con con con";
background-size: 0 0;
background-repeat: no-repeat
}
@media (min-width: 48em) {
html body .story-block--mosaic {
-ms-grid-columns:1fr minmax(0,500px) 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr minmax(0,500px) 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-template-areas: "a con c c c c c c" "b con d d e e e e" "b con f f f f g g"
}
}
html body .story-block--mosaic .mosaic-story__content {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
border-top: 5px solid #fff;
padding: 1.5625rem 1.5625rem 4.6875rem;
grid-area: con;
background-image: inherit;
background-attachment: fixed;
background-position: 50%;
background-size: auto;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 0
}
html body .story-block--mosaic .mosaic-story__content:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #739aae;
z-index: -1
}
@media (min-width: 48em) {
html body .story-block--mosaic .mosaic-story__content {
border:5px solid #fff;
border-radius: 12px;
background-size: cover
}
html body .story-block--mosaic .mosaic-story__content:before {
border-radius: 6px;
background: rgba(60,115,138,.8)
}
}
html body .story-block--mosaic [class^=mosaic__col] {
border: 5px solid #fff;
border-radius: 12px;
background-image: inherit;
background-clip: border-box;
background-attachment: fixed;
background-size: auto;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
@media (min-width: 48em) {
html body .story-block--mosaic [class^=mosaic__col] {
background-size:cover
}
}
html body .story-block--mosaic .mosaic__col-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: a;
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
@media (max-width: 47.99em) {
html body .story-block--mosaic .mosaic__col-1 {
border-right:0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
}
html body .story-block--mosaic .mosaic__col-2 {
-ms-grid-row: 2;
-ms-grid-column: 1;
grid-area: b;
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
html body .story-block--mosaic .mosaic__col-3 {
-ms-grid-row: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-area: c;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
html body .story-block--mosaic .mosaic__col-4 {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-area: d
}
@media (max-width: 47.99em) {
html body .story-block--mosaic .mosaic__col-4 {
border-left:0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
}
html body .story-block--mosaic .mosaic__col-5 {
-ms-grid-row: 3;
-ms-grid-column: 3;
grid-area: e;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
html body .story-block--mosaic .mosaic__col-7 {
grid-area: f
}
html body .story-block--mosaic .mosaic__col-8 {
grid-area: g;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
@media (min-width: 48em) {
html body .story-block--mosaic .mosaic-story__content {
-ms-grid-row:1;
-ms-grid-row-span: 3;
-ms-grid-column: 2;
-ms-grid-column-span: 1
}
html body .story-block--mosaic .mosaic__col-1 {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1
}
html body .story-block--mosaic .mosaic__col-2 {
-ms-grid-row: 2;
-ms-grid-row-span: 2;
-ms-grid-column: 1
}
html body .story-block--mosaic .mosaic__col-3 {
-ms-grid-row: 1;
-ms-grid-column: 3;
-ms-grid-column-span: 6
}
html body .story-block--mosaic .mosaic__col-4 {
-ms-grid-row: 2;
-ms-grid-column: 3;
-ms-grid-column-span: 2
}
html body .story-block--mosaic .mosaic__col-5 {
-ms-grid-row: 2;
-ms-grid-column: 5;
-ms-grid-column-span: 4
}
html body .story-block--mosaic .mosaic__col-7 {
-ms-grid-row: 3;
-ms-grid-column: 3;
-ms-grid-column-span: 4
}
html body .story-block--mosaic .mosaic__col-8 {
-ms-grid-row: 3;
-ms-grid-column: 7;
-ms-grid-column-span: 2
}
}
@media (max-width: 47.99em) {
html body .story-block--mosaic .mosaic__col-7,html body .story-block--mosaic .mosaic__col-8 {
display:none
}
}
html body .tns-outer {
padding: 0!important
}
html body .tns-outer [hidden] {
display: none!important
}
html body .tns-outer [aria-controls],html body .tns-outer [data-action] {
cursor: pointer
}
html body .tns-slider {
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s
}
html body .tns-slider>.tns-item {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html body .tns-horizontal.tns-subpixel {
white-space: nowrap
}
html body .tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
html body .tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both
}
html body .tns-horizontal.tns-no-subpixel>.tns-item {
float: left
}
html body .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%
}
html body .tns-gallery,html body .tns-no-calc {
position: relative;
left: 0
}
html body .tns-gallery {
min-height: 1px
}
html body .tns-gallery>.tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s,opacity 0s;
-webkit-transition: opacity 0s,-webkit-transform 0s;
transition: opacity 0s,-webkit-transform 0s;
-o-transition: transform 0s,opacity 0s;
transition: transform 0s,opacity 0s;
transition: transform 0s,opacity 0s,-webkit-transform 0s
}
html body .tns-gallery>.tns-slide-active {
position: relative;
left: auto!important
}
html body .tns-gallery>.tns-moving {
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
html body .tns-autowidth {
display: inline-block
}
html body .tns-lazy-img {
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
opacity: .6
}
html body .tns-lazy-img.tns-complete {
opacity: 1
}
html body .tns-ah {
-webkit-transition: height 0s;
-o-transition: height 0s;
transition: height 0s
}
html body .tns-ovh {
overflow: hidden
}
html body .tns-visually-hidden {
position: absolute;
left: -10000em
}
html body .tns-transparent {
opacity: 0;
visibility: hidden
}
html body .tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0
}
html body .tns-fadeOut,html body .tns-normal {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1
}
html body .tns-vpfix {
white-space: nowrap
}
html body .tns-vpfix>div,html body .tns-vpfix>li {
display: inline-block
}
html body .tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
html body .tns-t-ct {
width: 2333.3333333%;
width: 2333.33333%;
position: absolute;
right: 0
}
html body .tns-t-ct:after {
content: "";
display: table;
clear: both
}
html body .tns-t-ct>div {
width: 1.4285714%;
width: 1.42857%;
height: 10px;
float: left
}
html body .tns-controls,html body .tns-nav {
z-index: 2;
position: absolute;
width: 100%;
bottom: 0;
left: 50%;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-ms-touch-action: manipulation;
touch-action: manipulation;
outline: none
}
html body .tns-nav {
height: 30px;
bottom: 0;
white-space: nowrap
}
html body .tns-nav button {
border: 0;
margin: 5px;
background: #afc7d3;
width: 10px;
height: 10px;
padding: 0;
border-radius: 50%;
-webkit-transition: background .25s ease-out;
-o-transition: background .25s ease-out;
transition: background .25s ease-out
}
html body .tns-nav button.tns-nav-active {
background: #0674b9
}
html body .tns-slider .tns-item {
padding: 0
}
html body .carousel--basic .tns-controls>*,html body .carousel--team .tns-controls>* {
display: inline-block;
vertical-align: middle
}
html body .carousel--basic .tns-controls .tns-counter,html body .carousel--team .tns-controls .tns-counter {
height: 50px;
line-height: 50px;
padding: 0 10px;
min-width: 60px
}
html body .carousel--basic .tns-controls button,html body .carousel--team .tns-controls button {
background-color: transparent;
position: relative;
background-image: url(../images/interface/slider-arrow.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
height: 50px;
width: 60px;
outline: none;
border: 0;
padding: 0
}
html body .carousel--basic .tns-controls button[data-controls=next],html body .carousel--team .tns-controls button[data-controls=next] {
left: 0;
right: auto;
-webkit-transition: left .3s cubic-bezier(.3,.5,.4,2);
-o-transition: left .3s cubic-bezier(.3,.5,.4,2);
transition: left .3s cubic-bezier(.3,.5,.4,2)
}
html body .carousel--basic .tns-controls button[data-controls=next]:hover,html body .carousel--team .tns-controls button[data-controls=next]:hover {
left: 10px
}
html body .carousel--basic .tns-controls button[data-controls=prev],html body .carousel--team .tns-controls button[data-controls=prev] {
left: auto;
right: 0;
-webkit-transition: right .3s cubic-bezier(.3,.5,.4,2);
-o-transition: right .3s cubic-bezier(.3,.5,.4,2);
transition: right .3s cubic-bezier(.3,.5,.4,2);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
html body .carousel--basic .tns-controls button[data-controls=prev]:hover,html body .carousel--team .tns-controls button[data-controls=prev]:hover {
right: 10px
}
html body .carousel {
position: relative
}
@media (min-width: 62em) {
html body .carousel--team:after {
content:"";
display: block;
width: 100%;
height: 1px;
background: #afc7d3;
position: absolute;
left: 0
}
}
html body .carousel__wrapper {
max-width: 1440px;
margin: auto
}
html body .carousel--team {
padding-bottom: 60px
}
html body .carousel .row.tns-slider {
margin: 0
}
@media (max-width: 61.99em) {
html body .carousel {
padding-bottom:30px
}
}
html body .carousel__item {
position: relative
}
html body .carousel__item.is-hidden {
display: none
}
html body .carousel--team .carousel__image {
text-align: center
}
html body .carousel--team .carousel__image img {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0 20px
}
@media (max-width: 61.99em) {
.carousel--team html body .carousel--team .carousel__image img {
border-bottom:1px solid #739aae
}
}
@media (min-width: 62em) {
html body .carousel--team .carousel__image img {
border-bottom:none;
padding: 0
}
}
html body .carousel--team .tns-slide-center .carousel__details:before {
height: 100%
}
html body .carousel--team .tns-slide-center .carousel__details__wrapper {
left: 0
}
html body .carousel--team .carousel__details {
font-size: .8125rem;
max-width: 175px;
top: 15%;
right: 0;
padding-left: .9375rem;
overflow: hidden;
-webkit-transition: color .3s ease-out;
-o-transition: color .3s ease-out;
transition: color .3s ease-out
}
@media (min-width: 62em) {
html body .carousel--team .carousel__details {
position:absolute;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
}
@media (min-width: 75em) {
html body .carousel--team .carousel__details {
right:0;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
}
html body .carousel--team .carousel__details:hover {
color: #3c738a
}
@media (min-width: 62em) {
html body .carousel--team .carousel__details:before {
content:"";
-webkit-transition: height .15s ease-out;
-o-transition: height .15s ease-out;
transition: height .15s ease-out;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
position: absolute;
left: 0;
height: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
background: #2d2d2d
}
}
html body .carousel--team .carousel__details__wrapper {
-webkit-transition: left .3s ease-out;
-o-transition: left .3s ease-out;
transition: left .3s ease-out;
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
text-align: center
}
@media (min-width: 62em) {
html body .carousel--team .carousel__details__wrapper {
text-align:left;
position: relative;
left: calc(-100% + -.9375rem)
}
}
html body .carousel--basic {
padding-bottom: 40px
}
html body .carousel--large.carousel--team:after {
display: none
}
html body .carousel--large .carousel__item {
background: #e3e8ec
}
html body .carousel--large .carousel__item .has-border {
border-left: 1px solid #000;
padding-left: 20px;
margin: 20px 0
}
html body .carousel--large .carousel__item div:first-child {
padding-bottom: 20px
}
html body .carousel--large .carousel__item div:last-child {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html body .carousel--large .carousel__item.tns-slide-active img {
opacity: 1;
-webkit-animation: slide 1s ease-in-out;
animation: slide 1s ease-in-out
}
html body .carousel--large .carousel__item.tns-slide-active a,html body .carousel--large .carousel__item.tns-slide-active p {
-webkit-animation: textslideVertical .5s linear forwards;
animation: textslideVertical .5s linear forwards;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
html body .carousel--large .carousel__item.tns-slide-active p:nth-child(2) {
-webkit-animation-name: textslideHorizontal;
animation-name: textslideHorizontal;
-webkit-animation-delay: .75s;
animation-delay: .75s
}
html body .carousel--large .carousel__item.tns-slide-active p:nth-child(3) {
-webkit-animation-name: textslideHorizontal;
animation-name: textslideHorizontal;
-webkit-animation-delay: 1s;
animation-delay: 1s
}
html body .carousel--large .carousel__item.tns-slide-active a {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
html body .carousel--large img {
width: 100%;
opacity: 0
}
html body .carousel--large a,html body .carousel--large p {
opacity: 0;
-webkit-transform: translate(-20px);
-ms-transform: translate(-20px);
transform: translate(-20px)
}
@media screen and (max-width: 990px) {
html body .carousel--large {
margin-bottom:.625rem;
padding-bottom: 4.6875rem
}
html body .carousel--large .t-h3 {
font-size: 1.5em;
line-height: 1.3em
}
html body .carousel--large .carousel__item div {
margin-top: 1.25rem
}
html body .carousel--large .carousel__item img {
width: 300px
}
html body .carousel--large .carousel__item.tns-slide-active {
padding: 0 0 1.875rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@-webkit-keyframes slide {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes slide {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes textslideVertical {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
to {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0)
}
}
@keyframes textslideVertical {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
to {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0)
}
}
@-webkit-keyframes textslideHorizontal {
0% {
opacity: 0;
-webkit-transform: translate(-20px);
transform: translate(-20px)
}
to {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0)
}
}
@keyframes textslideHorizontal {
0% {
opacity: 0;
-webkit-transform: translate(-20px);
transform: translate(-20px)
}
to {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0)
}
}
html body .materiality-chart__legend {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html body .materiality-chart__legend__item {
margin-right: 1.5625rem;
text-align: center
}
html body .materiality-chart__legend__item svg {
display: inline;
margin: auto;
vertical-align: middle
}
@-webkit-keyframes spin {
15% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@keyframes spin {
15% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
html body .impact-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html body .impact-block__content {
width: 60%;
display: block;
padding: 6.25rem 9.375rem 6.25rem 4.6875rem
}
@media (max-width: 74.99em) {
html body .impact-block__content {
width:75%;
padding: 3.125rem 3.125rem 3.125rem 1.5625rem
}
}
@media (max-width: 61.99em) {
html body .impact-block__content {
width:80%
}
}
html body .impact-block .flap__wheel {
overflow: hidden;
max-height: 449px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
padding-right: 1.5625rem;
border-radius: 6px
}
html body .impact-block .flap__wheel:before {
z-index: 1;
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: -webkit-gradient(linear,left top,left bottom,from(#0674b9),color-stop(33%,rgba(6,116,185,0)),to(#0674b9));
background: -o-linear-gradient(top,#0674b9 0,rgba(6,116,185,0) 33%,#0674b9 100%);
background: linear-gradient(180deg,#0674b9 0,rgba(6,116,185,0) 33%,#0674b9)
}
html body .impact-block .flap__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
padding-left: 0;
margin-bottom: 0;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
width: 100%;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
animation-timing-function: cubic-bezier(.645,.045,.355,1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
html body .impact-block .flap__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 75px;
border-bottom: 1px solid #fff
}
@media (max-width: 74.99em) {
html body .impact-block .flap__item {
-webkit-box-pack:center;
-ms-flex-pack: center;
justify-content: center
}
html body .impact-block .flap__item span {
display: none
}
}
html body .level-01 p,html body .level-02 p {
font-weight: 500
}
html body .overflow-block {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0 0 50px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
html body .overflow-block .image {
width: calc(50% + 50px);
position: absolute
}
html body .overflow-block img {
width: 100%;
max-width: 1000px;
float: right
}
html body .overflow-block .cols {
width: 100%;
max-width: 1170px;
margin: auto
}
html body .overflow-block .col-r {
width: 48%;
margin-left: 58.33333333%;
float: left
}
html body .overflow-block .full {
display: none
}
html body .overflow-block .cropped {
display: block
}
@media (min-width: 1400px) {
html body .overflow-block .full {
display:block
}
html body .overflow-block .cropped {
display: none
}
}
@media (min-width: 62em) and (max-width:1280px) {
html body .overflow-block .col-r {
width:41.66666667%;
margin-left: 58.33333333%
}
}
@media (max-width: 61.99em) {
html body .container-fix {
display:block;
float: left
}
html body .container-fix-D {
display: block;
clear: both
}
html body .full {
display: none
}
html body .cropped {
display: block
}
html body .level-01,html body .level-02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
html body .level-01 .colL,html body .level-02 .colL {
width: 100px
}
html body .level-01 .colR,html body .level-02 .colR {
width: calc(100% - 100px)
}
html body .level-01 img,html body .level-02 img {
width: 70px
}
html body .level-01 h2,html body .level-02 h2 {
margin-top: 0
}
html body .overflow-block {
display: block;
float: left;
margin-bottom: 36px
}
html body .overflow-block:after {
clear: both;
display: block;
float: none;
content: ""
}
html body .overflow-block .u-align-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
html body .overflow-block .image {
position: relative;
width: 100%;
float: left;
display: block
}
html body .overflow-block .image img {
float: left;
max-width: 100%
}
html body .overflow-block .cols {
display: block;
float: left
}
html body .overflow-block .col-r {
width: 100%;
margin: 0;
display: block;
float: left
}
}
html body .c-color01 {
color: #0674b9
}
html body .c-color01-hover:hover {
color: #0674b9;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color02 {
color: #739aae
}
html body .c-color02-hover:hover {
color: #739aae;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color03 {
color: #afc7d3
}
html body .c-color03-hover:hover {
color: #afc7d3;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color04 {
color: #6e9b41
}
html body .c-color04-hover:hover {
color: #6e9b41;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color05 {
color: #a0d082
}
html body .c-color05-hover:hover {
color: #a0d082;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color06 {
color: #3c6a3c
}
html body .c-color06-hover:hover {
color: #3c6a3c;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color07 {
color: #9d2858
}
html body .c-color07-hover:hover {
color: #9d2858;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color08 {
color: #343080
}
html body .c-color08-hover:hover {
color: #343080;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color09 {
color: #ee6723
}
html body .c-color09-hover:hover {
color: #ee6723;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color10 {
color: #b44f22
}
html body .c-color10-hover:hover {
color: #b44f22;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color11 {
color: #05619c
}
html body .c-color11-hover:hover {
color: #05619c;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color12 {
color: #be0000
}
html body .c-color12-hover:hover {
color: #be0000;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color13 {
color: #f1f3f5
}
html body .c-color13-hover:hover {
color: #f1f3f5;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color14 {
color: #e3e8ec
}
html body .c-color14-hover:hover {
color: #e3e8ec;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color15 {
color: #3c738a
}
html body .c-color15-hover:hover {
color: #3c738a;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color16 {
color: #000
}
html body .c-color16-hover:hover {
color: #000;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color17 {
color: #fff
}
html body .c-color17-hover:hover {
color: #fff;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .c-color18 {
color: #2d2d2d
}
html body .c-color18-hover:hover {
color: #2d2d2d;
-webkit-transition: color .15s;
-o-transition: .15s color;
transition: color .15s
}
html body .bg-color01 {
background-color: #0674b9
}
html body .bg-color02 {
background-color: #739aae
}
html body .bg-color03 {
background-color: #afc7d3
}
html body .bg-color04 {
background-color: #6e9b41
}
html body .bg-color05 {
background-color: #a0d082
}
html body .bg-color06 {
background-color: #3c6a3c
}
html body .bg-color07 {
background-color: #9d2858
}
html body .bg-color08 {
background-color: #343080
}
html body .bg-color09 {
background-color: #ee6723
}
html body .bg-color10 {
background-color: #b44f22
}
html body .bg-color11 {
background-color: #05619c
}
html body .bg-color12 {
background-color: #be0000
}
html body .bg-color13 {
background-color: #f1f3f5
}
html body .bg-color14 {
background-color: #e3e8ec
}
html body .bg-color15 {
background-color: #3c738a
}
html body .bg-color16 {
background-color: #000
}
html body .bg-color17 {
background-color: #fff
}
html body .bg-color18 {
background-color: #2d2d2d
}
.bg-stormcloud{
background-color: #4f5b67;
}
.bg-weldon-blue{
background-color: #739aae;
}
html body .brd-color01 {
border-color: #0674b9
}
html body .brd-color02 {
border-color: #739aae
}
html body .brd-color03 {
border-color: #afc7d3
}
html body .brd-color04 {
border-color: #6e9b41
}
html body .brd-color05 {
border-color: #a0d082
}
html body .brd-color06 {
border-color: #3c6a3c
}
html body .brd-color07 {
border-color: #9d2858
}
html body .brd-color08 {
border-color: #343080
}
html body .brd-color09 {
border-color: #ee6723
}
html body .brd-color10 {
border-color: #b44f22
}
html body .brd-color11 {
border-color: #05619c
}
html body .brd-color12 {
border-color: #be0000
}
html body .brd-color13 {
border-color: #f1f3f5
}
html body .brd-color14 {
border-color: #e3e8ec
}
html body .brd-color15 {
border-color: #3c738a
}
html body .brd-color16 {
border-color: #000
}
html body .brd-color17 {
border-color: #fff
}
html body .brd-color18 {
border-color: #2d2d2d
}
html body .u-aspect-1x1 {
display: block;
position: relative;
overflow: hidden;
padding-top: 100%
}
html body .u-aspect-1x1 img,html body .u-aspect-1x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
html body .u-aspect-10x9 {
display: block;
position: relative;
overflow: hidden;
padding-top: 90%
}
html body .u-aspect-10x9 img,html body .u-aspect-10x9 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
html body .u-aspect-2x1 {
display: block;
position: relative;
overflow: hidden;
padding-top: 50%
}
html body .u-aspect-2x1 img,html body .u-aspect-2x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
html body .u-aspect-5x4 {
display: block;
position: relative;
overflow: hidden;
padding-top: 80%
}
html body .u-aspect-5x4 img,html body .u-aspect-5x4 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
html body .u-aspect-5x3 {
display: block;
position: relative;
overflow: hidden;
padding-top: 60%
}
html body .u-aspect-5x3 img,html body .u-aspect-5x3 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
html body .u-aspect-5x2 {
display: block;
position: relative;
overflow: hidden;
padding-top: 40%
}
html body .u-aspect-5x2 img,html body .u-aspect-5x2 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
html body .u-aspect-3x1 {
display: block;
position: relative;
overflow: hidden;
padding-top: 33.33333%
}
html body .u-aspect-3x1 img,html body .u-aspect-3x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
html body .u-aspect-6x1 {
display: block;
position: relative;
overflow: hidden;
padding-top: 16.66667%
}
html body .u-aspect-6x1 img,html body .u-aspect-6x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
@media (max-width: 61.99em) {
html body .m-u-aspect-1x1 {
display:block;
position: relative;
overflow: hidden;
padding-top: 100%
}
html body .m-u-aspect-1x1 img,html body .m-u-aspect-1x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
@media (max-width: 61.99em) {
html body .m-u-aspect-10x9 {
display:block;
position: relative;
overflow: hidden;
padding-top: 90%
}
html body .m-u-aspect-10x9 img,html body .m-u-aspect-10x9 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
@media (max-width: 61.99em) {
html body .m-u-aspect-2x1 {
display:block;
position: relative;
overflow: hidden;
padding-top: 50%
}
html body .m-u-aspect-2x1 img,html body .m-u-aspect-2x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
@media (max-width: 61.99em) {
html body .m-u-aspect-5x4 {
display:block;
position: relative;
overflow: hidden;
padding-top: 80%
}
html body .m-u-aspect-5x4 img,html body .m-u-aspect-5x4 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
@media (max-width: 61.99em) {
html body .m-u-aspect-5x3 {
display:block;
position: relative;
overflow: hidden;
padding-top: 60%
}
html body .m-u-aspect-5x3 img,html body .m-u-aspect-5x3 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
@media (max-width: 61.99em) {
html body .m-u-aspect-5x2 {
display:block;
position: relative;
overflow: hidden;
padding-top: 40%
}
html body .m-u-aspect-5x2 img,html body .m-u-aspect-5x2 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
@media (max-width: 61.99em) {
html body .m-u-aspect-3x1 {
display:block;
position: relative;
overflow: hidden;
padding-top: 33.33333%
}
html body .m-u-aspect-3x1 img,html body .m-u-aspect-3x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
@media (max-width: 61.99em) {
html body .m-u-aspect-6x1 {
display:block;
position: relative;
overflow: hidden;
padding-top: 16.66667%
}
html body .m-u-aspect-6x1 img,html body .m-u-aspect-6x1 video {
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"
}
}
html body .u-p-0 {
padding: 0
}
html body .u-pt-0 {
padding-top: 0
}
html body .u-pr-0 {
padding-right: 0
}
html body .u-pb-0 {
padding-bottom: 0
}
html body .u-pl-0 {
padding-left: 0
}
html body .u-m-0 {
margin: 0
}
html body .u-mt-0 {
margin-top: 0
}
html body .u-mr-0 {
margin-right: 0
}
html body .u-mb-0 {
margin-bottom: 0
}
html body .u-ml-0 {
margin-left: 0
}
html body .u-p-1 {
padding: .3125rem
}
html body .u-pt-1 {
padding-top: .3125rem
}
html body .u-pr-1 {
padding-right: .3125rem
}
html body .u-pb-1 {
padding-bottom: .3125rem
}
html body .u-pl-1 {
padding-left: .3125rem
}
html body .u-m-1 {
margin: .3125rem
}
html body .u-mt-1 {
margin-top: .3125rem
}
html body .u-mr-1 {
margin-right: .3125rem
}
html body .u-mb-1 {
margin-bottom: .3125rem
}
html body .u-ml-1 {
margin-left: .3125rem
}
html body .u-p-2 {
padding: .625rem
}
html body .u-pt-2 {
padding-top: .625rem
}
html body .u-pr-2 {
padding-right: .625rem
}
html body .u-pb-2 {
padding-bottom: .625rem
}
html body .u-pl-2 {
padding-left: .625rem
}
html body .u-m-2 {
margin: .625rem
}
html body .u-mt-2 {
margin-top: .625rem
}
html body .u-mr-2 {
margin-right: .625rem
}
html body .u-mb-2 {
margin-bottom: .625rem
}
html body .u-ml-2 {
margin-left: .625rem
}
html body .u-p-3 {
padding: .9375rem
}
html body .u-pt-3 {
padding-top: .9375rem
}
html body .u-pr-3 {
padding-right: .9375rem
}
html body .u-pb-3 {
padding-bottom: .9375rem
}
html body .u-pl-3 {
padding-left: .9375rem
}
html body .u-m-3 {
margin: .9375rem
}
html body .u-mt-3 {
margin-top: .9375rem
}
html body .u-mr-3 {
margin-right: .9375rem
}
html body .u-mb-3 {
margin-bottom: .9375rem
}
html body .u-ml-3 {
margin-left: .9375rem
}
html body .u-p-4 {
padding: 1.25rem
}
html body .u-pt-4 {
padding-top: 1.25rem
}
html body .u-pr-4 {
padding-right: 1.25rem
}
html body .u-pb-4 {
padding-bottom: 1.25rem
}
html body .u-pl-4 {
padding-left: 1.25rem
}
html body .u-m-4 {
margin: 1.25rem
}
html body .u-mt-4 {
margin-top: 1.25rem
}
html body .u-mr-4 {
margin-right: 1.25rem
}
html body .u-mb-4 {
margin-bottom: 1.25rem
}
html body .u-ml-4 {
margin-left: 1.25rem
}
html body .u-p-5 {
padding: 1.5625rem
}
html body .u-pt-5 {
padding-top: 1.5625rem
}
html body .u-pr-5 {
padding-right: 1.5625rem
}
html body .u-pb-5 {
padding-bottom: 1.5625rem
}
html body .u-pl-5 {
padding-left: 1.5625rem
}
html body .u-m-5 {
margin: 1.5625rem
}
html body .u-mt-5 {
margin-top: 1.5625rem
}
html body .u-mr-5 {
margin-right: 1.5625rem
}
html body .u-mb-5 {
margin-bottom: 1.5625rem
}
html body .u-ml-5 {
margin-left: 1.5625rem
}
html body .u-p-6 {
padding: 1.875rem
}
html body .u-pt-6 {
padding-top: 1.875rem
}
html body .u-pr-6 {
padding-right: 1.875rem
}
html body .u-pb-6 {
padding-bottom: 1.875rem
}
html body .u-pl-6 {
padding-left: 1.875rem
}
html body .u-m-6 {
margin: 1.875rem
}
html body .u-mt-6 {
margin-top: 1.875rem
}
html body .u-mr-6 {
margin-right: 1.875rem
}
html body .u-mb-6 {
margin-bottom: 1.875rem
}
html body .u-ml-6 {
margin-left: 1.875rem
}
html body .u-p-7 {
padding: 2.1875rem
}
html body .u-pt-7 {
padding-top: 2.1875rem
}
html body .u-pr-7 {
padding-right: 2.1875rem
}
html body .u-pb-7 {
padding-bottom: 2.1875rem
}
html body .u-pl-7 {
padding-left: 2.1875rem
}
html body .u-m-7 {
margin: 2.1875rem
}
html body .u-mt-7 {
margin-top: 2.1875rem
}
html body .u-mr-7 {
margin-right: 2.1875rem
}
html body .u-mb-7 {
margin-bottom: 2.1875rem
}
html body .u-ml-7 {
margin-left: 2.1875rem
}
html body .u-p-8 {
padding: 2.5rem
}
html body .u-pt-8 {
padding-top: 2.5rem
}
html body .u-pr-8 {
padding-right: 2.5rem
}
html body .u-pb-8 {
padding-bottom: 2.5rem
}
html body .u-pl-8 {
padding-left: 2.5rem
}
html body .u-m-8 {
margin: 2.5rem
}
html body .u-mt-8 {
margin-top: 2.5rem
}
html body .u-mr-8 {
margin-right: 2.5rem
}
html body .u-mb-8 {
margin-bottom: 2.5rem
}
html body .u-ml-8 {
margin-left: 2.5rem
}
html body .u-p-9 {
padding: 2.8125rem
}
html body .u-pt-9 {
padding-top: 2.8125rem
}
html body .u-pr-9 {
padding-right: 2.8125rem
}
html body .u-pb-9 {
padding-bottom: 2.8125rem
}
html body .u-pl-9 {
padding-left: 2.8125rem
}
html body .u-m-9 {
margin: 2.8125rem
}
html body .u-mt-9 {
margin-top: 2.8125rem
}
html body .u-mr-9 {
margin-right: 2.8125rem
}
html body .u-mb-9 {
margin-bottom: 2.8125rem
}
html body .u-ml-9 {
margin-left: 2.8125rem
}
html body .u-p-10 {
padding: 3.125rem
}
html body .u-pt-10 {
padding-top: 3.125rem
}
html body .u-pr-10 {
padding-right: 3.125rem
}
html body .u-pb-10 {
padding-bottom: 3.125rem
}
html body .u-pl-10 {
padding-left: 3.125rem
}
html body .u-m-10 {
margin: 3.125rem
}
html body .u-mt-10 {
margin-top: 3.125rem
}
html body .u-mr-10 {
margin-right: 3.125rem
}
html body .u-mb-10 {
margin-bottom: 3.125rem
}
html body .u-ml-10 {
margin-left: 3.125rem
}
html body .u-p-11 {
padding: 3.4375rem
}
html body .u-pt-11 {
padding-top: 3.4375rem
}
html body .u-pr-11 {
padding-right: 3.4375rem
}
html body .u-pb-11 {
padding-bottom: 3.4375rem
}
html body .u-pl-11 {
padding-left: 3.4375rem
}
html body .u-m-11 {
margin: 3.4375rem
}
html body .u-mt-11 {
margin-top: 3.4375rem
}
html body .u-mr-11 {
margin-right: 3.4375rem
}
html body .u-mb-11 {
margin-bottom: 3.4375rem
}
html body .u-ml-11 {
margin-left: 3.4375rem
}
html body .u-p-12 {
padding: 3.75rem
}
html body .u-pt-12 {
padding-top: 3.75rem
}
html body .u-pr-12 {
padding-right: 3.75rem
}
html body .u-pb-12 {
padding-bottom: 3.75rem
}
html body .u-pl-12 {
padding-left: 3.75rem
}
html body .u-m-12 {
margin: 3.75rem
}
html body .u-mt-12 {
margin-top: 3.75rem
}
html body .u-mr-12 {
margin-right: 3.75rem
}
html body .u-mb-12 {
margin-bottom: 3.75rem
}
html body .u-ml-12 {
margin-left: 3.75rem
}
html body .u-p-13 {
padding: 4.0625rem
}
html body .u-pt-13 {
padding-top: 4.0625rem
}
html body .u-pr-13 {
padding-right: 4.0625rem
}
html body .u-pb-13 {
padding-bottom: 4.0625rem
}
html body .u-pl-13 {
padding-left: 4.0625rem
}
html body .u-m-13 {
margin: 4.0625rem
}
html body .u-mt-13 {
margin-top: 4.0625rem
}
html body .u-mr-13 {
margin-right: 4.0625rem
}
html body .u-mb-13 {
margin-bottom: 4.0625rem
}
html body .u-ml-13 {
margin-left: 4.0625rem
}
html body .u-p-14 {
padding: 4.375rem
}
html body .u-pt-14 {
padding-top: 4.375rem
}
html body .u-pr-14 {
padding-right: 4.375rem
}
html body .u-pb-14 {
padding-bottom: 4.375rem
}
html body .u-pl-14 {
padding-left: 4.375rem
}
html body .u-m-14 {
margin: 4.375rem
}
html body .u-mt-14 {
margin-top: 4.375rem
}
html body .u-mr-14 {
margin-right: 4.375rem
}
html body .u-mb-14 {
margin-bottom: 4.375rem
}
html body .u-ml-14 {
margin-left: 4.375rem
}
html body .u-p-15 {
padding: 4.6875rem
}
html body .u-pt-15 {
padding-top: 4.6875rem
}
html body .u-pr-15 {
padding-right: 4.6875rem
}
html body .u-pb-15 {
padding-bottom: 4.6875rem
}
html body .u-pl-15 {
padding-left: 4.6875rem
}
html body .u-m-15 {
margin: 4.6875rem
}
html body .u-mt-15 {
margin-top: 4.6875rem
}
html body .u-mr-15 {
margin-right: 4.6875rem
}
html body .u-mb-15 {
margin-bottom: 4.6875rem
}
html body .u-ml-15 {
margin-left: 4.6875rem
}
html body .u-p-16 {
padding: 5rem
}
html body .u-pt-16 {
padding-top: 5rem
}
html body .u-pr-16 {
padding-right: 5rem
}
html body .u-pb-16 {
padding-bottom: 5rem
}
html body .u-pl-16 {
padding-left: 5rem
}
html body .u-m-16 {
margin: 5rem
}
html body .u-mt-16 {
margin-top: 5rem
}
html body .u-mr-16 {
margin-right: 5rem
}
html body .u-mb-16 {
margin-bottom: 5rem
}
html body .u-ml-16 {
margin-left: 5rem
}
html body .u-p-17 {
padding: 5.3125rem
}
html body .u-pt-17 {
padding-top: 5.3125rem
}
html body .u-pr-17 {
padding-right: 5.3125rem
}
html body .u-pb-17 {
padding-bottom: 5.3125rem
}
html body .u-pl-17 {
padding-left: 5.3125rem
}
html body .u-m-17 {
margin: 5.3125rem
}
html body .u-mt-17 {
margin-top: 5.3125rem
}
html body .u-mr-17 {
margin-right: 5.3125rem
}
html body .u-mb-17 {
margin-bottom: 5.3125rem
}
html body .u-ml-17 {
margin-left: 5.3125rem
}
html body .u-p-18 {
padding: 5.625rem
}
html body .u-pt-18 {
padding-top: 5.625rem
}
html body .u-pr-18 {
padding-right: 5.625rem
}
html body .u-pb-18 {
padding-bottom: 5.625rem
}
html body .u-pl-18 {
padding-left: 5.625rem
}
html body .u-m-18 {
margin: 5.625rem
}
html body .u-mt-18 {
margin-top: 5.625rem
}
html body .u-mr-18 {
margin-right: 5.625rem
}
html body .u-mb-18 {
margin-bottom: 5.625rem
}
html body .u-ml-18 {
margin-left: 5.625rem
}
html body .u-p-19 {
padding: 5.9375rem
}
html body .u-pt-19 {
padding-top: 5.9375rem
}
html body .u-pr-19 {
padding-right: 5.9375rem
}
html body .u-pb-19 {
padding-bottom: 5.9375rem
}
html body .u-pl-19 {
padding-left: 5.9375rem
}
html body .u-m-19 {
margin: 5.9375rem
}
html body .u-mt-19 {
margin-top: 5.9375rem
}
html body .u-mr-19 {
margin-right: 5.9375rem
}
html body .u-mb-19 {
margin-bottom: 5.9375rem
}
html body .u-ml-19 {
margin-left: 5.9375rem
}
html body .u-p-20 {
padding: 6.25rem
}
html body .u-pt-20 {
padding-top: 6.25rem
}
html body .u-pr-20 {
padding-right: 6.25rem
}
html body .u-pb-20 {
padding-bottom: 6.25rem
}
html body .u-pl-20 {
padding-left: 6.25rem
}
html body .u-m-20 {
margin: 6.25rem
}
html body .u-mt-20 {
margin-top: 6.25rem
}
html body .u-mr-20 {
margin-right: 6.25rem
}
html body .u-mb-20 {
margin-bottom: 6.25rem
}
html body .u-ml-20 {
margin-left: 6.25rem
}
html body .u-p-21 {
padding: 6.5625rem
}
html body .u-pt-21 {
padding-top: 6.5625rem
}
html body .u-pr-21 {
padding-right: 6.5625rem
}
html body .u-pb-21 {
padding-bottom: 6.5625rem
}
html body .u-pl-21 {
padding-left: 6.5625rem
}
html body .u-m-21 {
margin: 6.5625rem
}
html body .u-mt-21 {
margin-top: 6.5625rem
}
html body .u-mr-21 {
margin-right: 6.5625rem
}
html body .u-mb-21 {
margin-bottom: 6.5625rem
}
html body .u-ml-21 {
margin-left: 6.5625rem
}
html body .u-p-22 {
padding: 6.875rem
}
html body .u-pt-22 {
padding-top: 6.875rem
}
html body .u-pr-22 {
padding-right: 6.875rem
}
html body .u-pb-22 {
padding-bottom: 6.875rem
}
html body .u-pl-22 {
padding-left: 6.875rem
}
html body .u-m-22 {
margin: 6.875rem
}
html body .u-mt-22 {
margin-top: 6.875rem
}
html body .u-mr-22 {
margin-right: 6.875rem
}
html body .u-mb-22 {
margin-bottom: 6.875rem
}
html body .u-ml-22 {
margin-left: 6.875rem
}
html body .u-p-23 {
padding: 7.1875rem
}
html body .u-pt-23 {
padding-top: 7.1875rem
}
html body .u-pr-23 {
padding-right: 7.1875rem
}
html body .u-pb-23 {
padding-bottom: 7.1875rem
}
html body .u-pl-23 {
padding-left: 7.1875rem
}
html body .u-m-23 {
margin: 7.1875rem
}
html body .u-mt-23 {
margin-top: 7.1875rem
}
html body .u-mr-23 {
margin-right: 7.1875rem
}
html body .u-mb-23 {
margin-bottom: 7.1875rem
}
html body .u-ml-23 {
margin-left: 7.1875rem
}
html body .u-p-24 {
padding: 7.5rem
}
html body .u-pt-24 {
padding-top: 7.5rem
}
html body .u-pr-24 {
padding-right: 7.5rem
}
html body .u-pb-24 {
padding-bottom: 7.5rem
}
html body .u-pl-24 {
padding-left: 7.5rem
}
html body .u-m-24 {
margin: 7.5rem
}
html body .u-mt-24 {
margin-top: 7.5rem
}
html body .u-mr-24 {
margin-right: 7.5rem
}
html body .u-mb-24 {
margin-bottom: 7.5rem
}
html body .u-ml-24 {
margin-left: 7.5rem
}
html body .u-p-25 {
padding: 7.8125rem
}
html body .u-pt-25 {
padding-top: 7.8125rem
}
html body .u-pr-25 {
padding-right: 7.8125rem
}
html body .u-pb-25 {
padding-bottom: 7.8125rem
}
html body .u-pl-25 {
padding-left: 7.8125rem
}
html body .u-m-25 {
margin: 7.8125rem
}
html body .u-mt-25 {
margin-top: 7.8125rem
}
html body .u-mr-25 {
margin-right: 7.8125rem
}
html body .u-mb-25 {
margin-bottom: 7.8125rem
}
html body .u-ml-25 {
margin-left: 7.8125rem
}
html body .u-p-26 {
padding: 8.125rem
}
html body .u-pt-26 {
padding-top: 8.125rem
}
html body .u-pr-26 {
padding-right: 8.125rem
}
html body .u-pb-26 {
padding-bottom: 8.125rem
}
html body .u-pl-26 {
padding-left: 8.125rem
}
html body .u-m-26 {
margin: 8.125rem
}
html body .u-mt-26 {
margin-top: 8.125rem
}
html body .u-mr-26 {
margin-right: 8.125rem
}
html body .u-mb-26 {
margin-bottom: 8.125rem
}
html body .u-ml-26 {
margin-left: 8.125rem
}
html body .u-p-27 {
padding: 8.4375rem
}
html body .u-pt-27 {
padding-top: 8.4375rem
}
html body .u-pr-27 {
padding-right: 8.4375rem
}
html body .u-pb-27 {
padding-bottom: 8.4375rem
}
html body .u-pl-27 {
padding-left: 8.4375rem
}
html body .u-m-27 {
margin: 8.4375rem
}
html body .u-mt-27 {
margin-top: 8.4375rem
}
html body .u-mr-27 {
margin-right: 8.4375rem
}
html body .u-mb-27 {
margin-bottom: 8.4375rem
}
html body .u-ml-27 {
margin-left: 8.4375rem
}
html body .u-p-28 {
padding: 8.75rem
}
html body .u-pt-28 {
padding-top: 8.75rem
}
html body .u-pr-28 {
padding-right: 8.75rem
}
html body .u-pb-28 {
padding-bottom: 8.75rem
}
html body .u-pl-28 {
padding-left: 8.75rem
}
html body .u-m-28 {
margin: 8.75rem
}
html body .u-mt-28 {
margin-top: 8.75rem
}
html body .u-mr-28 {
margin-right: 8.75rem
}
html body .u-mb-28 {
margin-bottom: 8.75rem
}
html body .u-ml-28 {
margin-left: 8.75rem
}
html body .u-p-29 {
padding: 9.0625rem
}
html body .u-pt-29 {
padding-top: 9.0625rem
}
html body .u-pr-29 {
padding-right: 9.0625rem
}
html body .u-pb-29 {
padding-bottom: 9.0625rem
}
html body .u-pl-29 {
padding-left: 9.0625rem
}
html body .u-m-29 {
margin: 9.0625rem
}
html body .u-mt-29 {
margin-top: 9.0625rem
}
html body .u-mr-29 {
margin-right: 9.0625rem
}
html body .u-mb-29 {
margin-bottom: 9.0625rem
}
html body .u-ml-29 {
margin-left: 9.0625rem
}
html body .u-p-30 {
padding: 9.375rem
}
html body .u-pt-30 {
padding-top: 9.375rem
}
html body .u-pr-30 {
padding-right: 9.375rem
}
html body .u-pb-30 {
padding-bottom: 9.375rem
}
html body .u-pl-30 {
padding-left: 9.375rem
}
html body .u-m-30 {
margin: 9.375rem
}
html body .u-mt-30 {
margin-top: 9.375rem
}
html body .u-mr-30 {
margin-right: 9.375rem
}
html body .u-mb-30 {
margin-bottom: 9.375rem
}
html body .u-ml-30 {
margin-left: 9.375rem
}
@media (max-width: 61.99em) {
html body .m-u-p-0 {
padding:0
}
html body .m-u-pt-0 {
padding-top: 0
}
html body .m-u-pr-0 {
padding-right: 0
}
html body .m-u-pb-0 {
padding-bottom: 0
}
html body .m-u-pl-0 {
padding-left: 0
}
html body .m-u-m-0 {
margin: 0
}
html body .m-u-mt-0 {
margin-top: 0
}
html body .m-u-mr-0 {
margin-right: 0
}
html body .m-u-mb-0 {
margin-bottom: 0
}
html body .m-u-ml-0 {
margin-left: 0
}
html body .m-u-p-1 {
padding: .3125rem
}
html body .m-u-pt-1 {
padding-top: .3125rem
}
html body .m-u-pr-1 {
padding-right: .3125rem
}
html body .m-u-pb-1 {
padding-bottom: .3125rem
}
html body .m-u-pl-1 {
padding-left: .3125rem
}
html body .m-u-m-1 {
margin: .3125rem
}
html body .m-u-mt-1 {
margin-top: .3125rem
}
html body .m-u-mr-1 {
margin-right: .3125rem
}
html body .m-u-mb-1 {
margin-bottom: .3125rem
}
html body .m-u-ml-1 {
margin-left: .3125rem
}
html body .m-u-p-2 {
padding: .625rem
}
html body .m-u-pt-2 {
padding-top: .625rem
}
html body .m-u-pr-2 {
padding-right: .625rem
}
html body .m-u-pb-2 {
padding-bottom: .625rem
}
html body .m-u-pl-2 {
padding-left: .625rem
}
html body .m-u-m-2 {
margin: .625rem
}
html body .m-u-mt-2 {
margin-top: .625rem
}
html body .m-u-mr-2 {
margin-right: .625rem
}
html body .m-u-mb-2 {
margin-bottom: .625rem
}
html body .m-u-ml-2 {
margin-left: .625rem
}
html body .m-u-p-3 {
padding: .9375rem
}
html body .m-u-pt-3 {
padding-top: .9375rem
}
html body .m-u-pr-3 {
padding-right: .9375rem
}
html body .m-u-pb-3 {
padding-bottom: .9375rem
}
html body .m-u-pl-3 {
padding-left: .9375rem
}
html body .m-u-m-3 {
margin: .9375rem
}
html body .m-u-mt-3 {
margin-top: .9375rem
}
html body .m-u-mr-3 {
margin-right: .9375rem
}
html body .m-u-mb-3 {
margin-bottom: .9375rem
}
html body .m-u-ml-3 {
margin-left: .9375rem
}
html body .m-u-p-4 {
padding: 1.25rem
}
html body .m-u-pt-4 {
padding-top: 1.25rem
}
html body .m-u-pr-4 {
padding-right: 1.25rem
}
html body .m-u-pb-4 {
padding-bottom: 1.25rem
}
html body .m-u-pl-4 {
padding-left: 1.25rem
}
html body .m-u-m-4 {
margin: 1.25rem
}
html body .m-u-mt-4 {
margin-top: 1.25rem
}
html body .m-u-mr-4 {
margin-right: 1.25rem
}
html body .m-u-mb-4 {
margin-bottom: 1.25rem
}
html body .m-u-ml-4 {
margin-left: 1.25rem
}
html body .m-u-p-5 {
padding: 1.5625rem
}
html body .m-u-pt-5 {
padding-top: 1.5625rem
}
html body .m-u-pr-5 {
padding-right: 1.5625rem
}
html body .m-u-pb-5 {
padding-bottom: 1.5625rem
}
html body .m-u-pl-5 {
padding-left: 1.5625rem
}
html body .m-u-m-5 {
margin: 1.5625rem
}
html body .m-u-mt-5 {
margin-top: 1.5625rem
}
html body .m-u-mr-5 {
margin-right: 1.5625rem
}
html body .m-u-mb-5 {
margin-bottom: 1.5625rem
}
html body .m-u-ml-5 {
margin-left: 1.5625rem
}
html body .m-u-p-6 {
padding: 1.875rem
}
html body .m-u-pt-6 {
padding-top: 1.875rem
}
html body .m-u-pr-6 {
padding-right: 1.875rem
}
html body .m-u-pb-6 {
padding-bottom: 1.875rem
}
html body .m-u-pl-6 {
padding-left: 1.875rem
}
html body .m-u-m-6 {
margin: 1.875rem
}
html body .m-u-mt-6 {
margin-top: 1.875rem
}
html body .m-u-mr-6 {
margin-right: 1.875rem
}
html body .m-u-mb-6 {
margin-bottom: 1.875rem
}
html body .m-u-ml-6 {
margin-left: 1.875rem
}
html body .m-u-p-7 {
padding: 2.1875rem
}
html body .m-u-pt-7 {
padding-top: 2.1875rem
}
html body .m-u-pr-7 {
padding-right: 2.1875rem
}
html body .m-u-pb-7 {
padding-bottom: 2.1875rem
}
html body .m-u-pl-7 {
padding-left: 2.1875rem
}
html body .m-u-m-7 {
margin: 2.1875rem
}
html body .m-u-mt-7 {
margin-top: 2.1875rem
}
html body .m-u-mr-7 {
margin-right: 2.1875rem
}
html body .m-u-mb-7 {
margin-bottom: 2.1875rem
}
html body .m-u-ml-7 {
margin-left: 2.1875rem
}
html body .m-u-p-8 {
padding: 2.5rem
}
html body .m-u-pt-8 {
padding-top: 2.5rem
}
html body .m-u-pr-8 {
padding-right: 2.5rem
}
html body .m-u-pb-8 {
padding-bottom: 2.5rem
}
html body .m-u-pl-8 {
padding-left: 2.5rem
}
html body .m-u-m-8 {
margin: 2.5rem
}
html body .m-u-mt-8 {
margin-top: 2.5rem
}
html body .m-u-mr-8 {
margin-right: 2.5rem
}
html body .m-u-mb-8 {
margin-bottom: 2.5rem
}
html body .m-u-ml-8 {
margin-left: 2.5rem
}
html body .m-u-p-9 {
padding: 2.8125rem
}
html body .m-u-pt-9 {
padding-top: 2.8125rem
}
html body .m-u-pr-9 {
padding-right: 2.8125rem
}
html body .m-u-pb-9 {
padding-bottom: 2.8125rem
}
html body .m-u-pl-9 {
padding-left: 2.8125rem
}
html body .m-u-m-9 {
margin: 2.8125rem
}
html body .m-u-mt-9 {
margin-top: 2.8125rem
}
html body .m-u-mr-9 {
margin-right: 2.8125rem
}
html body .m-u-mb-9 {
margin-bottom: 2.8125rem
}
html body .m-u-ml-9 {
margin-left: 2.8125rem
}
html body .m-u-p-10 {
padding: 3.125rem
}
html body .m-u-pt-10 {
padding-top: 3.125rem
}
html body .m-u-pr-10 {
padding-right: 3.125rem
}
html body .m-u-pb-10 {
padding-bottom: 3.125rem
}
html body .m-u-pl-10 {
padding-left: 3.125rem
}
html body .m-u-m-10 {
margin: 3.125rem
}
html body .m-u-mt-10 {
margin-top: 3.125rem
}
html body .m-u-mr-10 {
margin-right: 3.125rem
}
html body .m-u-mb-10 {
margin-bottom: 3.125rem
}
html body .m-u-ml-10 {
margin-left: 3.125rem
}
html body .m-u-p-11 {
padding: 3.4375rem
}
html body .m-u-pt-11 {
padding-top: 3.4375rem
}
html body .m-u-pr-11 {
padding-right: 3.4375rem
}
html body .m-u-pb-11 {
padding-bottom: 3.4375rem
}
html body .m-u-pl-11 {
padding-left: 3.4375rem
}
html body .m-u-m-11 {
margin: 3.4375rem
}
html body .m-u-mt-11 {
margin-top: 3.4375rem
}
html body .m-u-mr-11 {
margin-right: 3.4375rem
}
html body .m-u-mb-11 {
margin-bottom: 3.4375rem
}
html body .m-u-ml-11 {
margin-left: 3.4375rem
}
html body .m-u-p-12 {
padding: 3.75rem
}
html body .m-u-pt-12 {
padding-top: 3.75rem
}
html body .m-u-pr-12 {
padding-right: 3.75rem
}
html body .m-u-pb-12 {
padding-bottom: 3.75rem
}
html body .m-u-pl-12 {
padding-left: 3.75rem
}
html body .m-u-m-12 {
margin: 3.75rem
}
html body .m-u-mt-12 {
margin-top: 3.75rem
}
html body .m-u-mr-12 {
margin-right: 3.75rem
}
html body .m-u-mb-12 {
margin-bottom: 3.75rem
}
html body .m-u-ml-12 {
margin-left: 3.75rem
}
html body .m-u-p-13 {
padding: 4.0625rem
}
html body .m-u-pt-13 {
padding-top: 4.0625rem
}
html body .m-u-pr-13 {
padding-right: 4.0625rem
}
html body .m-u-pb-13 {
padding-bottom: 4.0625rem
}
html body .m-u-pl-13 {
padding-left: 4.0625rem
}
html body .m-u-m-13 {
margin: 4.0625rem
}
html body .m-u-mt-13 {
margin-top: 4.0625rem
}
html body .m-u-mr-13 {
margin-right: 4.0625rem
}
html body .m-u-mb-13 {
margin-bottom: 4.0625rem
}
html body .m-u-ml-13 {
margin-left: 4.0625rem
}
html body .m-u-p-14 {
padding: 4.375rem
}
html body .m-u-pt-14 {
padding-top: 4.375rem
}
html body .m-u-pr-14 {
padding-right: 4.375rem
}
html body .m-u-pb-14 {
padding-bottom: 4.375rem
}
html body .m-u-pl-14 {
padding-left: 4.375rem
}
html body .m-u-m-14 {
margin: 4.375rem
}
html body .m-u-mt-14 {
margin-top: 4.375rem
}
html body .m-u-mr-14 {
margin-right: 4.375rem
}
html body .m-u-mb-14 {
margin-bottom: 4.375rem
}
html body .m-u-ml-14 {
margin-left: 4.375rem
}
html body .m-u-p-15 {
padding: 4.6875rem
}
html body .m-u-pt-15 {
padding-top: 4.6875rem
}
html body .m-u-pr-15 {
padding-right: 4.6875rem
}
html body .m-u-pb-15 {
padding-bottom: 4.6875rem
}
html body .m-u-pl-15 {
padding-left: 4.6875rem
}
html body .m-u-m-15 {
margin: 4.6875rem
}
html body .m-u-mt-15 {
margin-top: 4.6875rem
}
html body .m-u-mr-15 {
margin-right: 4.6875rem
}
html body .m-u-mb-15 {
margin-bottom: 4.6875rem
}
html body .m-u-ml-15 {
margin-left: 4.6875rem
}
html body .m-u-p-16 {
padding: 5rem
}
html body .m-u-pt-16 {
padding-top: 5rem
}
html body .m-u-pr-16 {
padding-right: 5rem
}
html body .m-u-pb-16 {
padding-bottom: 5rem
}
html body .m-u-pl-16 {
padding-left: 5rem
}
html body .m-u-m-16 {
margin: 5rem
}
html body .m-u-mt-16 {
margin-top: 5rem
}
html body .m-u-mr-16 {
margin-right: 5rem
}
html body .m-u-mb-16 {
margin-bottom: 5rem
}
html body .m-u-ml-16 {
margin-left: 5rem
}
html body .m-u-p-17 {
padding: 5.3125rem
}
html body .m-u-pt-17 {
padding-top: 5.3125rem
}
html body .m-u-pr-17 {
padding-right: 5.3125rem
}
html body .m-u-pb-17 {
padding-bottom: 5.3125rem
}
html body .m-u-pl-17 {
padding-left: 5.3125rem
}
html body .m-u-m-17 {
margin: 5.3125rem
}
html body .m-u-mt-17 {
margin-top: 5.3125rem
}
html body .m-u-mr-17 {
margin-right: 5.3125rem
}
html body .m-u-mb-17 {
margin-bottom: 5.3125rem
}
html body .m-u-ml-17 {
margin-left: 5.3125rem
}
html body .m-u-p-18 {
padding: 5.625rem
}
html body .m-u-pt-18 {
padding-top: 5.625rem
}
html body .m-u-pr-18 {
padding-right: 5.625rem
}
html body .m-u-pb-18 {
padding-bottom: 5.625rem
}
html body .m-u-pl-18 {
padding-left: 5.625rem
}
html body .m-u-m-18 {
margin: 5.625rem
}
html body .m-u-mt-18 {
margin-top: 5.625rem
}
html body .m-u-mr-18 {
margin-right: 5.625rem
}
html body .m-u-mb-18 {
margin-bottom: 5.625rem
}
html body .m-u-ml-18 {
margin-left: 5.625rem
}
html body .m-u-p-19 {
padding: 5.9375rem
}
html body .m-u-pt-19 {
padding-top: 5.9375rem
}
html body .m-u-pr-19 {
padding-right: 5.9375rem
}
html body .m-u-pb-19 {
padding-bottom: 5.9375rem
}
html body .m-u-pl-19 {
padding-left: 5.9375rem
}
html body .m-u-m-19 {
margin: 5.9375rem
}
html body .m-u-mt-19 {
margin-top: 5.9375rem
}
html body .m-u-mr-19 {
margin-right: 5.9375rem
}
html body .m-u-mb-19 {
margin-bottom: 5.9375rem
}
html body .m-u-ml-19 {
margin-left: 5.9375rem
}
html body .m-u-p-20 {
padding: 6.25rem
}
html body .m-u-pt-20 {
padding-top: 6.25rem
}
html body .m-u-pr-20 {
padding-right: 6.25rem
}
html body .m-u-pb-20 {
padding-bottom: 6.25rem
}
html body .m-u-pl-20 {
padding-left: 6.25rem
}
html body .m-u-m-20 {
margin: 6.25rem
}
html body .m-u-mt-20 {
margin-top: 6.25rem
}
html body .m-u-mr-20 {
margin-right: 6.25rem
}
html body .m-u-mb-20 {
margin-bottom: 6.25rem
}
html body .m-u-ml-20 {
margin-left: 6.25rem
}
html body .m-u-p-21 {
padding: 6.5625rem
}
html body .m-u-pt-21 {
padding-top: 6.5625rem
}
html body .m-u-pr-21 {
padding-right: 6.5625rem
}
html body .m-u-pb-21 {
padding-bottom: 6.5625rem
}
html body .m-u-pl-21 {
padding-left: 6.5625rem
}
html body .m-u-m-21 {
margin: 6.5625rem
}
html body .m-u-mt-21 {
margin-top: 6.5625rem
}
html body .m-u-mr-21 {
margin-right: 6.5625rem
}
html body .m-u-mb-21 {
margin-bottom: 6.5625rem
}
html body .m-u-ml-21 {
margin-left: 6.5625rem
}
html body .m-u-p-22 {
padding: 6.875rem
}
html body .m-u-pt-22 {
padding-top: 6.875rem
}
html body .m-u-pr-22 {
padding-right: 6.875rem
}
html body .m-u-pb-22 {
padding-bottom: 6.875rem
}
html body .m-u-pl-22 {
padding-left: 6.875rem
}
html body .m-u-m-22 {
margin: 6.875rem
}
html body .m-u-mt-22 {
margin-top: 6.875rem
}
html body .m-u-mr-22 {
margin-right: 6.875rem
}
html body .m-u-mb-22 {
margin-bottom: 6.875rem
}
html body .m-u-ml-22 {
margin-left: 6.875rem
}
html body .m-u-p-23 {
padding: 7.1875rem
}
html body .m-u-pt-23 {
padding-top: 7.1875rem
}
html body .m-u-pr-23 {
padding-right: 7.1875rem
}
html body .m-u-pb-23 {
padding-bottom: 7.1875rem
}
html body .m-u-pl-23 {
padding-left: 7.1875rem
}
html body .m-u-m-23 {
margin: 7.1875rem
}
html body .m-u-mt-23 {
margin-top: 7.1875rem
}
html body .m-u-mr-23 {
margin-right: 7.1875rem
}
html body .m-u-mb-23 {
margin-bottom: 7.1875rem
}
html body .m-u-ml-23 {
margin-left: 7.1875rem
}
html body .m-u-p-24 {
padding: 7.5rem
}
html body .m-u-pt-24 {
padding-top: 7.5rem
}
html body .m-u-pr-24 {
padding-right: 7.5rem
}
html body .m-u-pb-24 {
padding-bottom: 7.5rem
}
html body .m-u-pl-24 {
padding-left: 7.5rem
}
html body .m-u-m-24 {
margin: 7.5rem
}
html body .m-u-mt-24 {
margin-top: 7.5rem
}
html body .m-u-mr-24 {
margin-right: 7.5rem
}
html body .m-u-mb-24 {
margin-bottom: 7.5rem
}
html body .m-u-ml-24 {
margin-left: 7.5rem
}
html body .m-u-p-25 {
padding: 7.8125rem
}
html body .m-u-pt-25 {
padding-top: 7.8125rem
}
html body .m-u-pr-25 {
padding-right: 7.8125rem
}
html body .m-u-pb-25 {
padding-bottom: 7.8125rem
}
html body .m-u-pl-25 {
padding-left: 7.8125rem
}
html body .m-u-m-25 {
margin: 7.8125rem
}
html body .m-u-mt-25 {
margin-top: 7.8125rem
}
html body .m-u-mr-25 {
margin-right: 7.8125rem
}
html body .m-u-mb-25 {
margin-bottom: 7.8125rem
}
html body .m-u-ml-25 {
margin-left: 7.8125rem
}
html body .m-u-p-26 {
padding: 8.125rem
}
html body .m-u-pt-26 {
padding-top: 8.125rem
}
html body .m-u-pr-26 {
padding-right: 8.125rem
}
html body .m-u-pb-26 {
padding-bottom: 8.125rem
}
html body .m-u-pl-26 {
padding-left: 8.125rem
}
html body .m-u-m-26 {
margin: 8.125rem
}
html body .m-u-mt-26 {
margin-top: 8.125rem
}
html body .m-u-mr-26 {
margin-right: 8.125rem
}
html body .m-u-mb-26 {
margin-bottom: 8.125rem
}
html body .m-u-ml-26 {
margin-left: 8.125rem
}
html body .m-u-p-27 {
padding: 8.4375rem
}
html body .m-u-pt-27 {
padding-top: 8.4375rem
}
html body .m-u-pr-27 {
padding-right: 8.4375rem
}
html body .m-u-pb-27 {
padding-bottom: 8.4375rem
}
html body .m-u-pl-27 {
padding-left: 8.4375rem
}
html body .m-u-m-27 {
margin: 8.4375rem
}
html body .m-u-mt-27 {
margin-top: 8.4375rem
}
html body .m-u-mr-27 {
margin-right: 8.4375rem
}
html body .m-u-mb-27 {
margin-bottom: 8.4375rem
}
html body .m-u-ml-27 {
margin-left: 8.4375rem
}
html body .m-u-p-28 {
padding: 8.75rem
}
html body .m-u-pt-28 {
padding-top: 8.75rem
}
html body .m-u-pr-28 {
padding-right: 8.75rem
}
html body .m-u-pb-28 {
padding-bottom: 8.75rem
}
html body .m-u-pl-28 {
padding-left: 8.75rem
}
html body .m-u-m-28 {
margin: 8.75rem
}
html body .m-u-mt-28 {
margin-top: 8.75rem
}
html body .m-u-mr-28 {
margin-right: 8.75rem
}
html body .m-u-mb-28 {
margin-bottom: 8.75rem
}
html body .m-u-ml-28 {
margin-left: 8.75rem
}
html body .m-u-p-29 {
padding: 9.0625rem
}
html body .m-u-pt-29 {
padding-top: 9.0625rem
}
html body .m-u-pr-29 {
padding-right: 9.0625rem
}
html body .m-u-pb-29 {
padding-bottom: 9.0625rem
}
html body .m-u-pl-29 {
padding-left: 9.0625rem
}
html body .m-u-m-29 {
margin: 9.0625rem
}
html body .m-u-mt-29 {
margin-top: 9.0625rem
}
html body .m-u-mr-29 {
margin-right: 9.0625rem
}
html body .m-u-mb-29 {
margin-bottom: 9.0625rem
}
html body .m-u-ml-29 {
margin-left: 9.0625rem
}
html body .m-u-p-30 {
padding: 9.375rem
}
html body .m-u-pt-30 {
padding-top: 9.375rem
}
html body .m-u-pr-30 {
padding-right: 9.375rem
}
html body .m-u-pb-30 {
padding-bottom: 9.375rem
}
html body .m-u-pl-30 {
padding-left: 9.375rem
}
html body .m-u-m-30 {
margin: 9.375rem
}
html body .m-u-mt-30 {
margin-top: 9.375rem
}
html body .m-u-mr-30 {
margin-right: 9.375rem
}
html body .m-u-mb-30 {
margin-bottom: 9.375rem
}
html body .m-u-ml-30 {
margin-left: 9.375rem
}
}
html body .u-m-auto {
margin: auto
}
html body .u-left {
text-align: left!important
}
html body .u-center {
text-align: center!important
}
html body .u-right {
text-align: right!important
}
html body .u-hidden {
display: none!important
}
html body .u-loading {
opacity: .5!important
}
html body .u-rounded {
border-radius: 6px
}
html body .u-circle {
border-radius: 50%
}
html body .u-align-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media (max-width: 61.99em) {
html body .m-u-align-content {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width: 62em) and (max-width:74.99em) {
html body .t-u-align-content {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (min-width: 75em) {
html body .d-u-align-content {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
@media (max-width: 61.99em) {
html body .m-u-hidden {
display:none!important
}
}
@media (min-width: 62em) and (max-width:74.99em) {
html body .t-u-hidden {
display:none!important
}
}
@media (min-width: 75em) {
html body .d-u-hidden {
display:none!important
}
}
html body .u-bg-cover {
background-size: cover
}
P.blocktext {
margin-left: auto;
margin-right: auto;
width: 8em
}
.secure-login {
width: 100% !important;
margin: 0 auto 0 auto;
border: 0px !important;
}
.secure-button {
border-radius: 4px;
padding: 5px 68px !important;
font-size: 16px !important;
height: auto;
background-color: #3c6a3c !important;
color: #FFFFFF !important;
}
hr.sec-divider {
line-height: 3px;
width: 55px;
display: inline-block;
vertical-align: middle;
}
.login-divider {
width: 67% !important;
margin: 0 auto 0 auto;
font-size: 12px !important;
border: 0px !important;
padding: 0px !important;
}
div.password {
width: 57% !important;
border: 1px solid rgb(204, 204, 204) !important;
padding: 9px !important;
height: 40px;
border-radius: 2px;
margin: 0 auto 7px auto;
}
div.login-container {
width: 100% !important;
margin: 0 auto 0 auto;
text-align: center;
border: 0px !important;
}
#ev-login-email {
height: 30px;
}
#ev-login-password {
margin-top: 5px;
}
@media screen and (min-width:576px) {
html body .mb-sm-16 {
margin-bottom: 16rem;
}
}
.lh-narrow {
line-height: 1.167;
}
html body .card__header .u-aspect-5x3 {
padding-top: 10%;
}
html body ul.list.nav__sub-menu__links > li.nav__sub-menu__links__item--header {
/* display: none; */
font-size: 16px;
font-weight: 500;
}
html body .nav__main-menu .nav__links .nav__sub-menu .container > .row > .col-md-3:last-child > ul.list.nav__sub-menu__links > li.nav__sub-menu__links__item--header {
display: block;
color: transparent;
}
html body .nav__main-menu .nav__links .nav__sub-menu .container > .row > .col-md-3:last-child {
top: -35px;
right: 80px;
}
@media (min-width: 768px) {
html body .nav__main-menu .nav__links .nav__sub-menu .container > .row > .col-md-3:last-child {
position: absolute;
}
}
html body .nav__main-menu .nav__links .nav__sub-menu ul.list.nav__sub-menu__links > li.nav__sub-menu__links__item--header > .navPromo:nth-child(2) {
display: none;
}
@media (max-width: 74.99em) {
html body .nav__sub-menu__links__item--header {
border: none;
}
}
html body .nav__main-menu .nav__links .nav__sub-menu .container > .row > .col-md-3:last-child > ul.list.nav__sub-menu__links > li.nav__sub-menu__links__item--header > .navPromo {
min-height: 400px;
width: 600px;
border-radius: 0px;
}
html body ul.nav__sub-menu__links > li.nav__sub-menu__links__item {
margin-bottom: 1.5rem;
}
html body ul.nav__sub-menu__links > li.nav__sub-menu__links__item > a.link {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #5C8194;
}
html body .navPromo > * {
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
html body .navPromo > a {
display: inline-block;
}
html body .navPromo > hr {
max-width: 60%;
}
html body .footer__links__item > img {
display: inline-block;
padding-left: 5px;
}
html body #mobile-nav-logo-wrapper > a.nav__logo {
min-height: 47px;
}
@media (max-width: 767px) {
html body .navPromo {
padding-left: 85px;
}
}
html body .carousel .tns-controls button > span {
display: none;
}