/* =================================================================================

    Project Information

    Theme Name: CMDS Online Theme Child
    Theme URI: http://www.cmdsonline.com
    Description: Custom WordPress theme framework for CMDS clients.
    Version: 5.0
    Author: CMDS Online
    Author URI: http://www.cmdsonline.com
    Template: cmds_theme

================================================================================= */

/*********** CMDS Helper Classes *************/
.absolute { position: absolute; }
.relative { position: relative; }
.pull-none { float: none !important; }
.vertical-align { display: table-cell; vertical-align: middle; }
.no-side-padding { padding-left: 0 !important; padding-right: 0 !important; }
.no-right-padding { padding-right: 0 !important; }
.no-left-padding { padding-left: 0 !important; }
.no-top-padding { padding-top: 0 !important; }
.no-bottom-padding { padding-bottom: 0 !important; }

.no-side-margin { margin-left: 0 !important; margin-right:0 !important; }
.no-right-margin { margin-right: 0 !important; }
.no-left-margin { margin-left: 0 !important; }
.no-top-margin { margin-top: 0 !important; }
.no-bottom-margin { margin-bottom: 0 !important; }
.email-confirm { display: none; }
.vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.bg-darkblue { background:#1b6690; }

.margin-top-30 {margin-top: 30px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-15 {margin-top: 15px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}

.padding-top-5 {padding-top: 5px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-30 {padding-top: 30px !important;}

.padding-bottom-5 {padding-bottom: 5px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}

.padding-right-15 {padding-right: 15px !important;}
.padding-right-30 {padding-right: 30px !important;}
.padding-right-45 {padding-right: 45px !important;}

.padding-left-15 {padding-left: 15px !important;}
.padding-left-30 {padding-left: 30px !important;}
.padding-left-45 {padding-left: 45px !important;}


/*********** CMDS General Tag Styles *************/
* { box-sizing:border-box; }
a {transition: all 0.25s;}
body { font-family: 'Roboto', Arial, sans-serif; color: #949DA2;  }
.site-wrapper {      -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
h1, h1 a { font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 68px; color: #ffffff; text-transform: uppercase; }
h2, h2 a { font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 38px; color: #ffffff; margin-top: 0;}
h3, h3 a { font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 36px; color: #12234C; margin-bottom: 30px; line-height: 1.2; }
h4, h4 a { font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 24px; color: #00C7C7; text-transform: uppercase; }
h5, h5 a { font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 20px; color: #0FB37F; text-transform: uppercase; }
h6, h6 a { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #0055CF; text-transform: uppercase; }
h6 strong {font-weight: 500;}
.nav>li>a { font-size: 14px; font-weight: bold; color: #3D3932; margin-top: 0; margin-bottom: 18px; text-decoration: none; }
p, li { font-size: 16px; font-family: 'Roboto', Arial, sans-serif; color: #9b9b9b; font-weight: 300; }
p { line-height: 1.6; }
a { color: #000; text-decoration: underline;  font-family: 'Roboto', Arial, sans-serif;}
a:hover, a:active { color: #b7005f; }
img { max-width: 100%; height: auto; }
.container { width: 100% !important; max-width: 1205px; position: relative; }

.p-40, .p-40 p {font-size: 40px;}
.p-24, .p-24 p {font-size: 24px;}
.p-20, .p-20 p {font-size: 20px; line-height: 1.4;}
.p-18, .p-18 p {font-size: 18px; line-height: 1.2;}
.p-14, .p-14 p {font-size: 14px; line-height: 1.2;}

b, strong {font-weight: 400;}

.uc { text-transform:uppercase !Important; }

.p-300 { font-weight:300; }
.lh-15, .lh-15 p { line-height:1.5 !important; }

/******* Flex *********/
.flex,
.flex-desktop {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-justify-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-justify-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-justify-start {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.flex-justify-end {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex-align-center {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-align-end {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flex-grow-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex: 1;
    flex-grow: 1;
}

.flex-grow-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex: 2;
    flex-grow: 2;
}

.flex-dir-col {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}


/******* Buttons ******/
.main-button { border-radius: 5px; color: #FFF !important; text-transform: uppercase; font-size: 16px; padding: 14px 45px; text-decoration: none !important; display: inline-block; outline: 0 !important; line-height:1; }
.main-button:hover { color: #FFF !important; text-decoration: none; }

.button-large { padding: 35px 75px; font-size: 20px; min-height: 140px; vertical-align: middle; display: -webkit-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 10px;}

.button-teal { background: transparent; color: #00c7c7 !important; border: 1px solid #00c7c7;  }
.button-teal:hover, .button-teal.active-button  { background: #00c7c7; color: #fff !important; }

.button-white { background: transparent; color: #fff !important; border: 1px solid #fff;  }
.button-white:hover, .button-teal.active-button  { background: #fff; color: #00c7c7 !important; }

.teal-link { color: #00c7c7 !important; font-size: 14px; padding: 8px 10px; }
.teal-link:hover { color: #b7005f !important; }

.paragraph-link {color: #00c7c7; text-decoration: none !important; cursor: pointer; transition: color 0.25s;}
.paragraph-link:hover {color: #b7005f; text-decoration: none !important; }

.blue-link { color: #0055cf !important; font-size: 14px; padding: 8px 10px; }
.blue-link:hover { color: #b7005f !important; }

.blue-text {color: #12234C;}

.large-link {font-size: 24px;}

.up-next {color: #ff4561; text-transform: uppercase; position: absolute; left: 15px; top: -35px; font-size: 20px; font-weight: 300;}

.vdata-links { margin-top:20px; }
.vdata-links a { display:block; color: #00c7c7 !important; font-size: 16px; text-decoration:none; margin-bottom:2px; }
.vdata-links a:hover { color: #b7005f !important; }
/*#password-button { float:right; }*/
#cancel-forgot-pwd { padding:11px; margin-right:15px; color: #00c7c7; font-size: 16px; text-decoration:none; float: right; }
#cancel-forgot-pwd:hover { color: #b7005f; }

.do-not-agree { margin-top:40px; }
.do-not-agree a { color: #00c7c7; text-decoration:none; }
.do-not-agree a:hover { color: #b7005f; }

.resource-link { width:20%; text-align:center; padding: 35px; }
.resource-link span { display:block; width:100%; }

.purple-text {color: #b7005f;}

/******* Header ******/
header { padding-bottom: 0px; margin-bottom: 0px; }
header.login { padding-top:15px; }
#wprmenu_menu > ul { border-top: 2px solid #FFF; border-bottom: 1px solid #FFF; }
.header { padding: 40px 15px; }
.tagline { padding-top: 30px; text-align: center; }
.login-wrapper { text-align: right; color: #00c7c7; }
.login-wrapper a.search-toggle {padding-right: 0;}
.logo-wrapper, .logo-wrapper img { /*margin: 0 auto;*/ float: none; }
.tagline span { color: #2C82B3; text-transform: uppercase; font-size: 11px; letter-spacing: 4px; }
a.plain-login { color: #AAAEA2; text-transform: uppercase; font-size: 11px; text-decoration: none; padding-right: 20px; }
a.plain-login span { position: relative; }
a.plain-login span:before { content: ''; background-image: url(images/cion-icons.png); background-position: 0 0; height: 16px; width: 16px; display: inline-block; vertical-align: middle; margin-right: 7px; }
a.plain-login:hover { color: #A2D052; text-decoration: none; }

.featured-header-article, .featured-header-article p {color: #fff; text-decoration: none !important;}

.heading {font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-size: 15px; color: #fff; font-weight: 400;}

/******* Main Navigation *****/
.nav-bar, #navigation { background: #fff; position: relative; }
#navigation .nav li { position: static; z-index: 5; }
#navigation .nav > li { display: block; float: left;}
#navigation .nav a { text-decoration: none; color: #12234C; font-weight: 500; font-size: 14px; }
#navigation .nav>li>a { padding: 10px 22px; margin-bottom: 0; }
#navigation .nav>li>a:focus, #navigation .nav>li>a:hover { background-color: transparent; color: #0FB37F; }
#navigation .nav>li.current_page_item, #navigation .nav>li.current-menu-item { background-color: tran; }

.fa-nav-menu { background:#A2D052; }
.fa-nav-menu .nav a { text-decoration: none; color: #55741e; text-transform: uppercase; font-size: 12px; }
.fa-nav-menu .nav>li>a:focus, .fa-nav-menu .nav>li>a:hover { background-color: #7fa63a; color:#ffffff; }
.fa-nav-menu .nav>li.current_page_item, .fa-nav-menu .nav>li.current-menu-item { background-color: #7fa63a; color:#ffffff; }
.fa-nav-menu .nav>li>a { margin-bottom: 0px; }
.fa-nav-menu .nav li a { font-weight: bold; }
.fa-nav-menu .nav li li a { font-weight: normal; }
.fa-nav-menu .nav li ul { padding-left: 0; }
.fa-nav-menu .nav li ul li { padding: 10px 15px; }
.fa-nav-menu .nav li ul li:hover { background-color: #7fa63a; color:#ffffff; }
.fa-nav-menu .nav li ul li:hover > a { color:#ffffff; }
.fa-nav-menu .menu-item-has-children > a, .fa-nav-menu .menu-item-has-children .sub-menu, .fa-nav-menu .menu-item-has-children li { display: inline-block; }
.fa-nav-menu .menu-item-has-children > a:after { content: ':'; display: inline-block; position: relative; }

#navigation .nav .sub-menu { position: absolute; top:48px;  border: 0px solid #000; padding-top:0px; padding-bottom:5px; opacity: 0; transition: opacity .5s;}

#navigation #nav {position: relative; width: auto; display: inline-block; vertical-align: top; padding-top: 10px; padding-bottom: 10px;}
#navigation #nav li {display: block; }
#navigation #nav li a { position: relative; z-index: 11; }
#navigation #nav #magic-line { position: absolute; top: 0; left: 0; width: 100px; background: transparent; z-index: 10; border-bottom: 2px solid #12234C; }

#navigation .nav li:hover .sub-menu { display: block; z-index:200; width: 230px; margin: 0; padding: 15px 22px; background: #00abb7; margin-left: 0px; border-radius: 0; text-align: left; opacity: 1;}
#navigation .nav .sub-menu li { list-style:none; padding: 0; border-bottom:0; display: block !important; }
#navigation .nav .sub-menu li a { font-size:12px !important; padding-bottom:8px; padding-top:8px; color:#ffffff !important; text-transform: none; display: block; }
#navigation .nav .sub-menu li a:hover, #navigation .nav .sub-menu li.current-menu-item a { color:#12234C !important; }
#navigation .nav > li:hover > a { background: transparent; }

#sticky-nav {background-color: #12234c; width: 100%; padding: 12px 0; color: #fff; position: fixed; top: 0; left: 0; z-index: 11; display: block; color: #fff; border-bottom: 1px solid #fff; opacity: 0; }
#sticky-nav.active {opacity: 1; transition: opacity .3s ease-in;}
#sticky-nav a {text-decoration: none; color: #fff; text-transform: uppercase;}
#sticky-nav a:hover {text-decoration: none; color: #00c7c7 !important;}
#sticky-nav .nav-title {text-transform: uppercase; font-weight: 500; font-size: 16px; }


footer .nav>li>a:focus, footer .nav>li>a:hover { background-color: none; }

/********* Form Elements ********/
.form-bg { background:rgba(0, 199, 199,0.7); padding:30px; }
.form-bg span, .form-bg p { color:#fff; font-size: 14px; }
.form-bg h3 { color:#fff; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select.input { background: transparent; font-size: 16px; border: none; padding: 15px; border: 1px solid #7995b5; border-radius: 0; box-shadow: none; line-height: 1; vertical-align: middle; color: #7995b5; margin-bottom: 15px; }

.form-bg input[type="submit"], .form-bg #password-button{ width: 100%; text-align: center; transition: all 0.25s;}
.input { width:100%; margin:5px 0px; background:#f3f7f9; border:1px solid #dee4e7; }
textarea { background:#f3f7f9; border:1px solid #dee4e7; font-size: 16px; padding: 9.5px 10px; }
#contact-form input[type="submit"] { border-radius: 5px; }
.btn.dropdown-toggle { background:#f3f7f9; border:1px solid #dee4e7; border-radius:0px; height:40px; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:100% !important; }
label {color: #7995b5; margin-bottom: 0; font-weight: 300;}

#form-login { }
.fp-login input[type="text"],
.fp-login input[type="password"],
.fp-login input[type="search"] { border: 1px solid #fff; color: #fff; }
.fp-login label { color: #fff; }

#frmSignup .btn.dropdown-toggle { background:transparent; border: 1px solid #7995b5; color: #7995b5; padding: 12px 15px;  height:auto; margin: 5px 0px; height:48px; margin-bottom: 15px; font-size: 16px; }

#frmSignup .main-button, #mc-embedded-subscribe, #btnNewPassword { margin-top:15px; }
#frmSignup input::-webkit-input-placeholder {
    color: #7995b5;
    font-weight: 300;
}
#frmSignup input::-moz-placeholder {
    color: #7995b5;
    font-weight: 300;
}
#frmSignup input:-ms-input-placeholder {
    color: #7995b5;
    font-weight: 300;
}
#frmSignup input:-moz-placeholder {
    color: #7995b5;
    font-weight: 300;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    /* transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important; */
}


#mc_embed_signup input:-webkit-autofill,
#mc_embed_signup input:-webkit-autofill,
#mc_embed_signup input:-webkit-autofill:hover,
#mc_embed_signup input:-webkit-autofill:focus
#mc_embed_signup textarea:-webkit-autofill,
#mc_embed_signup textarea:-webkit-autofill:hover
#mc_embed_signup textarea:-webkit-autofill:focus,
#mc_embed_signup select:-webkit-autofill,
#mc_embed_signup select:-webkit-autofill:hover,
#mc_embed_signup select:-webkit-autofill:focus,

.light-form input:-webkit-autofill,
.light-form input:-webkit-autofill,
.light-form input:-webkit-autofill:hover,
.light-form input:-webkit-autofill:focus
.light-form textarea:-webkit-autofill,
.light-form textarea:-webkit-autofill:hover
.light-form textarea:-webkit-autofill:focus,
.light-form select:-webkit-autofill,
.light-form select:-webkit-autofill:hover,
.light-form select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #7995b5 !important;
}

.form-bg .paragraph-link, .form-bg #cancel-forgot-pwd {color: #fff; display: block; font-weight: 300; font-size: 16px;}
.form-bg .paragraph-link:hover, .form-bg #cancel-forgot-pwd:hover {color: #b7005f;}

#mce-EMAIL { width:70%; }

#accept-terms { margin-top:15px; }
#accept-terms label { font-weight: 400; color: #949DA2; font-size: 16px; cursor: pointer;}
button, html input[type=button], input[type=reset], input[type=submit] {transition: all 0.25s;}

input.error {border-color: #b7005f;}

/*********** Checkboxes *************/
.button-checkbox button { padding:0; }
.bootstrap-checkbox > button.btn {width: 40px !important;} /*to remedy Safari issue (cutting off side of radio)*/
.cb-icon-check { width:34px !important; height:34px !important; line-height: 34px !important; background:url(images/bootstrap-checkbox/checked.png) no-repeat !important; background-position: 0px 0px !important; border:1px solid #7995b5 !important; vertical-align: text-top; background-size: contain !important; }
.cb-icon-check-empty { width:34px !important; height:34px !important; line-height: 34px !important; background:none;/*url(images/cb-off.png) no-repeat !important;*/ background-position: 0px 0px !important; border:1px solid #7995b5  !important; vertical-align: text-top; background-size: contain !important; }
.cb-icon-check-empty.error { border:1px solid #b7005f !important; }
.checkbox-label{margin-left:-50px;}
@media screen and (max-width:992px){.checkbox-label{margin-left:0;}}

/********* Login Template *******/
.login-logo { padding-bottom:0px; }
.login-page-register { padding-top:20px; color:#ffffff; }
.login-page-register a { color:#A2D052; }

/********* Search Bar ********/
#search { color: #e4ebef; }
/*
#search-icon { display: inline-block; position: relative; padding-top: 8px; cursor: pointer; }
.search-icon:before { content: ''; background-image: url(images/cion-icons.png); background-position: 0 -66px; height: 13px; width: 13px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -1px; }
*/
#search-bar { display: none; position: absolute; top: 35px; left: 0; z-index: 10; }
#search-bar input { float: left; }
#search-bar:before { position:absolute; width:18px; height:20px; background:url(images/search-icon.png); left:-30px; top:10px; }
#search-bar .search-input { width: 85%; height:38px; outline:none; background:transparent; border:0px; border-bottom:1px solid #99abc4; font-size:14px; padding: 10px 0; font-weight: 300; }
/*#search-bar .search-input:focus { background:#eee; }*/
#search-bar .search-submit { width: 15%; height:38px; background:transparent; border:0px; border-bottom:1px solid #99abc4; color:#99abc4; padding: 10px 0; font-weight: 300; }
#search-bar .search-submit:hover { color:#b7005f; }
.search-close { background: #9DB5C3; color: #FFF; padding-top: 8px; padding-bottom: 8px; padding-left: 13px !important; cursor: pointer; }

.main-content-container .page-content-wrapper h2.search-results-number { color: #7995b5; font-size: 23px; margin-bottom: 40px; font-family: 'Roboto', sans-serif; }

.frm-error {color: #b7005f;}
.frm-error a {color: #b7005f;}
.frm-success {color: #bcf500;}

/********* Front Page/GLOBAL ********/
.title-wrapper + .main-content-container + .flexible-field.white {padding-top: 0;}

.flexible-field.white + .flexible-field.white {padding-top: 0;}
.flexible-field.dark-blue + .flexible-field.dark-blue {padding-top: 0;}
.flexible-field.light-blue + .flexible-field.light-blue {padding-top: 0;}

.flexible-field.white { background: #fff; }
.flexible-field.light-blue { background: #dfe9f2; color: #12234c; }
.flexible-field.light-blue p { color: #12234c; }
.flexible-field.dark-blue { background: #12234c; color: #9B9B9B; }
.flexible-field.dark-blue p { color: #9B9B9B; }
.flexible-field.dark-blue h3,
.flexible-field.dark-blue h4,
.flexible-field.dark-blue h5 { color: #fff;}

.main-content-container + #products-section-tab {margin-top: -80px;}
.main-content-container + #newsletter-section-tab {margin-top: -80px;}

.number {color: #00C7C7 !important; margin-bottom: 0; line-height: 1; font-size: 40px;}
.block-row p.color-teal {border-top-color: #00C7C7;}

.top-callouts {margin: 20px 0;}
.top-callouts img {height: 96px; margin-bottom: 30px;}
.each-callout { /*padding: 30px 15px;*/ padding:30px; background: #fff; /*height: 100%;*/}

.icon-callouts {margin: 20px 0 0;}
.icon-callouts img {margin: 0 auto 15px; max-height: 124px; }
.icon-callouts hr {width: 18%; border-color: #0E9A75;}


.block-callouts {margin: 20px 0 0; }
.block-callouts .each-block {margin: 15px 0;}
.block-callouts .each-block > div {border: 1px solid #B9B9B9; padding: 30px; height: 100%;}
.block-callouts img {margin: 0 auto 15px; max-height: 80px; }

.checked-callouts {margin: 20px 0 0;}
.checked-callouts svg {width: 40px; margin: 0 auto 15px; }

.logo-callouts {margin: 20px 0 0;}
.logo-callouts > div {margin: 30px 45px;}

#products-section-tab {position: relative; width: 100%; height: 75px; overflow: hidden;}
#products-section-tab:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: #dfe9f2;
    height: 100%;
    width: 30%;
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    transform: skewX(-25deg);
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    transform-origin: bottom right;
}
#products-section-tab.white:after { background: #fff; }
#products-section-tab.light-blue:after { background: #dfe9f2; }
#products-section-tab.dark-blue:after { background: #12234c; }

#products-section,
#timeline-section,
#portfolio-section,
#performance-section,
.with-background {background: #dfe9f2;}
#performance-section h3 {margin-bottom: 50px;}
#performance-section .white-box img {width: 100%;}

#newsletter-section-tab {position: relative; width: 100%; height: 75px; z-index: 1;}
#newsletter-section-tab:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #dfe9f2;
    height: 100%;
    width: 30%;
    -webkit-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    transform: skewX(25deg);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    transform-origin: bottom left;
}
#newsletter-section-tab.white:after { background: #fff; }
#newsletter-section-tab.light-blue:after { background: #dfe9f2; }
#newsletter-section-tab.dark-blue:after { background: #12234c; }

#newsletter-section { background: #DFE9F2; }
#newsletter-section h3 { color:#12234C; }
#newsletter-section p { color:#12234C; }
#partners-section,
#events-section { background: #dfe9f2; }

#newsletter-section.kit-submitted {padding-top: 175px; padding-bottom: 175px;}
#newsletter-section.kit-submitted h3 {display: none;}

#insights-section {padding-bottom: 0 !important;}
#insights-section + #insights-section {padding-top: 0 !important;}
#insights-section h3 {margin-bottom: 50px;}
.home-insights {position: relative;}
.home-insights:after {    content: "";
    -ms-flex: auto;
    /* -webkit-flex: auto; */
    /* flex: auto; */
    width: 30%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;}
.each-home-insight-contain {width: 30%;}
.each-home-insight { border-bottom: 1px solid #77a4e5; display: block; text-decoration: none !important; margin-bottom: 80px; position: relative; margin-top: 0; transition: margin .3s ease-in-out;}
.each-home-insight:hover {margin-top: -5px; margin-bottom: 85px;}
.each-home-insight:hover .main-button {color: #b7005f !important;}
.each-home-insight .insight-img { /*height: 270px;*/ height: 0; padding-bottom: 100%; width: 100%; margin-bottom: 15px;}
.each-home-insight h4 {font-size: 20px; line-height: 1.2;}
.each-home-insight .main-button { padding-left: 0; padding-right: 0; margin-bottom: 15px; transition: all .25s; }
.main-button.load-more {margin-bottom: 70px;}
.home-insights .slick-slide {margin: 0 30px;}
.home-insights .slick-list { margin: 0 -30px; }

.white-text { color: #FFF; }
.phone, .phone a { color: #ACC680; text-decoration: none; }
.phone a:hover { text-decoration: underline; }

.flex-control-paging li { z-index: 100; position: relative; display: inline-block; list-style: none; font-size: 0; }
.flex-control-paging li a { display: inline-block; height: 10px; width: 10px; background: #f3f7f9; margin: 5px; }
.flex-control-paging li a.flex-active { background: #1a6590; }
.flexslider { margin-top:-10px; }
.flexslider .controls { margin-top: -30px; margin-right: 10px; }

.color-icon { position: relative; }
.color-icon:before { content: ''; background-image: url(images/cion-icons.png); background-position: 0 -135px; height: 25px; width: 22px; display: inline-block; vertical-align: middle; margin-right: 15px; }

.main-content-container { padding-top: 80px; padding-bottom: 80px; margin: 0 auto; }
.main-content-container .page-content-wrapper h2 { color:#12234c; font-weight:300; text-transform:none; font-size:32px; }
.page-template-default .main-content-container .page-content-wrapper h3, .page-template-page-sec-filings .main-content-container .page-content-wrapper h3 { font-size:28px; font-weight:300; }
.main-content-container .page-content-wrapper h4 { color: #12234C; font-size: 20px; font-weight: 300;}
.main-content-container .page-content-wrapper p { margin-bottom: 30px;}
.main-content-container .page-content-wrapper p a { text-decoration: none !important; color: #00c7c7;}
.main-content-container #internal-resources.page-content-wrapper p a { text-decoration: none !important; color: #00c7c7;}
.main-content-container.with-background .page-content-wrapper p a {color: #0055cf; }
.main-content-container .page-content-wrapper p a:hover, .main-content-container #internal-resources.page-content-wrapper p a:hover { color: #b7005f;}
.page-content-wrapper ul li {padding-bottom: 10px;}
#internal-resources .icon {width: 28px; height: 28px;}

.unlock-icon, .doc-icon { position: relative; }
.unlock-icon:before, .doc-icon:before { content: ''; background-image: url(images/cion-icons.png); background-position: 0 -17px; height: 23px; width: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -7px; }
.doc-icon:before { background-position: 0 -42px; width: 18px; }

.home-columns p { font-size: 13px; color: #949DA1; line-height: 1.9; margin: 13px 0 25px; }
.login-container { background: #F3F7F9; margin-top: 75px; overflow: hidden; }
.login-container h3 { color: #1A6590; margin: 30px 10px 15px; }
.login-container h4 { color: #3F7EA2; line-height: 1.25; margin: 0 20px 30px 10px; }
.login-callout { padding-right: 25px; }
.login-links { margin: 0 10px 35px 10px; }
.login-links .pull-left { margin-top: -3px; }
.grey-text { font-size: 13px; font-weight: bold; color: #949DA1; }
.login-links a { font-size: 11px; color: #ACC680; text-decoration: none; padding-left: 4px; }
.login-links a:hover { color: #AAAEA2; }
.login-links .button-brown, .login-links .button-brown:hover { color: #FFF; padding: 10px 35px; }

.vdata-log-out { position: absolute; top: 45px; right: 80px; }
.vdata-content h2 { color:#12234c; text-transform:none; padding-top: 20px; }
.vdata-content h3 { /*margin-bottom: 5px; padding-top: 10px;*/ font-size:28px; margin:20px 0; }
.vdata-content h3 a { font-size:28px; }
.vdata-content a { color:#00c7c7; text-decoration:none; }
.vdata-content a.email { color:#0055cf; }
.vdata-content a:hover { color:#b7005f; }

.link-container { margin-top: 10px; }
.link-container a { font-size: 11px; text-decoration: none; color: #3F7EA2; }
.link-container a:hover { color: #AAAEA2; }



.funds-container { /* Update 2/7 background-color: #E5EBEE; */ background-repeat: no-repeat; background-size: cover; background-position: center top; }
.funds-container h2 { font-size: 21px; color: #1A6590; text-transform: uppercase; margin-bottom: 20px; }
.fund-list-container { display: table; }
.fund-wrapper { display: block; text-decoration: none !important; padding: 40px 30px; width: 100%; background: #fff; position: relative; margin-top: 0; margin-bottom: 0; transition: margin .3s ease-in-out;}
.fund-wrapper.home:hover {margin-top: -5px; margin-bottom: 5px;}
.fund-wrapper .main-button {padding-left: 0; padding-right: 0;}
.home-fund-top { min-height: 200px; display: block; text-decoration: none !important; padding-left:30px; float:right; }
.home-fund-top:hover .main-button, .fund-name:hover .main-button {color: #b7005f !important;}
.home-fund-info { /*padding: 25px 0 10px; margin-top: 15px;*/ padding:0;}
.home-fund-info p {margin-bottom: 0;}
.fund-number { font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 26px; display: block; margin-bottom: 15px; line-height:1.25; }
.fund-number + .fund-number {margin-top: -10px; }
.fund-number .sc, .price .sc { font-size:18px; }
.footnote-scroll {cursor: pointer; transition: all 0.25s; color: #00C7C7;}
.footnote-scroll:hover {color: #b7005f !important;}

.fund-wrapper.color-blue h4, .fund-wrapper.color-blue .values-heading {color: #0055cf; }
.fund-wrapper.color-blue .home-fund-info { /*border-top: 1px solid #0055cf;*/ border-right: 1px solid #0055cf; border-bottom: 1px solid #0055cf;}
.fund-wrapper.color-blue .home-fund-info .class-name { color:#0055cf; margin-bottom:15px; }
.fund-wrapper.color-blue .footnote-scroll{color: #0055cf;}
.fund-wrapper.color-blue .fund-number { color: #0055cf; }
.fund-wrapper.color-teal h4, .fund-wrapper.color-teal .values-heading  {color: #00C7C7; }
.fund-wrapper.color-teal .home-fund-info { /*border-top: 1px solid #00C7C7;*/ border-right: 1px solid #00C7C7; border-bottom: 1px solid #00C7C7;}
.fund-wrapper.color-teal .home-fund-info .class-name { color:#00C7C7; margin-bottom:15px; }
.fund-wrapper.color-teal .footnote-scroll{color: #00C7C7;}
.fund-wrapper.color-teal .fund-number { color: #00C7C7; }

.fund-wrapper.home .home-fund-top { float:none; padding-left:0px; }
.fund-wrapper.home .home-fund-info { border-right:0px; padding: 25px 0 10px; margin-top: 15px; }

.fund-wrapper.color-blue.home .home-fund-info { border-top: 1px solid #0055cf; }
.fund-wrapper.color-teal.home .home-fund-info { border-top: 1px solid #00C7C7; }

#products-overview .fund-wrapper.color-blue {border: 1px solid #0055cf;}
#products-overview .fund-wrapper.color-teal {border: 1px solid #00C7C7;}
#products-overview .fund-wrapper .home-fund-info {border-bottom: 0; padding-right: 10px;}

.fund-wrapper a { text-decoration:none; }
.fund-name { margin-bottom:15px; }
.update { margin:0; color: #99ABC4; }

#portfolio-section h3, #performance-section h3, #facts-section h3 {margin-bottom: 10px;}
#portfolio-section h4, #performance-section h4, #facts-section h4 {margin-bottom: 50px;}
.fund-page h6 {border-bottom: 1px solid; padding-bottom: 15px; margin-bottom: 25px; }
#portfolio-section canvas {max-width: 200px; max-height: 200px; margin: 0 auto;}

.chart-legend {margin: 30px 0 0;}
.chart-legend p {border-bottom: 1px solid #dfe9f2; margin: 0; padding: 6px 0; cursor: pointer; transition: color .2s ease-in-out; position: relative; z-index: 1;}
.chart-legend p:last-of-type {border-bottom: 0;}
.chart-legend p:hover {color: #0055CF; }
.chart-legend p span {position: relative; z-index: -1;}
.color-swatch {width: 18px; height: 18px; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 8px;}
.legend-value {padding-left: 8px; margin-left: auto;}
.tooltip-chartjs-hover {position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; z-index: 2 !important; }

.line-items {margin: 20px 0;}
.line-items p {border-bottom: 1px solid #dfe9f2; margin: 0; padding: 6px 0;}
.line-items p:last-of-type {border-bottom: 0;}
span.legend-text {display: inline-block; vertical-align: middle; max-width: calc(100% - 90px); line-height: 1.2;}
span.legend-subtext {padding-top: 4px; display: block;}

.chart-each {padding-bottom: 40px;}
.chart-count-1 .chart-each .chart-internal {padding-left: 0 !important; padding-right: 0 !important;}
.chart-count-2 .chart-each:first-of-type .chart-internal,
.chart-count-3 .chart-each:first-of-type .chart-internal {padding-left: 0 !important;}
.chart-count-2 .chart-each:last-of-type .chart-internal,
.chart-count-3 .chart-each:last-of-type .chart-internal {padding-right: 0 !important;}

.chart-count-2 .chart-each:first-of-type {border-right: 1px solid #cfdbeb;}
.chart-count-3 .chart-each:first-of-type {border-right: 1px solid #cfdbeb;}
.chart-count-3 .chart-each:last-of-type {border-left: 1px solid #cfdbeb;}

.chart-horizontal .chart-each {border-bottom: 1px solid #cfdbeb;}
.chart-horizontal .chart-each:last-of-type {border-bottom: 0;}

.chart-horizontal {text-align: left;}
#portfolio-section .chart-horizontal .chart-each {margin-bottom: 20px;}
#portfolio-section .chart-horizontal canvas {float: none; display: inline-block !important; vertical-align: middle;}
#portfolio-section .chart-horizontal .chart-internal {padding-left: 0 !important; padding-right: 0 !important;}
#portfolio-section .chart-horizontal .chart-legend {float: none; width: calc(100% - 300px); margin: 0; margin-left: 80px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; display: inline-block; vertical-align: middle; position: relative;}
#portfolio-section .chart-horizontal .chart-legend p {width: 100%; -webkit-column-break-inside: avoid; column-break-inside: avoid; min-height: 50px;}
#portfolio-section .chart-horizontal .chart-legend:after {content: ''; width: 100%; height: 2px; position: absolute; z-index: 1; left: 0; bottom: 0; background-color: #fff;}

.map-legend { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; position: relative; text-transform: uppercase;}
.map-legend p {margin: 0; padding: 10px 0; -webkit-column-break-inside: avoid; column-break-inside: avoid;}

.border-top {border-top: 1px solid #cfdbeb;}
.border-bottom {border-bottom: 1px solid #cfdbeb;}
.border-left {border-left: 1px solid #cfdbeb;}
.border-right {border-right: 1px solid #cfdbeb;}

.teal-border {border-color: #00c7c7;}

#managers-section .bio-img {width: 140px; height: 140px;}
#managers-section .each-bio:hover {margin-top: 20px; margin-bottom: 20px; margin-left: 0; margin-right: 0; }
#managers-section .each-bio:hover h5 {color: #0055cf !important;}
#members-section h5 {color: #12234c; font-size: 18px;}

#resource-section h4 {text-transform: uppercase;}

#bottom-callouts-section img {height: 70px; width: auto;}
#bottom-callouts-section h4 {color: #00C7C7; margin: 30px 0 10px;}
#bottom-callouts-section .main-button {font-weight: 300 !important; font-size: 18px !important;}
#bottom-callouts-section hr {border-color: #0055CF;}

.fund-page .title-wrapper {padding: 80px 0 160px; min-height: 500px;}
.fund-page.color-blue .title-wrapper, .fund-page.color-blue #sticky-nav {background-color: #003b8f;}
.fund-page .title-wrapper h5 {color: #fff;}
.fund-page .title-wrapper .price {color: #fff; font-size: 28px;}

.fund-page.color-blue h6 { color: #0055cf;}
.fund-page.color-teal h6 { color: #00c7c7;}

#class-select { margin-bottom:30px; min-width: 210px; }

.dropdown-button {transition: all 0.25s; cursor: pointer; padding: 14px 30px; min-width: 200px;}
.dropdown-button .arrow-down {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 17px solid #00c7c7;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all 0.25s;
    float: right;
    margin-top: 3px;
}
.dropdown-button.open {border-radius: 5px 5px 0 0;}

.dropdown-button:hover .arrow-down  {
    border-top: 17px solid #fff;
}

.dropdown-select {color: #00c7c7; display: none; padding: 0; float: right; border: 1px solid #00c7c7; border-top: 0; border-radius: 0 0 5px 5px; position: absolute; right: 15px; background: #fff;}
#class-select + .dropdown-select {top: calc(100% - 30px); }
#fund-select + .dropdown-select {right: auto; left: 15px;}
.dropdown-select li {color: #00c7c7; list-style: none; padding: 14px 30px; text-transform: uppercase; cursor: pointer; transition: all 0.25s;}
.dropdown-select li:hover {color: #b7005f;}


/*
.dropdown-button:hover {color: #fff;}
.dropdown-button:hover li {color: #fff;}
*/
.class-select {}
.hide-class {transition: opacity .3s;}


.carousel-wrapper { padding: 30px 15px 50px; max-width: 1495px; margin: 0 auto; }
.carousel-header { font-size: 26px; margin-bottom: 40px; }

.multi-item-carousel { padding: 0 150px; }
.multi-item-carousel .item { overflow: hidden; }
.multi-item-carousel a { text-decoration: none; }
.multi-item-carousel .more-link { font-size: 11px; color: #1A6590; }
.multi-item-carousel .carousel-inner .item-content { background-color: #F3F7F9; padding: 40px 60px 35px 30px; }
.multi-item-carousel .carousel-inner > .item { -webkit-transition: 500ms ease-in-out left; transition: 500ms ease-in-out left; }
.multi-item-carousel .carousel-inner .active.left, .multi-item-carousel .carousel-inner .prev { left: -33%; }
.multi-item-carousel .carousel-inner .active.right, .multi-item-carousel .carousel-inner .next { left: 33%; }

#theCarouselTwo.multi-item-carousel { padding: 30px; }
#theCarouselTwo.multi-item-carousel .carousel-inner .item-content { background-color: #F3F7F9; padding: 0px 0px 15px 0px; }
#theCarouselTwo.multi-item-carousel .carousel-inner .item-content h5, #theCarouselTwo.multi-item-carousel .carousel-inner .item-content .more-link { padding:5px 15px; }
#theCarouselTwo.multi-item-carousel .carousel-inner .active.left, .multi-item-carousel .carousel-inner .prev { left: -50%; }
#theCarouselTwo.multi-item-carousel .carousel-inner .active.right, .multi-item-carousel .carousel-inner .next { left: 50%; }
#theCarouselTwo.multi-item-carousel.multi-item-carousel .carousel-inner > .item { -webkit-transition: 200ms ease-in-out left; transition: 200ms ease-in-out left; }

#theCarousel.multi-item-carousel .carousel-inner .active.left { left: -33%; }
#theCarousel.multi-item-carousel .carousel-inner .active.next { left: 33%; }
#theCarousel.multi-item-carousel .carousel-inner > .item { -webkit-transition: 200ms ease-in-out left; transition: 200ms ease-in-out left; }

.news-icon { position: absolute; top: 50%; height: 108px; width: 25px; margin-top: -54px; right: 45px; }
.news-icon:before { content: ''; background-image: url(images/cion-icons.png); background-position: 0 -155px; height: 108px; width: 25px; display: inline-block; vertical-align: middle; margin-right: 15px; }

.carousel-control { width: 150px; opacity: 1; }
.carousel-control span { background-image: url(images/cion-icons.png); height: 28px; width: 16px; display: block; background-position: 0 -78px; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -8px; }
.carousel-control .next-arrow { background-position: 0 -108px; }
.next-control { left: auto; right: 0; }

#theCarouselTwo .carousel-control span { left: 0%; }
#theCarouselTwo .next-control { left:100%; }

#home-main-slider .controls {display: none;}
#home-main-slider .slides {display: none;}

@media all and (transform-3d), (-webkit-transform-3d) {

      .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out all;
                transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
                backface-visibility: visible;
        -webkit-transform: none!important;
                transform: none!important;
      }

      #theCarousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out all;
                transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
                backface-visibility: visible;
        -webkit-transform: none!important;
                transform: none!important;
      }

      #theCarouselTwo .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out all;
                transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
                backface-visibility: visible;
        -webkit-transform: none!important;
                transform: none!important;
      }

}

.content-wrapper { margin: 0 auto; margin-top: 0px; }
.slides { padding-left: 0px !important; margin-left: 0px !important; }
.slides li.slide { margin-left: 0px; padding-left: 0px; /* Update 2/16 background: #1a6590; */ background:#3D3932; }
.slide-wrapper { /*background: url(images/slider-content-bg.png) bottom 30% right 85% no-repeat;*/ min-height: 300px; }
/*.slide-content { width: 100%; color: #FFF; position: relative; z-index: 1; padding: 40px 10px 70px; }*/
.slide-content { width: 100%; color: #FFF; position: absolute; top:0; left:0; z-index: 5; padding: 40px 10px 70px; }
.slide-content h2 { color: #FFF; text-transform: uppercase; font-weight:700; text-shadow: 2px 2px 3px rgba(40, 40, 40, 0.64); font-size:32px; }
.slide-content h3 { color: #FFF; margin-bottom: 30px; margin-top: 15px; text-shadow: 2px 2px 3px rgba(40, 40, 40, 0.64); }
.slide-image { width: 100%; position: absolute; /* Update 2/16 opacity: 0.5; */ opacity: 0.6; top: 0; background-position-y:35%; }

/**** Page Content ****/
.title-wrapper { background-color: #12234c; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 175px 0; position:relative; }
.title-wrapper .has-tab {overflow: hidden; position: absolute; right: 0; bottom: -2px; height: 75px; width: 60%; z-index: 1; }
.title-wrapper .has-tab .tab { width: 100%; height: 100%; background: #fff;  -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; transform-origin: bottom right; padding: 0 30px; }
.title-wrapper .has-tab .tab a {-webkit-transform: skewX(25deg); -moz-transform: skewX(25deg); transform: skewX(25deg); padding: 8px 15px;}
.title-wrapper .overlay { opacity: 0.5; background:#003b8f; width:100%; height:100%;position:absolute; z-index:0; left:0; top:0; }
.title-wrapper.no-bkg { padding: 30px 0; }
.title-wrapper.fefe { padding: 45px 0 120px; }
/*.title-wrapper h1 { color: #FFF; font-weight:700; text-shadow: 2px 2px 3px rgba(40, 40, 40, 0.64); }*/
/* .title-wrapper h4 { font-size: 18px; color: #cbdbe1; text-transform: uppercase; text-shadow: 2px 2px 3px rgba(40, 40, 40, 0.64); } */
.title-wrapper h4 { font-size: 18px; color: #fff; text-transform: uppercase; text-shadow: 2px 2px 3px rgba(40, 40, 40, 0.64); }

.page-content-bkg { background: #f3f7f9; }
.page-content-wrapper { padding-bottom: 50px;  position: relative;}

.sub-nav { background-color: #1a6590; text-align: center; color: #FFF; padding: 25px 0; }
.fund-nav { transform: translateY(-50%); }
.sub-nav li { display: inline-block; vertical-align: middle; list-style: none; color: #3d3932; }
.sub-nav li:not(:last-child):after { content: ' | '; display: inline-block; padding: 0 40px; }
.sub-nav a { color: #FFF; text-decoration: none; }

.breadcrumbs { color: #949da1; font-size: 13px; margin: 25px 0 10px; }
.breadcrumbs a { color: #9abac7; text-decoration: none; }
.breadcrumbs .breadcrumb_last { color: #1a6590; }

.current-values-header { padding: 35px 0; font-size: 27px; }
.fund-info { font-size: 13px; color: #8B989E; font-weight: bold; line-height: 1.15; text-align: center; background: #FFF; margin-bottom: 35px; padding: 0 20px; }
.fund-info td { padding: 10px; }
.fund-arrow:before { content: ''; background-image: url(images/cion-icons.png); background-repeat: no-repeat; height: 26px; width: 25px; display: block; background-position: 0 -263px; position: relative; margin: 0 auto; }
.red-arrow-down:before { background-position: 0 -289px; }
.green-arrow-up:before { background-position: 0 -316px; }
.green-arrow-down:before { background-position: 0 -343px; }

.page-top-content { margin-bottom: 25px; }
/* Update 3/7 Added flex to content-area */
.content-area { padding: 20px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items:center;  -ms-flex-align: center; }
.content-area:not(:last-child) { border-bottom: 1px solid #f3f7f9; }
.content-area h3 { margin-bottom: 20px; }
.content-area h5 { padding-bottom: 0; margin-bottom: 13px; }
.content-area p { line-height: 1.5; color: #949da1; }

.contact-sidebar p { font-size:14px; }
.contact-sidebar h3 { font-size:14px; }

.bottom-fund-info { padding: 30px 0; }
.panel-group { padding-top: 20px; }
.panel-group .panel+.panel { margin-top: 0; }
.panel-group .panel { border-top: 1px solid #c1c9cd; border-right: 0; border-left: 0; border-bottom: 0; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; }
.panel-group .panel:last-child { border-bottom: 1px solid #c1c9cd; }
.panel-default>.panel-heading { background: transparent; }
.panel-heading { padding: 13px 20px 13px 0; }
.panel-heading a { text-decoration: none; }
.panel-heading h3 { margin: 0; }
.glyphicon { float: right; line-height: 2.5; font-size: 12px; color: #9abac7; vertical-align: middle; }
.panel-body ul li { font-size:14px; }
.custom-play { float: left; font-size: 10px; line-height: 1; border: 2px solid; border-radius: 100%; padding: 5px 5px 6px; color:#878177; }

#resource-section .resource-columns {padding-top: 30px; margin-bottom: 30px;}
#resource-section h3 {text-align: center;}
.resource-container { margin-top:15px; }
.resource-wrapper img { /*max-width: 120px;*/ height: auto; border: 2px solid #ddd; }
.resource-wrapper:nth-child(4n+1){ clear: left; }
.resource-title { max-width: 160px; padding: 10px 0; }
.resource-title a { text-transform: none; }
.resource-title strong { display: inline-block; padding-bottom: 5px; }

#internal-resources h4 {margin-bottom: 20px; font-weight: 300 !important;}
#internal-resources p {margin-bottom: 20px;}

.education-resource { margin-bottom:25px; }

.resource-img { position:relative; }
.resource-img-overlay { position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(154,186,199,.6); }
.area-img-overlay { position:absolute; top:0; left:0; height:208px; width:260px; background:rgba(154,186,199,.6); }

.table-responsive {border: 0 !important;}
.sec-table { color: #9b9b9b; font-size: 14px; font-weight: 300; width:100%; }
.table-nav {text-transform: uppercase; color: #99abc4; padding: 15px 0 0; float: right;}
#sec-filings-container .loader {width: 75px; height: 75px; margin: 50px auto;}
#sec-filings-container .table-nav .loader {width: 22px; height: 22px; margin: 0 auto;}
.header-row {border-bottom: 1px solid #12234c;}
.header-row th {color: #12234c; font-weight: 400; font-size: 16px;}
.sec-table td, .sec-table th {padding: 10px 0;}
.sec-table td {border-bottom: 1px solid #cfdbeb;}
.sec-table td img {width: 20px;}

/* Update 2/7 */
.performance-title { background: #B2BEC4; color: #FFF; text-transform: uppercase; padding: 10px; font-weight: normal; line-height: 1.25; }
.performance-title h2 { color: #FFF; font-size:24px; }
.fact-content { background: #E6ECED; padding: 10px; line-height: 1.10 !important; }
.fact-content p {  font-size: 24px; color: #C2D5A5; padding: 0px !important; font-weight: bold; line-height: 1.10 !important; text-align: center; margin:0px; }

.fund-fact { padding:20px 0; }
.fund-fact h2 { margin:0; }
.fund-fact:last-child { margin-bottom:50px; }
.fact-content { text-align:right; }

/* Update 3/7 */
.fund-fact.invert-it .fact-content { background: #C2D5A5; }
.fund-fact.invert-it .fact-content p { color:#fff; }
.fund-fact.chart .fact-content { background: #ffffff; }
/* End Update 3/7 */

/* update 4/18 */
.doc-icon:before { width:18px; height:23px; background:url(images/icon-paper.png); background-size:cover; }
.custom-play { width:24px; height:25px; background:url(images/icon-play.png); background-size:cover; border: none; }
/* end update 4/18 */

/* Updates 11/15/2017 */
.table-block table { width: 100%; }
.table-block table,
.table-block table th,
.table-block table td { border: 1px solid gray; }
.table-block table th,
.table-block table td { padding: 5px; text-align: center; }
.table-block table th:first-of-type,
.table-block table td:first-of-type { text-align: left; }
.table-block thead { background: #99B9C5; color: #fff; }

.text-block,
.table-block,
.pie-block,
.text-image-block,
.resource-block,
.contact-block,
.events-block {
    margin-bottom: 30px;
}

.contact-block-internal {
  padding: 45px 30px;
  color: #F6F8FA;
  background: #236093;
}

.contact-block-internal p {
  color: #F6F8FA;
  line-height: 1.2;
  margin-bottom: 15px;
  font-size: 18px;
}

.contact-block-internal a {
  color: #86B4C8;
  text-decoration: none;
}

.contact-block-internal a:hover {
  text-decoration: underline;
}

.contact-block-internal .small {
  font-size: 14px;
}

.contact-block-internal .contact-info {
  margin-top: 4px;
  margin-bottom: 7px;
  display: block;
}

.contact-block-internal .contact-info img {
  margin-right: 10px;
}

.contact-block-internal .main-button {
  min-width: 100px;
  text-align: center;
  margin-bottom: 15px;
  color: #fff;
}

.none-padding {
    padding-left: 0;
    padding-right: 0;
}

.both-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.left-padding {
    padding-left: 15px;
    padding-right: 0;
}

.right-padding {
    padding-left: 0;
    padding-right: 15px;
}

.resource-block .both-padding {
    padding-left: 30px;
    padding-right: 30px;
}

.text-image-block .text.small {
    width: 60%;
}

.text-image-block .text.med {
    width: 50%;
}

.text-image-block .text.large {
    width: 40%;
}

.text-image-block .text.left {
    float: left;
    padding-right: 15px;
}

.text-image-block .text.right {
    float: right;
    padding-left: 15px;
}

.text-image-block .image {
    float: left;
    height: auto;
}

.text-image-block .image.small {
    width: 40%;
}

.text-image-block .image.med {
    width: 50%;
}

.text-image-block .image.large {
    width: 60%;
}

.resource-block a.each {
    text-decoration: none !important;
    display: block;
    margin-right: 30px;
    margin-bottom: 45px;
    padding-bottom: 15px;
}

.featured-resource a.each {
  text-decoration: none !important;
  display: block;
}

.resource-block a.each.row-1 {
    margin-right: 0;
    width: 100%;
}

.resource-block a.each.row-2 {
    width: 50%;
    width: calc((100% - 30px) / 2);
}

.resource-block a.each.row-3 {
    width: 32%;
    width: calc((100% - 61px) / 3);
}

.resource-block a.each.row-2:nth-of-type(even) {
    margin-right: 0;
}

.resource-block a.each.row-3:nth-of-type(3n+3) {
    margin-right: 0;
}

.resource-block a.each .resource-image {
    width: 100%;
    height: 250px;
}

.featured-resource a.each .resource-image {
    width: 100%;
    height: 150px;
}

.resource-block a.each h3,
.featured-resource a.each h3 {
    margin-bottom: 5px;
}

.resource-block a.each p,
.featured-resource a.each p {
    line-height: 1.3;
}

.resource-block a.each .read-more {
    text-transform: uppercase;
}

#additional-content,
#above-footer-content {
    background: #F4F8FA;
}

#additional-content .container,
#above-footer-content .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

#additional-content .container h3,
#above-footer-content .container h3 {
    font-weight: bold;
}

#additional-content .container a {
    width: 50%;
    float: left;
    display: block;
    text-decoration: none !important;
    margin-bottom: 12px;
    margin-top: 12px;
    color: #1A6590;
    font-size: 15px;
}

#additional-content .container a img {
    width: 24px;
    height: auto;
    margin-right: 20px;
}

.featured-resource.layout1 {
  width: 50%;
  padding-right: 20px;
  width: calc(50% - 20px);
  float: left;
}

.links-resource.layout1 {
  width: 50%;
  padding-left: 20px;
  width: calc(50% - 20px);
  float: left;
}

.featured-resource.layout2 {
  width: 100%;
  margin-bottom: 45px;
}

.featured-resource.layout2 a.each h3 {
  margin-top: 0;
}

.featured-resource.layout2 .resource-image {
  width: 50%;
  margin-right: 20px;
  width: calc(50% - 20px) !important;
  float: left;
}

.featured-resource.layout2 .resource-text {
  width: 50%;
  padding-left: 20px;
  width: calc(50% - 20px) !important;
  float: left;
}

.links-resource.layout2 {
  width: 100%;
}

.insights-block-internal {
  padding-top: 15px;
  padding-bottom: 15px;
}

.insights-block-internal.layout1 {
      display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
      -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.insights-block-internal p {
  font-size: 14px;
}

.links-resource a {
    text-decoration: none !important;
    margin-bottom: 12px;
    padding-top: 12px;
    color: #1A6590;
    font-size: 15px;
}

.links-resource a img {
    width: 24px;
    height: auto;
    margin-right: 20px;
}

.links-resource a {
  border-top: 1px solid #9BC3D2;
  display: block;
}

.links-resource.layout1 a:first-of-type {
  border-top: 0;
}

.links-resource.layout2 a:nth-of-type(odd) {
  width: 50%;
  margin-right: 20px;
  width: calc(50% - 20px) !important;
  float: left;
}

.links-resource.layout2 a:nth-of-type(even) {
  width: 50%;
  margin-left: 20px;
  width: calc(50% - 20px) !important;
  float: left;
}

#events-section p {color: #12234c;}
#events-section p a {color: #0052d7;}

.events-block p,
.events-block a {
    color: #236093;
    font-size: 18px;
    line-height: 1.3;
}

.event {
    margin: 15px auto;
    float: none;
    max-width: 420px;
/*    padding-bottom:33%;*/
}

.event-internal {
    background: #fff;
    padding: 50px 40px 60px;
    position: relative;
/*    height: 100%;*/
    float: none;
}
.event-internal .image-container {
    width: 100%;
/*    height: 90px;*/
}
.event-internal img {
    margin: 0 auto 20px;
    display: block;
}

.event-internal h4 {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    color: #12234c;
    font-weight: 300 !important;
    font-size: 24px !important;
    margin: 0 0 30px;
}

.event-internal .contact-span {
    color: #9A9B9C;
    margin-bottom: 0;
}

.event-internal svg {
    width: 25px;
    fill: #95C0D0;
    display: inline-block;
    vertical-align: top;
    height: auto;
    max-height: 30px;
    margin-right: -25px;
}

.event-internal .icon-offset {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}

.triangle-container {
    position: absolute;
    width: 75px;
    height: 60px;
    left: 0;
    bottom: 0;
    background: #dfe9f2;
    overflow: hidden;
}
.triangle-topright {
    width: 0;
    height: 0;
    border-top: 60px solid #f1f4f9;
    border-left: 75px solid transparent;
}
/*End Update 11/15/2017 */

#pardot-form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0;
}

#pardot-form .col {
    width: 49%;
    float: left;
}

#pardot-form .col:nth-of-type(odd) {
    margin-right: 2%;
}

#pardot-form p.required label,
#pardot-form span.required label {
    background: none;
}

#pardot-form.form p {
    margin: 0 0 10px;
    padding: 0;
}

#pardot-form label, .kit-order label {
    display: block;
    width: 100%;
    text-align: left;
/*    color: #7995b5;*/
    color: #ffffff;
    font-size: 14px;
    line-height: 1.42;
    font-weight: 300;
}

#pardot-form input[type="text"], .kit-order input[type="text"], .kit-order input[type="number"] {
    font-size: 16px;
    font-weight: 400;
    border: none;
    padding: 12px;
    border-radius: 0;
    box-shadow: none;
    line-height: 1;
    vertical-align: middle;
/*    color: #12234C;*/
    color: #fff;
    margin: 5px 0px;
    background: transparent !important;
/*    border: 1px solid #7995b5 !important;*/
    border: 1px solid #42587d !important;
    width: 100%;
}



#pardot-form p.submit {
    float: none;
    margin: 10px auto 0;
    text-align: center;
}

#pardot-form input[type="submit"], .kit-order input[type="submit"], #newsletter-section .main-button {
    transition: all 0.25s;
    background: transparent;
    font-size: 16px;
/*    color: #00c7c7;*/
    color: #fff;
/*    border: 1px solid #00c7c7;*/
    border: 1px solid #fff;
    padding: 14px 45px;
    border-radius: 5px;
    box-shadow: none;
    line-height: 1;
    vertical-align: middle;
    margin-top: 25px;
    margin-right: 0;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
}

#pardot-form input[type="submit"]:hover, .kit-order input[type="submit"]:hover, #newsletter-section .main-button:hover {
/*    background: #00c7c7;*/
    background: #fff;
/*    color: #fff;*/
    color: #12234c !important;
}

.kit-order { text-align:center; }
.kit-order input[type="submit"] { margin-top:0; }
.kit-order input[type="text"], .kit-order input[type="number"] { margin-bottom:10px; }

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,
.kit-order .btn.dropdown-toggle { background:transparent; border: 1px solid #42587d; color: #cfdbeb !important; margin: 5px 0px 10px 0; height:42px; }

.kit-info { font-size:14px; color:#cfdbeb; margin-top:20px; }

.slick-slide:focus {outline: 0;}

.prev-slick, .next-slick{position:absolute;top:135px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:15px;padding-left:12px;padding-right:17px;background:transparent;transition:background .2s ease-in-out;border-radius:100%; border: 1px solid #0E9A75; cursor: pointer; background: #fff; z-index: 1;}
.prev-slick{left:-60px;padding-left:17px;padding-right:12px;}
.next-slick{right:-60px;}
.prev-slick i, .next-slick i{border-style:solid;border-width:0 3px 3px 0; display:block;padding:5px;transition:border-color .2s ease-in-out; color: #0E9A75;}
.prev-slick i {
    -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}
.next-slick i {
    -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.prev-slick:hover{background:#0E9A75;}
.next-slick:hover{background:#0E9A75;}
.prev-slick:hover i{border-color:#fff;}
.next-slick:hover i{border-color:#fff;}

.each-home-insight:focus {outline: 0;}

#content-with-slider .prev-slick,
#content-with-slider .next-slick {
    top: 50% !important;
}

/***** Single Page *****/
.single-page .title-wrapper { padding: 125px 0; }
.single-page .page-content-wrapper { padding-top: 115px; }
.single-page .page-content-wrapper h2 { font-size: 24px; color: #0fb37f; margin-top: 40px; }
.single-page .page-content-wrapper h3 { font-family: 'Roboto', Arial, sans-serif; font-weight: 500; font-size: 18px; color: #9b9b9b; margin-bottom: 5px; margin-top: 30px;}
.single-page .page-content-wrapper p {margin-bottom: 25px;}
.single-page .page-content-wrapper p strong {font-weight: 500;}
.single-page .page-content-wrapper ul {text-indent: 20px; margin-bottom: 25px;}
.single-page .page-content-wrapper ul li { padding-left: 20px; text-indent: 0px; }
.single-page .page-content-wrapper ul strong {font-weight: 500;}
.single-page .page-content-wrapper hr {border-top: 1px solid #12234c; margin-top: 40px; margin-bottom: 40px;}
.single-page .page-content-wrapper hr + * { margin-top: 0;}
/*.single-page .page-content-wrapper img:not(.alignleft):not(.alignright) {width: 100% !important;}*/
.intro-text { font-family: 'Work Sans', sans-serif; font-weight: 300; color: #12234c; font-size: 24px; }
blockquote, blockquote p {font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 18px; border: 0; padding: 0; color: #ff4561;}
.chart-title, .chart-title p {color: #12234c; font-size: 16px; font-weight: 400; font-family: 'Roboto', sans-serif;}
.data-source, .data-source p {color: #9b9b9b; font-size: 12px; font-weight: 300; font-family: 'Roboto', sans-serif; font-style: italic;}
.ask-advisor-callout, .ask-advisor-callout p {color: #7995b5; font-size: 16px; font-weight: 400; font-family: 'Roboto', sans-serif;}
.inside-grid-column {padding-left: 0 !important; padding-right: 15px !important;}
.paragraph-heading {font-size: 24px; color: #0fb37f; margin-top: 40px; margin-bottom: 10px; line-height: 1.1; font-family: 'Work Sans',sans-serif; font-weight: 300; text-transform: uppercase; padding:0px;}

.custom-table { }
.custom-table .custom-column { padding: 15px; -webkit-flex-basis: 0; flex-basis: 0; min-width: 250px; }
.custom-table .custom-column .custom-column-header { padding: 20px 30px; background: #0fb37f; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 400; min-height: 100px;}
.custom-table .custom-column .custom-column-header p {color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 400; margin-bottom: 0;}
.custom-table .custom-column .custom-column-row { padding: 20px 30px; background: #e7f7f2; color: #0fb37f; font-size: 16px; font-weight: 300; /*height: calc(100% - 100px);*/ }
.custom-table .custom-column .custom-column-row p { color: #0fb37f; font-size: 16px; font-weight: 300; margin-bottom: 0; }


#article-footer {padding-left: 30px; padding-right: 30px; margin-bottom: 70px;}
#article-footer .article-footer-inner {border-top: 1px solid #E9EEF6; border-bottom: 1px solid #E9EEF6; }
#article-footer .article-footer-inner > div {padding: 50px 0;}
#article-footer .article-footer-inner > div:first-of-type {}
#article-footer .article-footer-inner > div:last-of-type {border-left: 1px solid #E9EEF6;padding-left: 70px !important;}

.share-icons {list-style: none; position: absolute; z-index: 1; right: 0; top:115px; text-indent: 0 !important;}
.share-icons li a { color: #fff !important; font-size:18px; padding: 14px; display: block; text-align: center;}
.twitter-share { background:#4FA4E9; }
.facebook-share { background:#344F8B; }
.linkedin-share { background:#0C6CAA; border-radius: 10px 0 0 0; }
.email-share { background:#727272; border-radius: 0 0 0 10px; }
.twitter-share:hover { background:#31d3ff; }
.facebook-share:hover { background:#4897ff; }
.linkedin-share:hover { background:#2bafd2; }
.email-share:hover { background:#dacc9a; }


#timeline-section .container {/*padding-top: 17px;*/ position:relative;}
.timeline-text, .timeline-text * {color: #12234c;}
.timeline-left {border-right: 1px solid #00c7c7; padding-top: 120px;}
.timeline-right {border-left: 1px solid #00c7c7; padding-top: 50px;}
.timeline-each {margin-bottom: 50px; max-height: 120px;}
.timeline-date {border-bottom: 2px solid #00c7c7; color: #00c7c7; font-family: 'Work Sans', sans-serif; font-weight: 400; padding-bottom: 10px; margin-bottom: 25px; }
.timeline-event {color: #12234c;}
.timeline-left .timeline-date,
.timeline-left .timeline-event { padding-right: 30px; }
.timeline-right .timeline-date,
.timeline-right .timeline-event { padding-left: 30px; }
.timeline-right:before { content: ''; position: absolute; top: -17px; left: -6px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 17px solid #00c7c7; }
.timeline-text h3 { margin-top:0px; }

.bio-section {margin-bottom: 20px;}
.bio-section h4 {color: #12234c; margin: 30px auto;}
.each-bio {text-decoration: none !important; display: block; margin-top: 20px; margin-bottom: 20px; margin-left: 0; margin-right: 0; transition: margin .3s ease-in-out;}
.each-bio:hover {margin-top: 15px; margin-bottom: 25px;}
.bio-img {width: 200px; height: 200px; border-radius: 100%; margin: 0 auto 20px; background-color: #CFDBEB !important;}
.each-bio h5 {color: #0055cf;}
.each-bio:hover h5 {color: #b7005f !important;}

.see-more-bios {display: block; width: 180px; height: 180px; margin: 30px auto; border-radius: 100%; border: 1px solid #00c7c7; color: #00c7c7; text-align: center; text-decoration: none !important; text-transform: uppercase; position: relative;}
.see-more-bios.bios-opened {display: none;}
.see-more-bios p { color: #00c7c7; position: relative; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: color 0.25s; margin-bottom: 0;}
.see-more-bios:hover {background: #00c7c7; color: #fff;}
.see-more-bios:hover p {color: #fff;}

.closed-bio-section {overflow: hidden; height: 0; transition: height .4s ease-in;}


.bio-page {padding-top: 50px; position: relative;}
.bio-page .bio-img {width: 250px; height: 250px; margin-left: 0;}
.bio-page h1 { color: #12234c; font-size: 30px; margin: 40px 0 15px; }
.bio-page h2 { color: #12234c; font-size: 22px; text-transform: none; font-family: 'Roboto', sans-serif; margin-bottom: 30px; padding-bottom: 30px; position: relative;}
.bio-page h2:after {content: ''; position: absolute; width: 100px; border-top: 1px solid #00c7c7; left: 0; bottom: 0; }

.fund-page-child {padding-top: 50px; position: relative;}
.fund-page-child .paragraph-link {margin-bottom: 30px; display: inline-block;}
.fund-page-child h1 { color: #12234c; font-size: 30px; padding-bottom: 10px; }
.fund-page-child h2 { color: #12234c; font-size: 22px; text-transform: none; font-family: 'Roboto', sans-serif; margin-bottom: 0; padding-bottom: 20px; position: relative;}

.bio-nav {border-top: 1px solid #DFE9F2; padding: 30px 0;}
.bio-nav a {text-transform: uppercase; text-decoration: none !important; line-height: 1; font-size: 18px; }
.arrow {display: inline-block; vertical-align: middle; width: 50px; border-top: 1px solid #ff4561 !important; position: relative; margin-top: -3px !important; }
.arrow:after {content: ''; position: absolute; top: 50%; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.left-arrow {margin-right: 10px!important;}
.right-arrow {margin-left: 10px!important;}
.left-arrow:after {border-right: 17px solid #ff4561; left: 0; }
.right-arrow:after {border-left: 17px solid #ff4561; right: 0; }

.fund-page h4 {color: #12234c; text-transform: none; font-size: 22px; margin-bottom: 20px;}
.fund-page .main-content-container p a {text-decoration: none !important; color: #00c7c7;}
.fund-page .main-content-container p a:hover {color: #b7005f;}
.block-row {margin-bottom: 50px;}
.block-row p {float: left; border-top: 1px solid; padding-top: 15px; border-color: #0055cf; margin-bottom: 15px; width: 100%; text-align: left;}

.one-block-row p {width: 100%;}
.two-block-row p {width: 49%;}
.three-block-row p {width: 32%;}
.four-block-row p {width: 23%;}
.five-block-row p {width: 19%;}

.col-sm-6 .three-block-row p {width: 47%;}
.col-sm-6 .four-block-row p {width: 47%;}
.col-sm-6 .five-block-row p {width: 47%;}

.fund-video-container {padding-left: 45px;}
.fund-video {width: 100%; height: 0; padding-bottom: 55.25%; display: block; border: 2px solid #DFE9F2;}

.fund-page.color-blue .block-row p {border-color: #0055cf; }
.fund-page.color-teal .block-row p {border-color: #00C7C7; }
.white-box {background: #fff; padding: 60px 0;}
.fund-page .table-headings {padding-bottom: 10px; font-size: 16px;}
.fund-page .table-columns { -webkit-flex-basis: 0; flex-basis: 0; padding: 0 5px; }
.fund-page .table-value-sub {display: block; font-size: 11px; padding-top: 8px;}

.fund-page .table-contents {padding: 20px 0 0; font-size: 16px;}
.fund-page.color-blue .table-headings { color: #0055cf; border-bottom: 1px solid #0055cf; }
.fund-page.color-teal .table-headings { color: #00C7C7; border-bottom: 1px solid #00C7C7; }
.performance-disclaimer, .performance-disclaimer p {font-size: 14px; color: #99abc4;}
.performance-disclaimer {padding-top: 40px;}

.facts-container {font-weight: 300;}
/*.facts-container tr td {height: 35px !important;}*/
.facts-container tr td { font-size:16px; }
.facts-container strong {font-weight: 500; display:table-cell; padding:5px 0; }

#each-fund {margin-bottom: 60px;}
#each-fund:last-of-type {margin-bottom: 0;}
#each-fund .white-box h4 {text-transform: none; padding: 20px 0 10px;}
#each-fund.color-blue .white-box h4 {color: #0055cf; border-top: 1px solid #0055cf; }
#each-fund.color-teal .white-box h4 {color: #00C7C7; border-top: 1px solid #00C7C7; }
#each-fund.color-blue .white-box .paragraph-link {color: #0055cf; }
#each-fund.color-teal .white-box .paragraph-link {color: #00C7C7; }

#each-fund .gray-box {background: #f2f6fa; padding: 60px 0 70px;}
#each-fund .gray-box .triangle-topright {border-top-color: #e7eef5;}


#map-section {padding-top: 0;}
#Map > g {transition: .3s; cursor: pointer;}
.map-legend {padding-bottom: 30px;}
.region-panel {display: none; padding-top: 30px;}
.region-panel h4 {color: #12234c; }

.bio-dropdown {display: none;}

#people-sections {padding: 0; margin-top: 30px; margin-bottom: 0; }
#people-sections .border-top {border-color: #003b8f; padding: 0 0 30px; }
#people-sections h4 {color: #12234c; }

.icon {margin-right: 5px; }

/***** Modal Styles *****/
.modal-body {padding: 30px;}
.modal-body .close {opacity: 1; display: block; width: 30px; height: 30px; position: absolute; right: 7px; top: 7px; }
.modal-body .close-line {background: #00c7c7; width: 20px; height: 2px; top:50%; right: auto; left: 50%; }
.modal-body .close-line:first-of-type {transform: translate(-50%, -50%) rotate(45deg);}
.modal-body .close-line:last-of-type {transform: translate(-50%, -50%) rotate(-45deg);}
.modal-content { background:#ffffff; box-shadow: none !important; border-radius: 0; border: 0 !important; }
.modal-content h4 { font-size:22px !important; }
.modal-content p { line-height:1; }
.modal-dialog { width:70% !Important; }
#video-iframe {margin-bottom: 10px;}
.modal-backdrop {background-color: #416991;}

.each-bio-trigger {cursor: pointer;}
.bio-modal .modal-dialog { max-width: 900px; }
.bio-modal .modal-header {padding: 15px 30px;}
.bio-modal .modal-content p {line-height: 1.6;}

/**** Footer Content ****/
.disclaimer { padding-top: 45px; padding-bottom: 60px; border-top: 1px solid #0FB37F; }
.disclaimer p { font-size: 14px; color: #9B9B9B; font-weight: 300; line-height: 1.2; }
.disclaimer b { font-weight: 500;}
.disclaimer a { color: #0FB37F; text-decoration: none;}
.disclaimer a:hover { color: #b7005f; text-decoration: none;}
/*.disclaimer sup {margin-left: -10px;}*/

.footer-copy { font-size: 14px; color: #12234c; font-weight: 300; padding: 20px 0; border-top: 1px solid #0FB37F; }
.footer-copy a { color: #12234c; text-decoration: none; text-transform: uppercase; font-weight: 400; padding: 0 20px;}
.footer-copy a:hover { color: #b7005f; }

.main-cta { background: #1A6590; color: #FFF; text-align: center; padding: 30px; }
.main-cta h5 { font-size: 18px; margin-top: 5px; margin-bottom: 25px; }
.callout-subtext { margin-top: 25px; font-size: 11px; text-transform: uppercase; }

.team-member { margin-bottom: 10px; }
.team-member a { text-decoration: none; }
.team-member h4 { font-size: 16px; }
.team-member h5 { font-size: 14px; }
.teammember-wrapper { border: 1px solid #F0F0F0; cursor: pointer; height: 100%; }
.teammember-wrapper :not(img) { padding: 0 10px; }

.footer-logo {display: inline-block;}

.footer-nav { margin-bottom: 40px; padding-top: 80px; width:100%;}
footer .nav {height: 100%;}
footer .nav>li>a { margin-bottom: 0; padding: 0; color: #12234c; font-weight: 400; }
footer .nav>li>a:focus, footer .nav>li>a:hover { background-color: transparent; color: #b7005f; }
footer #nav:before, footer #nav:after { display: none; }
footer #nav { width: 100%; font-size: 0; }
footer #nav > li { display: inline-block; vertical-align: middle; margin-bottom: 0; padding-right: 15px; }
footer #nav li ul { padding: 0; list-style: none; }
footer #nav li li { margin-bottom: 10px; max-width: 150px; }
footer #nav li li a { font-size: 14px; color: #12234c; font-weight: 300; text-decoration: none; }
footer #nav li li a:hover { color: #b7005f; }

.footer-address {color: #12234c; font-size: 14px; font-weight: 300; margin: 30px 0 0; }

.social-icon { color: #0FB37F !important; padding: 10px; border-radius: 100%; border: 1px solid #0FB37F; display: inline-block; width: 40px; height: 40px; font-size: 20px; text-align: center; line-height: 1; margin-right: 3px; }
.social-icon:hover {background: #0FB37F; color: #fff !important;}

/*********** RESPONSIVE IFRAMES *************/
.flex-video { position: relative; padding-top: 0; padding-bottom: 100%; height: 0; margin-bottom: 0; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 56.4%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-device-width: 800), only screen and (device-width: 1024px) and (device-height: 600), only screen and (width: 1280) and (orientation: landscape), only screen and (device-width: 800), only screen and (max-width: 767px) {
    .flex-video { padding-top: 0; }
}

.modal .flex-video iframe {border: 0;}

/*********** Image posts *************/
img.alignleft, .wp-caption.alignleft { float: left; margin: 12px 24px 12px 0; }
img.alignright, .wp-caption.alignright { float: right; margin: 12px 0 12px 24px; }
img.aligncenter, .wp-caption.aligncenter { display: block; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: auto !important; margin-right: auto !important; }


/* New table on Fund Page */
.market-value-chart { background:#fff; margin-bottom:60px; }
.market-value-row { padding:15px;border-bottom:1px solid #f3f7f9; }
.market-value-row.titles { background:#9ABAC7; }
.market-value-column { }
.market-value-class { font-weight:bold; font-size:16px; color:#8B989E; }
.market-value-title { font-weight:normal; font-size:16px; color:#fff; }
.market-value-value { font-size:16px; color:#C2D5A5; font-weight:bold; }
.market-value-value.red { color:#db656e; }



/****** Interactive Landing Page ***/
#interactive-page {margin-bottom: -75px;}
.lock-section {min-height: 100vh; padding: 0;}
.lock-fixed { position: absolute; width: 100%; height: 100vh; left: 0; top: 0; z-index: 1; }
#interactive-page .fixed {position: fixed;}
#interactive-page .fixed-bot {top: calc(100% - 100vh);}
#lock-section-1 {background: #12234c; color: #fff; position: relative; overflow: hidden;}
#lock-section-1 h3, #lock-section-1 p, #lock-section-1 li {color: #fff;}
#lock-section-1 h4 {text-transform: none; font-size: 20px;}

#timeline-header {background: #12234c; padding-top: 80px; position: relative; height: 27vh; }
#timeline-header:after { content: ''; position: absolute; z-index: 2; width: 60%; height: 5vh; top: 100%; margin-left: 25%; display: block;
    background: -moz-linear-gradient(top, rgba(18,35,76,1) 0%, rgba(18,35,76,1) 40%, rgba(18,35,76,0) 100%);
    background: -webkit-linear-gradient(top, rgba(18,35,76,1) 0%,rgba(18,35,76,1) 40%,rgba(18,35,76,0) 100%);
    background: linear-gradient(to bottom, rgba(18,35,76,1) 0%,rgba(18,35,76,1) 40%,rgba(18,35,76,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12234c', endColorstr='#0012234c',GradientType=0 );
}

#timeline-key {position: absolute; top: 29vh; border-right: 1px solid #17C7C6; padding-top: 2vh; height: 56vh; }
#timeline-key .each-timeline-year {font-family: 'Work Sans', sans-serif; font-size: 24px; font-weight: 700; display: block; color: #17C7C6; margin: 30px 0; padding-right: 70px; position: relative; cursor: pointer;}
#timeline-key .each-timeline-year:after {content: ''; position: absolute; width: 16px; height: 16px; background: #17C7C6; border-radius: 100%; left: calc(100% + 8px); top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#timeline-key .each-timeline-year.active {color: #fff;}
#timeline-key .each-timeline-year.active:after {background: #fff;}

#timeline-key .each-timeline-year .progress-line {position: absolute; width: 1px; height: 40px; background: #fff; left: calc(100% + 15px); top: 10px; max-height: 200px;}

#timeline-key .years-text {position: absolute; right: 45px; width: 130px; bottom: 30px; text-align: center;}

#timeline-bottom {position: absolute; bottom: 0; left: 25%; background: #12234c; height: 30vh;}
#timeline-bottom:before {content: ''; position: relative; z-index: 2; width: 100%; height: 5vh; margin-top: -5vh;  display: block;
    background: -moz-linear-gradient(top, rgba(18,35,76,0) 0%, rgba(18,35,76,1) 40%, rgba(18,35,76,1) 100%);
    background: -webkit-linear-gradient(top, rgba(18,35,76,0) 0%,rgba(18,35,76,1) 40%,rgba(18,35,76,1) 100%);
    background: linear-gradient(to bottom, rgba(18,35,76,0) 0%,rgba(18,35,76,1) 40%,rgba(18,35,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0012234c', endColorstr='#12234c',GradientType=0 );
}
#timeline-bottom .fixed-numbers {opacity: 0; position: absolute; transition: opacity .4s ease-in-out;}
#timeline-bottom .fixed-numbers > div {padding-right: 45px;}
#timeline-bottom .fixed-numbers p {font-size: 20px;}
#timeline-bottom .fixed-numbers .fixed-numbers-title {line-height: 1;}
#lock-section-1 p.red-number { font-family: 'Work Sans', sans-serif; font-size: 46px; font-weight: 300; color: #ff4561; }
#lock-section-1 .percent { color: #fff; font-size: 30px; }

#timeline-bottom .fixed-numbers.active {opacity: 1;}
#timeline-bottom .fixed-numbers.active p.red-number {-webkit-animation: change-timeline-numbers 1s 1; -moz-animation: change-timeline-numbers 1s 1; -o-animation: change-timeline-numbers 1s 1; animation: change-timeline-numbers 1s 1;}

@-webkit-keyframes change-timeline-numbers {
  0%   { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-moz-keyframes change-timeline-numbers {
  0%   { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-o-keyframes change-timeline-numbers {
  0%   { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@keyframes change-timeline-numbers {
  0%   { transform: scale(1.3); }
  100% { transform: scale(1); }
}

#timeline-scroll {padding-top: 40vh;}
#timeline-scroll .each-timeline-content { padding: 0vh 0 45vh;}
#timeline-scroll .each-timeline-content:first-of-type {padding-top: 0;}
#timeline-scroll .each-timeline-content ul {padding-left: 0; list-style: none; line-height: 1.4;}
#timeline-scroll .each-timeline-content li { margin-bottom: 10px; text-indent: -22px; padding-left: 22px;}
#timeline-scroll .each-timeline-content li:before {content: '\f00c'; color: #00c7c7; font-family: "Font Awesome 5 Free"; margin-right: 6px; font-weight: 900;}
#timeline-scroll #timeline-content .timeline-images {display: none;}

.timeline-images { position: absolute; right: -10vw; width: 30vw; min-width: 430px;}
.timeline-image { position: relative; top: -20vh; width: 100%; z-index: 2; opacity: 0; transition: opacity .3s ease-in-out; height: 60vh;}
.timeline-image.active {opacity: 1;}

#timeline1-image { margin-bottom: 18vh; }
#timeline1-image .cloud-1 { position: absolute; width: 20%; height: 12%; top: 1%; left: 22%;}
#timeline1-image .cloud-2 { position: absolute; width: 25%; height: 13%; top: 17%; left: -5%;}
#timeline1-image .cloud-3 { position: absolute; width: 28%; height: 12%; top: 42%; left: 0%;}

#timeline2-image .swimmer { margin-left: -2vw;}
#timeline2-image .lines-1 { position: absolute; width: 62%; height: 35%; top: -23%; left: 0%;}
#timeline2-image .lines-2 { position: absolute; width: 62%; height: 35%; top: -25%; left: 7%;}

#timeline3-image .castle { max-width: 90%; }
#timeline3-image .cloud-1 { position: absolute; width: 20%; height: 12%; top: 1%; left: 30%;}
#timeline3-image .cloud-2 { position: absolute; width: 25%; height: 13%; top: 37%; left: -10%;}
#timeline3-image .cloud-3 { position: absolute; width: 28%; height: 12%; top: 55%; left: 13%;}

#lock-section-2 {position: relative; height: calc( 60vw + ( (60vw + 60px) * 3) + 200px ); overflow: hidden;}
#lock-section-2 .lock-fixed {width: calc( 60vw + ( (60vw + 60px) * 3) + 200px ); }
#lock-section-2 .title-section {width: 60vw; float: left; position: relative; }
#lock-section-2 .title-section h3 {font-size: 60px; line-height: 1.1;}
#lock-section-2 .title-section p {color: #12234C;}
#lock-section-2 .chart-container {width: 60vw; background: #12234c; color: #fff; float: left; padding: 60px; text-align: center; margin-right: 60px; height: 70vh;}
#lock-section-2 .chart-container h4 { color: #fff; text-transform: none; font-size: 30px; width: 100%;}
#lock-section-2 .chart-container p { color: #fff; width: 100%;}
#lock-section-2 .chart-container .chart-container-inner {width: 100%; position: relative;}
#lock-section-2 .chart-container #chart1a {border-top: 1px solid #0548ac; position: relative; z-index: 1; }
#lock-section-2 .chart-container #chart1b {margin-top: -40px;}
#lock-section-2 .chart-container .chart-legend {margin: 0 0 20px; border-top: 1px solid #0548ac; border-bottom: 1px solid #0548ac; width: 100%}
#lock-section-2 .chart-container .chart-legend p { border-bottom: 0; color: #6d7c8a; font-size: 14px; cursor: auto; padding: 10px; }
#lock-section-2 .chart-container .chart-legend p span.legend-text {max-width: 100%;}
#lock-section-2 .chart-container .chart-disclaimer {margin: 10px auto 0;}
#lock-section-2 .chart-container .chart-disclaimer * {color: #6d7c8a; font-size: 12px; line-height: 1.3}

#lock-section-2 .chart-container .trendline { position: absolute; left: 30px; bottom: 42%; width: calc(100% - 4%); height: 1px; border-top: 2px dashed #0548ac; -webkit-transform: rotate(169deg); -moz-transform: rotate(169deg); transform: rotate(169deg); }

#cion-progress {position: absolute; left: 30px; width: 67.9px; height: 72.2px; bottom:30px; background: #dfe9f2;}
.cion-progress-background {position: absolute; left: 0; top: 0; width: 99%; height: 100%; background: #16244c; z-index: -1;}
.cion-progress-active {position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #00cbc9; z-index: -1;}
.cion-progress-number {font-family: 'Work Sans', sans-serif; font-weight: bold; font-size: 24px; color: #00cbc9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 18px 0;}
.cion-progress-title {font-family: 'Work Sans', sans-serif; font-weight: bold; font-size: 18px; color: #12234c; left: 100px; white-space: nowrap; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}

#lock-section-3 {position: relative; height: calc( 40vw + ( (22vw + 60px) * 5) + 200px ); overflow: hidden;}
#lock-section-3 .lock-fixed {background-size: auto 130% !important;}
#lock-section-3 .title-section {width: 40vw; float: left; position: relative; padding: 15px 60px; background: #dfe9f2; }
#lock-section-3 .title-section img {width: 130px; margin: 0 auto;}
#lock-section-3 .title-section h3 {font-size: 80px; line-height: 1.1;}
#lock-section-3 .title-section p {color: #12234C;}
#lock-section-3 .title-section a { background: #18CBC8; color: #fff; text-transform: uppercase; text-decoration: none !important; padding: 15px 20px; display: inline-block;}
#lock-section-3 .title-section a:hover {background: #12234c;}

#lock-section-3 .subtitle {position: absolute; left: calc(40vw + 60vw/2 ); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); top: 18vh; width: 100%; text-align: center;}
#lock-section-3 .disclaimer {position: absolute; left: calc(40vw + 60vw/2 ); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); bottom: 18vh; border: 0; padding: 0; max-width: 700px; text-align: center; color: #000;}

#lock-section-3 .fixed #scroll-down {position: fixed;}

#lock-section-3 #callouts-scroll {width: calc( 40vw +  ( (22vw + 60px) * 5) + 200px ); position: absolute; left: 0; margin-left: 40vw; top: 50%; transform: translateY(-50%); z-index: -1;}

#lock-section-3 .callout-container {width: 22vw; background: #12234c; color: #fff; float: left; padding: 60px; text-align: center; margin-right: 60px; height: 40vh; max-height: 350px;}
#lock-section-3 .callout-container h4 { color: #fff; text-transform: none; font-size: 50px; font-weight: bold;}
#lock-section-3 .callout-container p { color: #fff;}



#scroll-down {cursor: pointer; position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; color: #000; width: 100px; text-align: center; margin: 0 auto;}
#scroll-down .scroll-down-icon {border: 2px solid #12234c; border-radius: 20px; padding: 11px 4px; width: 23px; height: 36px; color: #12234c; text-align: center; display: inline-block; line-height: 1; position: relative;}
#scroll-down .scroll-down-icon .fas {position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: scroll-animiate 1.5s infinite; -moz-animation: scroll-animiate 1.5s infinite; -o-animation: scroll-animiate 1.5s infinite; animation: scroll-animiate 1.5s infinite; }
#scroll-down .scroll-down-text {display: block; color: #12234c;}

#scroll-down.white {color: #fff;}
#scroll-down.white .scroll-down-icon {border: 2px solid #fff; color: #fff;}
#scroll-down.white .scroll-down-text {color: #fff;}

@-webkit-keyframes scroll-animiate {
  0%   { top: 50%; }
  50%  { top: 70%; }
  100% { top: 50%; }
}
@-moz-keyframes scroll-animiate {
  0%   { top: 50%; }
  50%  { top: 70%; }
  100% { top: 50%; }
}
@-o-keyframes scroll-animiate {
  0%   { top: 50%; }
  50%  { top: 70%; }
  100% { top: 50%; }
}
@keyframes scroll-animiate {
  0%   { top: 50%; }
  50%  { top: 70%; }
  100% { top: 50%; }
}


/** HEIGHT **/
@media screen and (max-height: 950px) {
    #lock-section-2 .chart-container #chart1b { margin-top: -25px;}
}

@media screen and (max-height: 750px) {
    #timeline-header {padding-top: 40px; height: 22vh;}
    #lock-section-1 p.red-number {font-size: 36px;}
    #lock-section-1 .percent {font-size: 20px;}
    #timeline-key .years-text {bottom: 0;}
    #timeline-key .each-timeline-year .progress-line {display: none; height: 0 !important;}

    #lock-section-2 #cion-progress {display: none;}
    #lock-section-2 #scroll-down {display: none;}
    #scroll-down .scroll-down-icon {width: 18px; height: 30px; font-size: 12px;}
    #scroll-down .scroll-down-text {display: none;}

    #lock-section-2 .chart-container {height: 90vh;}
}

@media screen and (max-height: 650px) {
    #timeline-header {height: 26vh;}
    #timeline-key .each-timeline-year {margin: 25px 0;}

    #lock-section-2 { height: calc( 60vw + ( (80vw + 50px) * 3) + 200px ); }
    #lock-section-2 .lock-fixed {width: calc( 60vw + ( (50vw + 60px) * 3) + 200px );}
    #lock-section-2 .chart-container {width: 50vw; padding: 30px;}
}

@media screen and (max-height: 600px) {
    #timeline-header {padding-top: 0;}
    #timeline-key .each-timeline-year {margin: 15px 0;}

    #scroll-down {display: none;}

}

/** END HEIGHT **/

@media screen and (max-width: 1600px) {
    #lock-section-3 .lock-fixed {background-size: auto 120% !important;}
}

@media screen and (max-width: 1500px) {

    #timeline-bottom .fixed-numbers .fixed-numbers-title {font-size: 16px;}

    .timeline-images {right: -12vw;}
    #timeline1-image {margin-bottom: 22vh;}
    #timeline3-image .cloud-3 { top: 50%;}

    #lock-section-3 .lock-fixed {background-size: auto 110% !important;}

}

@media screen and (max-width: 1400px) {

    #timeline-bottom .fixed-numbers > div {padding-right: 30px;}

    .timeline-images {min-width: 350px; width: 27vw;}
    .timeline-image {top: -13vh;}
    #timeline1-image .cloud-2 { top: 15%;}
    #timeline1-image .cloud-3 { top: 35%;}

    #lock-section-2 .title-section h3 {font-size: 60px;}
    #lock-section-3 .callout-container {padding: 60px 30px;}

    #lock-section-3 .lock-fixed {background-size: auto 100% !important;}

}

@media screen and (max-width: 1199px) {

    #timeline-header:after { width: 80%; margin-left: 16.66666667%;}
    #timeline-header h3 {font-size: 30px;}
    #timeline-header p {font-size: 20px;}
    #timeline-bottom { left: 16.66666667%;}
    #timeline-key .each-timeline-year {padding-right: 40px;}
    #timeline-key .years-text {right: 15px;}
    .timeline-images {min-width: 300px;}
    .timeline-image {top: -10vh;}
    #timeline3-image .cloud-2 { top: 16%;}
    #timeline3-image .cloud-3 { top: 35%;}

    #lock-section-2 { height: calc( 60vw + ( (80vw + 60px) * 3) + 200px ); }
    #lock-section-2 .lock-fixed {width: calc( 60vw + ( (80vw + 60px) * 3) + 200px );}
    #lock-section-2 .chart-container {width: 80vw;}
    #lock-section-2 .title-section h3 {font-size: 50px;}

    #lock-section-3 {height: calc( 40vw + ( (30vw + 60px) * 5) + 200px );}
    #lock-section-3 .lock-fixed {background-size: auto 80% !important;}
    #lock-section-3 #callouts-scroll {width: calc( 40vw +  ( (30vw + 60px) * 5) + 200px ); }
    #lock-section-3 .callout-container {width: 30vw;;}
    #lock-section-3 .title-section h3 {font-size: 50px;}
    #lock-section-3 .title-section p {font-size: 20px;}
    #lock-section-3 .disclaimer {width: 50vw;}
}

@media screen and (max-width: 991px) {

    #timeline-header {padding-top: 40px; height: 20vh;}
    #timeline-header:after { width: 100%; margin-left: 0%;}
    #timeline-key {height: 38vh; top: 24vh; padding-top: 0;}
    #timeline-key .each-timeline-year {padding-right: 30px;}
    #timeline-bottom {left: 0; padding-left: 15px !important; padding-right: 15px !important; text-align: center; height: 34vh;}
    #timeline-bottom:before {width: calc(100% + 30px);}
    #timeline-bottom .fixed-numbers {width: 100%; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;}
    #timeline-bottom .fixed-numbers .fixed-numbers-title {font-size: 16px;}
    #lock-section-1 p.red-number {font-size: 30px;}
    #lock-section-1 .percent {font-size: 20px;}
    #timeline-bottom h4 {font-size: 20px;}
    .timeline-images {z-index: 0; min-width: 260px;}
    .timeline-image {top: -6vh;}
    #timeline1-image .cloud-2 { top: 12%;}
    #timeline1-image .cloud-3 { top: 30%;}
    #timeline3-image .cloud-2 { top: 10%;}
    #timeline3-image .cloud-3 { top: 25%;}

    #lock-section-2 .title-section h3 {font-size: 40px;}


    #lock-section-3 {height: calc( 50vh + ( (34vw + 60px) * 5) + 200px );}
    #lock-section-3 .lock-fixed {display: block; background-position: auto 130% !important; background-position: center center !important;}
    #lock-section-3 #callouts-scroll {width: calc( ( (34vw + 60px) * 5) + 200px ); transform: none !important; margin-left: 0; top: 46%;}
    #lock-section-3 .title-section {width: 100%; background: transparent; padding: 30px;}
    #lock-section-3 .title-section h3 {font-size: 40px;}
    #lock-section-3 .title-section p {font-size: 18px;}

    #lock-section-3 .subtitle {position: relative; left: 0; top: auto; width: 100%; transform: none;}
    #lock-section-3 .disclaimer {position: absolute; left: 0; right: 0; top: auto; bottom: 100px; width: 100vw; padding: 0 15px; margin: 0 auto; text-align: center; transform: none; text-align: center;}

    #lock-section-3 .callout-container {height: 30vh; width: 34vw; margin-left: 30px; margin-right: 30px;}

}

@media screen and (max-width: 767px) {

    #lock-section-2 #cion-progress {display: block; width: 33.95px; height: 36.1px; left: 10px; bottom: 10px;}
    #lock-section-2 .cion-progress-number {font-size: 14px; padding: 8px 0;}
    #lock-section-2 .cion-progress-title {display: none;}
    #scroll-down {position: relative;}
    #lock-section-1 #scroll-down {position: absolute;}
    #lock-section-2 #scroll-down {position: absolute; display: block;}
    #lock-section-3 #scroll-down {position: absolute; }
    #lock-section-2 .fixed #scroll-down {position: fixed;}

    #lock-section-1 {padding-top: 0; padding-bottom: 0;}
    .timeline-images {min-width: 225px;}
    .timeline-image {top: -3vh;}
    #timeline1-image .cloud-2 { top: 0%;}
    #timeline1-image .cloud-2 { top: 10%;}
    #timeline1-image .cloud-3 { top: 20%;}
    #timeline3-image .cloud-2 { top: 8%;}
    #timeline3-image .cloud-3 { top: 20%;}
    #timeline-scroll .each-timeline-content:last-of-type {padding-bottom: 40vh;}

    #timeline-key .each-timeline-year .progress-line {display: none; height: 0 !important;}

    #timeline-bottom .fixed-numbers p {font-size: 16px;}
    #timeline-bottom .fixed-numbers .fixed-numbers-title {font-size: 16px;}
    #lock-section-1 p.red-number {font-size: 36px;}
    #lock-section-1 .percent {font-size: 20px;}

    #lock-section-2 { height: calc( 100vw + ( (120vw + 60px) * 3) + 200px ); padding-top: 0; padding-bottom: 0;}
    #lock-section-2 .lock-fixed {width: calc( 100vw + ( (120vw + 60px) * 3) + 200px );}
    #lock-section-2 .title-section {width: 100vw;}
    #lock-section-2 .title-section h3 {font-size: 35px;}
    #lock-section-2 .title-section p {font-size: 16px !important;}
    #lock-section-2 .chart-container {width: 120vw; margin-left: 30px; margin-right: 30px;}

    #lock-section-3 {height: calc( 50vh + ( (60vw + 60px) * 5) + 200px ); padding-top: 0; padding-bottom: 0;}
    #lock-section-3 #callouts-scroll {width: calc( ( (60vw + 60px) * 5) + 200px ); }
    #lock-section-3 .title-section h3 {font-size: 35px;}

    #lock-section-3 .callout-container {width: 60vw;}

    #interactive-page {margin-bottom: 0;}

    .page-template-page-interactive-landing .contact-flyout {display: none !important;}
}

@media screen and (max-height: 600px) and (max-width: 991px) {
    #lock-section-3 .disclaimer {bottom: 15px;}
    #lock-section-3 #callouts-scroll {top: 59%;}
}

@media screen and (max-width: 700px) {
    #timeline-header {padding-top: 15px;}
    #timeline-header h3 {font-size: 20px;}
    #timeline-header p {font-size: 14px;}
    .fixed-numbers > div {padding-right: 15px !important;}
    #lock-section-1 p.red-number {font-size: 30px;}
}

@media screen and (max-width: 650px) {
    #timeline-key .each-timeline-year {font-size: 20px;}
    #timeline-key .each-timeline-year {padding-right: 5px;}
    #timeline-scroll {padding-left: 20px !important;}
    .timeline-images { min-width: 180px;}
    .timeline-image {top: 4vh;}
    #lock-section-2 .chart-container {padding: 30px 15px;}
    #lock-section-2 .chart-container h4 {font-size: 20px;}
    #lock-section-2 .chart-container p.p-20 {font-size: 16px; margin-bottom: 10px !important;}
    #lock-section-2 .chart-container p {font-size: 14px;}
    #lock-section-2 .chart-container .chart-legend {margin-bottom: 0;}
}

@media screen and (max-width: 600px) {
    #timeline-header {padding-top: 0;}
    #timeline-header:after { width: 80%; margin-left: 16.66666667%;}
    #timeline-scroll {padding-top: 42vh; padding-left: 15px !important;}
    #timeline-scroll #timeline-content {width: 100%;}
    #timeline-scroll .each-timeline-content {padding-bottom: 35vh;}
    #timeline-scroll .each-timeline-content * {font-size: 16px;}
    #timeline-scroll .each-timeline-content:last-of-type {padding-bottom: 44vh;}
    #timeline-key {top: 22vh; height: 36vh;}
    #timeline-key .each-timeline-year {font-size: 14px;}
    #timeline-key .each-timeline-year:after {width: 12px; height: 12px; left: calc(100% + 9px);}
    .timeline-images {display: none;}
    #timeline-bottom {height: 40vh;}
    #timeline-bottom:before { width: 80%; margin-left: 16.66666667%;}
    #timeline-bottom h4 {font-size: 14px;}
    .fixed-numbers p {font-size: 14px;}
    #timeline-bottom .fixed-numbers .fixed-numbers-title {font-size: 12px;}
    #lock-section-1 p.red-number {font-size: 20px;}
    #lock-section-1 .percent {font-size: 14px;}


    #lock-section-2 { height: calc( 100vw + ( (180vw + 60px) * 3) + 200px );}
    #lock-section-2 .lock-fixed {width: calc( 100vw + ( (180vw + 60px) * 3) + 200px );}
    #lock-section-2 .chart-container {width: 180vw; height: 80vh;}
    #lock-section-2 .chart-container .trendline {bottom: 42%; -webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); transform: rotate(162deg);}
    #lock-section-2 .chart-container #chart1b {margin-top: -50px;}

    #lock-section-3 .title-section img {width: 100px;}
    #lock-section-3 .title-section h3 {font-size: 30px; margin: 10px 0;}
    #lock-section-3 .title-section p {font-size: 16px;}
    #lock-section-3 .title-section a {padding: 10px 15px;}
    #lock-section-3 #callouts-scroll {top: 56%;}
    #lock-section-3 .disclaimer {bottom: 75px;}
    #lock-section-3 .callout-container {height: 18vh; padding: 30px;}
    #lock-section-3 .callout-container h4 {font-size: 30px;}
    #lock-section-3 .callout-container p {font-size: 16px; margin-bottom: 0 !important;}
}

@media screen and (max-width: 400px) {
    #timeline-header {height: 22vh;}
    #timeline-key {top: 24vh; height: 34vh;}
    #timeline-key .each-timeline-year {font-size: 12px; margin: 25px 0;}
    #timeline-scroll .each-timeline-content * {font-size: 14px;}
    #lock-section-2 .lock-fixed {width: calc( 100vw + ( (220vw + 60px) * 3) + 250px );}
    #lock-section-2 .chart-container {width: 220vw; }
    #lock-section-2 .chart-container #chart1b {margin-top: -30px;}
    #lock-section-2 .chart-container .trendline {bottom: 49%; -webkit-transform: rotate(168deg); -moz-transform: rotate(168deg); transform: rotate(168deg);}
    #lock-section-2 .title-section h3 {font-size: 28px;}
    #lock-section-3 .disclaimer {bottom: 50px;}
}

@media screen and (max-width: 360px) {
    .years-text {font-size: 12px;}
    #timeline-scroll .each-timeline-content:last-of-type {padding-bottom: 45vh;}
    #scroll-down .scroll-down-icon {width: 18px; height: 30px; font-size: 12px;}
    #scroll-down .scroll-down-text {display: none;}
    #scroll-down {display: block;}
    #lock-section-3 .title-section h3 {font-size: 20px;}
    #lock-section-3 .title-section p {font-size: 12px;}
    #lock-section-3 .subtitle h3 {font-size: 16px;}
    #lock-section-3 .disclaimer, #lock-section-3 .disclaimer p {font-size: 11px;}
    #lock-section-3 {height: calc( 50vh + ( (60vw + 30px) * 5) + 200px ); }
    #lock-section-3 #callouts-scroll {width: calc( ( (60vw + 30px) * 5) + 200px );}
    #lock-section-3 .callout-container {margin-left: 15px; margin-right: 15px;}
}


/****** Contact Flyout ***/
.contact-flyout {
    position: fixed;
    right: 50px;
    bottom: -400px;
    min-width: 200px;
    width: auto;
    background: #00c7c7;
    color: #fff;
    transition: bottom 1s ease-in-out;
    z-index: 2;
    padding: 45px 30px 30px;
}

.contact-flyout * {
    color: #fff;
    text-decoration: none !important;
    margin-top: 0;
}

.contact-flyout .opac {
    opacity: .8;
}

.contact-flyout a.opac:hover {
    opacity: 1;
}

.contact-flyout p {
    letter-spacing: .8px;
}

.contact-flyout .close-contact {
    position: absolute;
    right: 15px;
    top: 20px;
    color: #00abb7;
    transition: color 0.25s;
    cursor: pointer;
}

.contact-flyout .close-contact:hover {
    color: #12234c;
}


.contact-flyout .title-container {
    margin-bottom: 15px;
}

.contact-flyout .text-container h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 1;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}

.contact-flyout .text-container p {
    font-size: 15px;
    color: #fff;
}

.contact-flyout .text-container a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.contact-flyout svg {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.rectangle-button {border: 1px solid rgba(255,255,255,.8); padding: 12px; margin-bottom: 20px; display: block; font-size: 16px; opacity: .8; letter-spacing: .8px; font-weight: 300; position: relative;}

a.rectangle-button:hover { background: #fff; color: #00c7c7; opacity: 1; }
.rectangle-button:after {content: '>>'; right: 12px; position: absolute; font-size: 16px;}

.page-template-page-interactive-landing .contact-flyout {padding: 20px 45px 15px;}
.page-template-page-interactive-landing .contact-flyout .title-container {margin-bottom: 0;}
.page-template-page-interactive-landing .contact-flyout .rectangle-button {margin-bottom: 0; text-align: center;}


/*** Newlsetter Popup ***/
#bio_ep {background: #12234c !important; padding: 45px 45px 30px; text-align: center; display: none; width: 90% !important; max-width: 1050px !important; height: auto !important; max-height: 90vh !important; overflow: auto; -moz-transform: translateX(-50%) translateY(-50%) !important; -webkit-transform: translateX(-50%) translateY(-50%) !important; transform: translateX(-50%) translateY(-50%) !important;}
#bio_ep h1 {font-size: 40px; text-transform: none; font-weight: bold; margin: 20px auto 35px;}
#bio_ep h2 {font-size: 30px; text-transform: none; color: #00c7c7; margin: 20px auto 35px;}
#bio_ep .content {width: 95%; max-width: 700px; font-size: 20px; color: #f1f1f1; margin: 20px auto 40px;}
#bio_ep .content p {font-size: 20px; color: #f1f1f1;}
#bio_ep .form-container {width: 85%; margin: 20px auto;}
#bio_ep .disclaimer {width: 95%; max-width: 700px; font-size: 14px; color: #f1f1f1; margin: 20px auto; padding: 0; border: 0;}
#bio_ep .disclaimer p {font-size: 14px; color: #f1f1f1; line-height: 1.4;}
#bio_ep_close {right: 15px !important; top: 15px !important; left: auto !important; margin: 0 !important; background: transparent !important; font-size: 20px !important; font-weight: normal !important;}
#bio_ep_bg {background-color: #fff !important; opacity: .8 !important;}

@media screen and (max-width: 1130px) {
    #bio_ep .pardotform {
        height: 510px;
    }
}

@media screen and (max-width: 768px) {
    #bio_ep {min-width: 85% !important; width: auto !important; padding: 45px 30px 30px;}
    #bio_ep h1 {font-size: 20px;}
    #bio_ep h2 {font-size: 18px;}
    #bio_ep .content p {font-size: 18px; line-height: 1.4;}
}


/****** Cookie Banner ***/
#cookie-banner { background: #fff; color: #12234c; padding: 10px 0; display: none; }
#cookie-banner p { color: #0FB37F; line-height: 1.2; margin-bottom: 0; font-size: 12px; }
#cookie-banner a { color: #0FB37F; }
#agree-cookies { color: #12234C; font-weight: 500; cursor: pointer; margin-left: 4px; line-height: 1; font-size: 11px; vertical-align: bottom;}

table.privacy { border-top:1px solid #e9eef6; border-bottom:1px solid #e9eef6; border-left:0; border-right:0; margin-bottom:40px; }
table.privacy tr { border:0; border-bottom:1px solid #e9eef6; }
table.privacy tr.table-head { border-bottom:0px; }
table.privacy tr.table-head td { padding-top:40px; }
table.privacy td {
    font-size: 16px;
    font-family: 'Roboto', Arial, sans-serif;
    color: #9b9b9b;
    font-weight: 300;
    border:0 !important;
    padding:15px 0;
}
table.privacy tr.last-row td { padding-bottom:50px; }
table.privacy tr.first-row td { padding-top:0px; }

.press-link { text-decoration:none !important; }
.press-link h3 { font-size:30px; margin:10px 0; transition: color 0.25s; }
.press-link .excerpt-text {color: #9b9b9b !important; }
.press-link .read-more { font-size:16px; color:#00c7c7; transition: color 0.25s; }
.press-link:hover, .press-link:hover h3, .press-link:hover .read-more {text-decoration:none !important; color: #b7005f; }

.wp-pagenavi { float:right; text-transform: uppercase; color: #99abc4;}
.wp-pagenavi a, .wp-pagenavi span { border:0; padding:0; margin:0; }
.wp-pagenavi a { color:#00c7c7; text-decoration:none !important; margin-right: 16px; }
.wp-pagenavi a:hover, .wp-pagenavi a:focus { text-decoration:none !important; color:#b7005f; }
.wp-pagenavi a:after {content: '\00a0|\00a0'; display: inline-block; vertical-align: middle; color: #99abc4 !important; cursor: default; pointer-events: none; position: absolute; margin-left: 2px;}
.wp-pagenavi a:last-of-type {content: none; margin-right: 0;}
.wp-pagenavi a:last-of-type:after {content: none;}
.wp-pagenavi .current, .wp-pagenavi .page { display:none; }
.wp-pagenavi span.pages { margin-right:15px; }

#be-ix-link-block .be-related-link-container .be-label {padding-left: 0; vertical-align: middle;}
#be-ix-link-block .be-related-link-container .be-list {float: none; vertical-align: middle;}

/*********** EXTRA MEDIA QUERIES *************/
@media screen and (max-width:1400px){
    .prev-slick{left:-30px;}
    .next-slick{right:-30px;}
}
@media screen and (max-width:1300px){
    .multi-item-carousel { padding: 0 60px; }
    .carousel-control { width: 60px; }
    /* Update 2/16 */ .fund-header { font-size:19px; }
    #navigation .nav>li>a { padding: 15px 20px;}

/*
    .prev-slick{left:-10px;}
    .next-slick{right:-10px;}
*/

    .prev-slick{left:0px; top:-60px !important;}
    .next-slick{right:0px; top:-60px !important;}

    .single-page .page-content-wrapper {padding-right: 45px;}
}

@media screen and (max-width:992px){

    .no-flex-sm {display: block !important;}

    .no-left-padding-sm {padding-left: 0 !important; }
    .no-right-padding-sm {padding-right: 0 !important; }

    #navigation .nav>li>a { padding: 15px 12px;}

    .tagline { padding-top: 20px; }
    .multi-item-carousel { padding: 0 20px; }
    .carousel-control { width: 20px; }
    .multi-item-carousel .carousel-inner .item-content { padding: 20px; }
    .news-icon { display: none; }
    .col-xs-4.carousel-height.item-container { display: block; width: 100%; height: auto !important; margin-bottom: 10px; }
    .col-xs-6.carousel-two-height.item-container { display: block; width: 100%; height: auto !important; margin-bottom: 10px; }
    #theCarouselTwo.multi-item-carousel .carousel-inner .item-content { padding: 10px; }
    .multi-item-carousel .carousel-inner .active.left, .multi-item-carousel .carousel-inner .prev { left: -100%; }
    .multi-item-carousel .carousel-inner .active.right, .multi-item-carousel .carousel-inner .next { left: 100%; }

    .content-area h3 { font-size: 20px; margin-bottom: 10px; }

    .each-home-insight-contain {width: 100%;}

/*    .footer-nav { display: none; }*/
/*    .contact-footer-text { text-align: left; padding-left: 0; }*/
    /* Update 2/16 */ .fund-header { font-size:18px; }

    .resource-block a.each.row-3 {
        margin-right: 30px;
        width: 50%;
        width: calc((100% - 30px) / 2);
    }

    .resource-block a.each.row-3:nth-of-type(3n+3) {
        margin-right: 30px;
    }

    .resource-block a.each.row-3:nth-of-type(even) {
        margin-right: 0;
    }

    .each-home-insight:hover { margin-top: 0; margin-bottom: 80px;}

    footer #nav > li {width: 33.33%;}

    .bio-nav a {font-size: 16px;}

    .top-callouts {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .top-callouts {margin-bottom: 0;}
    .top-callouts > div {margin-bottom: 30px;}
    .top-callouts > div:last-of-type {margin-bottom: 0px;}

    .timeline-text {margin-bottom: 30px;}
    .timeline-text h3 {text-align: center;}
    .timeline-text p {text-align: center;}

    .each-home-insight .insight-img { padding-bottom: 48%;}

    .dropdown-select {left: 0; right: 0; float: left; position: relative; clear: both; top: -30px;}
    .dropdown-button {float: left;
    }
    .four-block-row p {width: 49%;}

    .facts-container tr td {width: 50% !important;}
    .facts-container tr td:first-of-type {text-align: right; padding-right: 10px;}
    .facts-container tr td:last-of-type {text-align: left; padding-left: 10px;}

    .chart-each .chart-internal {padding-left: 0 !important; padding-right: 0 !important;}
    .chart-count-2 .chart-each:first-of-type .chart-internal,
    .chart-count-3 .chart-each:first-of-type .chart-internal {padding-right: 0 !important; padding-left: 0 !important;}
    .chart-count-2 .chart-each:last-of-type .chart-internal,
    .chart-count-3 .chart-each:last-of-type .chart-internal {padding-right: 0 !important; padding-right: 0 !important;}

    .chart-count-2 .chart-each:first-of-type {border-right: 0;}
    .chart-count-3 .chart-each:first-of-type {border-right: 0;}
    .chart-count-3 .chart-each:last-of-type {border-left: 0;}

    #portfolio-section .chart-horizontal canvas {display: block !important;}
    #portfolio-section .chart-horizontal .chart-legend{width: 100%; margin: 30px 0 10px;}

    .fefe h1 {margin-bottom: 15px;}

    .map-legend { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}

    .resource-link { width:25%; }

    #sticky-nav .nav-title {font-size: 13px;}
    #sticky-nav a {font-size: 12px;}

    .home-fund-top { padding:0; }

    #products-overview .home-fund-info { padding: 25px 0 15px; margin-bottom: 15px; border-right: 0 !important; }
    #products-overview .fund-wrapper .home-fund-info {padding-right: 0;}
    #products-overview .fund-wrapper.color-blue .home-fund-info { border-top: 1px solid #0055cf; border-bottom: 1px solid #0055cf; }
    #products-overview .fund-wrapper.color-teal .home-fund-info { border-top: 1px solid #00C7C7; border-bottom: 1px solid #00C7C7; }
    #products-overview .fund-wrapper h4 { margin-bottom:20px; }

    .title-wrapper.fund-hero .has-tab .tab a { display:none; }
    .page-template-page-flexible .title-wrapper .has-tab .tab a {display: none;}

    .facts-container strong { display:block; }

    .bio-img {width: 100%; max-width: 200px; height: 0; padding-bottom: 100%;}

}

@media screen and (min-width:767px){

/*
    h2, h2 a { font-size: 28px; }
    h3, h3 a { font-size: 22px; }
*/

    .logo-wrapper, .logo-wrapper img { /*margin: auto;*/ float: left; }
    .tagline { /*padding-top: 30px;*/ text-align: left; }
/*    .login-wrapper { text-align: center; }*/

    /*.slide-content, .slide-image { width: 50%; float: left; padding: 0; }*/
    .slide-content, .slide-image { width: 100%; padding: 0; }
    #home-main-slider {min-height: 455px;}
    .slide-image { min-height: 455px; position: relative; /*opacity: 1;*/ }
    .flexslider .controls { margin-top: -40px; margin-right: 30px; }


    .fund-stats { margin-top: 70px; margin-bottom: 55px; }
    .funds-container h2 { font-size: 26px; margin-bottom: 35px; }
    .fund-header-wrapper { height: 65px; padding: 0; }
    .funds-container { background-position: center; }
    .fund-stats td:first-child { padding: 25px 0 20px 0; }

    .carousel-wrapper { padding: 85px 15px 150px; }

    .main-cta { padding: 55px; }

}

/* the iframe uses the internal iframe width to calcluate when to make the fields 100% (set in the 767px media query below -- but this is different from the site width) */
@media screen and (max-width: 845px) {
    .pardotform {height: 510px;}
}

@media screen and (max-width:767px){
    .flex-desktop {display: block !important;}
    .flex-desktop.hidden-xs {display: none !important;}

    .no-flex-xs {display: block !important;}

    .no-left-padding-xs {padding-left: 0 !important; }
    .no-right-padding-xs {padding-right: 0 !important; }
    .no-side-padding-xs {padding-right: 0 !important; padding-left: 0 !important; }

    .no-border-right-xs {border-right: 0 !important;}

/*    .logo-wrapper, .logo-wrapper img { margin:0 auto; }*/
    .home-columns .col-sm-6 { padding: 0; }
    .home-columns .col-sm-6.no-left-padding { padding-bottom: 50px; }
    .login-links .pull-right { float: left !important; clear: both; padding-top: 30px; }
    .slide-image { height: 100%; }
/*    footer.container { padding: 0; }*/
    .disclaimer { padding-top: 35px; margin-left: 15px; margin-right: 15px; }
    .tagline { padding-top: 20px !important; }
    .fund-overwrite { padding:20px; }
    .fund-overwrite p { font-size:12px; }
    .modal-dialog { width:95% !Important; }
    .fund-fact h2 { text-align:center; }
    .fact-content { text-align:center; }
    /* Update 2/16 */ .fund-header { font-size:14px; }
    #additional-content .container a { width: 100%; }

    .fund-page .table-columns {margin: 10px auto 15px; font-size: 16px;}
    .fund-page .table-value-sub {padding-top: 4px;}
    .fund-page .table-headings {padding-top: 15px;}
    .fund-page .table-headings:first-of-type {padding-top: 0;}

    .fund-video-container {padding-left: 15px;}
    .col-sm-6 .block-row {margin-bottom: 15px;}

    .top-callouts > div {margin-bottom: 0;}
    .each-callout { padding-bottom:0; }

    .links-resource.layout1,
    .links-resource.layout2,
    .featured-resource.layout1,
    .featured-resource.layout2,
   .featured-resource.layout2 .resource-text,
  .featured-resource.layout2 .resource-image,
  .links-resource.layout2 a:nth-of-type(even),
  .links-resource.layout2 a:nth-of-type(odd) {
      width: 100% !important;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }

    .featured-resource {
      margin-bottom: 20px;
    }

  .insights-block-internal.layout1 {
     display: block;
  }

    .contact-flyout {
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
        padding: 5px 15px;
        text-align: center;
        border: 0;
    }
    .contact-flyout .title-container {
        border-radius: 0;
        display: inline-block;
        padding: 0;
        background: transparent;
        margin-right: 15px;
        display: none;
    }
    .contact-flyout .title-container h3 {
        font-size: 18px;
    }
    .contact-flyout .text-container {
        display: block;
        padding: 0;
    }
    .contact-flyout .text-container p {
        margin-bottom: 0;
    }
    .contact-flyout .text-container a {
        display: inline-block;
        margin: 0 6px;
        opacity: 1;
    }
    .contact-flyout svg {
        width: 20px;
        height: 20px;
        margin-right: 15px;
    }

    .title-wrapper {padding: 125px 0;}


    .fund-wrapper { margin-bottom: 25px;}
    .fund-wrapper:hover {margin-top: auto; margin-bottom: 25px;}


    .main-content-container { padding-top: 45px; padding-bottom: 45px; }
    .footer-nav {padding-top: 45px; margin-bottom: 30px;}
    footer .nav>li>a {margin: 0;}
    footer #nav {padding-top: 45px; padding-bottom: 20px;}
    footer #nav > li {display: block; width: 100%; padding: 8px; margin: 0 auto;}
    footer #nav li ul {display: none;}
    .footer-copy {border: 0;}
    .footer-copy a {padding: 8px; display: block;}

    .footer-address {margin: 15px 0;}
    .footer-copy {padding: 15px 0;}


    #pardot-form .col {width: 100%; margin-right: 0;}
    #pardot-form input[type="submit"] {width: 100%;}

    .each-home-insight {margin-bottom: 25px;}
    .each-home-insight:hover {margin-bottom: 25px;}

    .logo-wrapper {float: left;}

    .nav-bar {display: none; position: fixed; z-index: 99; top: 0; width: 100%; height: 100%; overflow-y: auto;}
    #navigation .nav > li {display: block !important; float: none;}
    #navigation .nav a {font-size: 25px; text-transform: none; font-weight: 300;}
    #navigation .nav>li>a {padding: 12px 0;}
    #navigation .nav-wrap {text-align: left !important; padding-top: 50px;}
    #navigation .nav .sub-menu {position: relative; top: auto; padding-left: 0; opacity: 1; display: none;}
    #navigation .nav .sub-menu li a {color: #12234c !important; font-size: 20px !important;}
    #navigation .nav li:hover .sub-menu {display: none; width: 100%; background: transparent; margin: 0; padding: 0 0 5px;}

    #navigation #nav #magic-line {display: none !important;}

    .mobile-navigation {padding: 40px 15px;}
    .mobile-navigation .mobile-aux { margin-top:15px; }
    .mobile-navigation .mobile-aux a { font-size:16px !important; text-transform:uppercase !important; text-decoration: none !important; color: #fff; }
    .mobile-navigation #search-bar { display:block; position:relative; top:auto; left:auto; margin-top:20px; }
    .mobile-navigation #search-bar .search-input { border-bottom: 1px solid #fff; color:#fff; }
    .mobile-navigation #search-bar .search-submit { border-bottom: 1px solid #fff; color:#fff; }

    .mobile-navigation #search-bar .search-input::-webkit-input-placeholder { color: #fff }
    .mobile-navigation #search-bar .search-input::-moz-placeholder { color: #fff }
    .mobile-navigation #search-bar .search-input:-ms-input-placeholder { color: #fff }
    .mobile-navigation #search-bar .search-input:-moz-placeholder { color: #fff }

    #insights-section > div {padding-left: 0 !important; padding-right: 0 !important;}
    #products-section > .container {padding-left: 0 !important; padding-right: 0 !important;}
    #products-section > .container > div, #products-overview.container > div {padding-left: 0 !important; padding-right: 0 !important;}

    .home-fund-top {min-height: auto;}
    .fund-wrapper h4 {margin-bottom: 30px;}

    .title-wrapper .has-tab {height: 50px; width: 70%;}

    .single-page .page-content-wrapper {padding-right: 15px;}
    .single-page .page-content-wrapper ul {padding-left: 18px; text-indent: 0;}
    #article-footer .article-footer-inner {text-align: center;}
    #article-footer .article-footer-inner > div {padding: 50px 0;}
    #article-footer .article-footer-inner > div:first-of-type { padding-bottom: 0;}
    #article-footer .article-footer-inner > div:last-of-type {border-left: 0; padding-left: 0 !important;}
    #article-footer .article-footer-inner .main-button {width: 100%;}

    .bio-page .bio-img {margin-left: auto;}
    .arrow {width: 35px;}
    .left-arrow {margin-right: 5px;}
    .right-arrow {margin-left: 5px;}

    .see-more-bios {width: 100%;border-radius: 15px;padding: 20px 15px; height: auto;}
    .see-more-bios p {top: auto; -webkit-transform: none; -moz-transform: none; transform: none;}

    .timeline-left {border-right: 0; padding: 0;}
    .timeline-right {border-left: 0; padding: 0;}
    .timeline-date {text-align: left; margin-bottom: 15px;}
    .timeline-right .timeline-date, .timeline-right .timeline-event {padding-left: 0;}
    .timeline-right:before {content: none;}

    .block-row p {width: 100% !important; text-align: center; margin-bottom: 30px;}
    .facts-container tr td {display: block; width: 100% !important; text-align: center;}
    .facts-container tr td:first-of-type {text-align: center; padding-right: 0;}
    .facts-container tr td:last-of-type {text-align: center; padding-left: 0;}
    .facts-container tr td:empty {display: none !important;}

    .resource-columns {text-align: center;}
    #each-fund .resource-columns, #internal-resources {text-align: left;}
    #resource-section .col-xs-12 h3 {margin-bottom: 0; text-align: left;}
    .single-cion_fund #resource-section .col-xs-12 h3 {text-align: center;}

    #portfolio-section .chart-horizontal .chart-legend{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}

    .fund-page .table-contents {padding: 10px 0 30px;}

    #form-login #forgot-pwd,
    #form-password #cancel-forgot-pwd {margin-top: 15px;}

    .map-legend { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}

    #frmSignup .no-left-padding, #frmSignup .no-right-padding { padding-left:0px !important; padding-right:0px !important; }

    #mce-EMAIL { width:100%; }

    .resource-link { width:100%; margin:10px auto; min-height: 120px; }

    #sticky-nav {display: none !important;}

    .page-id-1637 .page-content-wrapper { padding-bottom:0; }

    .facts-container tr td { height:auto !important; }
    .facts-container strong { padding: 10px 0 0; }
    .facts-container tr td p { margin-bottom: 0; }
    .chart-each h6 { text-align:left; }
    #resource-section .resource-columns { text-align:left; }

    .single-cion_fund .main-content-container { padding-top:30px; padding-bottom:30px; }
    .single-cion_fund #resource-section h3 { margin-bottom:0px; }

    #portfolio-section canvas {max-width: 160px; max-height: 160px; }

    .single-page .page-content-wrapper { padding-top:50px; }

    .bio-page { padding-top:0; }
    .bio-page .bio-img { width:200px; height:200px; }
    .bio-page h1 { margin: 20px 0 15px; }

    .resource-page .page-content-wrapper { padding-bottom:0px; }
    .page-id-1650 .resource-page .container.page-main-content.page-content-wrapper p {text-align: left !important;}
    .page-id-1659 .resource-columns, .page-id-1659 #internal-resources { text-align:left; }
    .page-id-2978 .resource-columns, .page-id-2978 #internal-resources { text-align:left; }

    .page-template-page-products .main-content-container .page-content-wrapper > div {text-align: left;}
    .page-template-page-products #products-overview {text-align: left;}

/*    .single-cion_fund .text-center {text-align: left;}*/
/*    .single-cion_fund h4 {text-align: left;}*/
/*    .single-cion_fund .main-content-container .container h3 {text-align: left !important;}*/
    .single-cion_fund .main-content-container .container p {text-align: left !important;}
    .single-cion_fund .main-content-container .each-bio p {text-align: center !important;}
    .block-row p {text-align: left;}
    .fund-page .table-headings {padding-left: 0; padding-right: 0;}
    .fund-page .table-columns {padding-left: 0; padding-right: 0;}
    .fund-page #performance-section .hide-class {padding-left: 0; padding-right: 0;}
    .fund-page .facts-container tr td:first-of-type {text-align: left;}
    .fund-page .facts-container tr td:last-of-type {text-align: left;}
    .fund-page .facts-container {padding-left: 0; padding-right: 0;}
/*    .fund-page #managers-section .bio-img {margin-left: 0;}*/
    .fund-page #managers-section .col-lg-3.col-md-3.col-sm-6.col-xs-12.text-center {padding-left: 0; padding-right: 0;}

    .white-box { padding:40px 0; }
    .event { margin-bottom:30px; }

    .page-id-2528 .page-content-wrapper { padding-bottom:0; }

    .contact-flyout { padding: 10px 15px; }
    .contact-flyout .title-container { margin-bottom:0; }
    .contact-flyout .close-contact { top:15px; }

    #be-ix-link-block .be-related-link-container {text-align: center;}
    #be-ix-link-block .be-related-link-container .be-label {padding-left: 15px; padding-right: 15px;}
    #be-ix-link-block .be-related-link-container .be-list .be-list-item {padding-left: 15px; padding-right: 15px; text-align: center;}

    .disclaimer {padding-bottom: 80px;}

    .icon-callouts > div {margin-bottom: 15px;}

    .each-bio-trigger {margin-bottom: 30px;}
    .bio-img {width: 200px; height: 200px; padding-bottom: 0;}

}

.mobile-menu-toggle,
.mobile-menu-close {
    display: block;
    position: relative;
    float: right;
    cursor: pointer;
}

.toggle-line {
    background: #0FB37F;
    height: 4px;
    width: 60px;
    display: block;
    margin-bottom: 12px;
    transition: all .2s;
}

.mobile-menu-toggle:hover .toggle-line:nth-of-type(1),
.mobile-menu-toggle:hover .toggle-line:nth-of-type(3){
    width: 70px;
    margin-left: -5px;
}

.mobile-menu-toggle:hover .toggle-line:nth-of-type(2){
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
}

.mobile-menu-close {
    height: 60px;
    width: 60px;
}

.close-line {
    background: #12234C;
    height: 4px;
    width: 60px;
    display: inline-block;
    transition: all .2s;
    position: absolute;
    right: 0;
    top: 28px;
}

.close-line:first-of-type {
    transform: rotate(45deg);
}

.close-line:last-of-type {
    transform: rotate(-45deg);
}

@media screen and (min-width:992px){
/*    .login-wrapper { text-align: right; }*/
    .login-container { margin-top: 90px; }
    .link-container { margin-top: 25px; }

    .breadcrumbs { margin: 25px 0 25px; }
    .current-values-header { padding: 60px 0; font-size: 32px; }
    .fund-info { margin-bottom: 65px; }
    .fund-info td { padding: 15px 40px; }

    .content-area { padding: 50px 0; }
    .content-area h5 { font-size: 18px; }
    .content-area p { line-height: 1.75; }

    .bottom-fund-info { padding: 80px 0; }
}

@media screen and (max-width:680px){

    h1, h1 a {font-size: 30px; }
    h2, h2 a {font-size: 20px;}
    h3, h3 a {font-size: 24px;}
    h4, h4 a {font-size: 20px;}
    .each-home-insight h4 {font-size: 18px;}
    .large-link {font-size: 16px;}
    .p-24, .p-24 p {font-size: 18px;}

    .fefe h1 {font-size: 35px;}

    .market-value-row { padding:15px 0;}
    .market-value-column { padding-left: 8px !important; padding-right: 8px !important; }
    .market-value-title {font-size:12px; }
    .market-value-class { font-size:12px; }
    .market-value-value { font-size:12px; }

    .resource-block a.each {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .resource-block a.each.row-2 {
        width: 100%;
    }

    .resource-block a.each.row-2:nth-of-type(even) {
        margin-right: 0;
    }

    .resource-block a.each.row-3 {
        margin-right: 0;
        width: 100%;
    }

    .resource-block a.each.row-3:nth-of-type(3n+3) {
        margin-right: 0;
    }

}

@media screen and (max-width:500px){
    .col-xxs-12 { width: 100%; }
    .map-legend { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
/*    .map-legend p {text-align: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}*/

/*    .each-home-insight .insight-img { padding-bottom: 40%; }*/

    .filings-fund-button {padding-left: 30px; padding-right: 30px; width: 100%;}

}

@media screen and (max-width:414px){
    .event-internal {padding: 40px 30px 50px;}
/*    .each-home-insight .insight-img { padding-bottom: 20%; }*/
}

@media screen and (max-width: 370px) {
    #navigation .nav a {font-size: 20px;}
     #navigation .nav .sub-menu li a { font-size: 16px !important;}
/*    .each-home-insight .insight-img { padding-bottom: 48%; }*/
    .fund-number .sc { display:block; }
}

/*********** IE 10 ***********/
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .img-responsive { max-width:100% !important; height: auto !important; width: auto !important; } }*/
/********* END IE 10 ********/

.loader,
.loader:after {
    border-radius: 50%;
    width: 22px;
    height: 22px;
}
.loader {
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 2px solid #DFE9F2;
    border-right: 2px solid #DFE9F2;
    border-bottom: 2px solid #DFE9F2;
    border-left: 2px solid #00c7c7;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




/* CREM */
#process-section.dark-blue .icon-callouts p {color: #fff;}
#process-section .icon-callout-title {font-size: 20px;}

#content-with-slider {margin-top: 45px;}
.slick-slide img {margin: 0 auto;}