/*--------------------------MEMBER STYLES-----------------------*/


html {
  scroll-behavior: smooth;
}

#navbar .contextual-region {
    position: unset;
}

#home-page .alert.global-alert { display: block !important;}
button:focus {outline: none !important;}

body {
    font-family: "Roboto", sans-serif;
    color: #343a40;
  
}

a.btn,
a.btn:focus {
    text-decoration: none !important;

}


option[value="6"], option[value="16"]  {
   font-weight: bold;
}


.slidebar.css-transitions-only-after-page-load {
display:none !important;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

body .preload .slidebar, .visually-hidden {
    display: none;
}

a, a.js-modal-btn {
    color: #005897;
    transition: color 180ms ease;
    font-weight: 500;
}

a:hover {
    color: #1a4480;
}



.latest-news a:focus
 {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 3px solid rgba(38,143,255,.5);
    text-decoration: none;
}

:focus-visible {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 3px solid rgba(38,143,255,.5);
    text-decoration: none;
}




.skip-nav {
    background-color: #005b88;
    color: #fff;
    transform: translateY(-100%);
    z-index: 10000;
    /* white-space: nowrap; */
    text-align: center;
    padding: 8px 0;
    width: 100%;
    display: block;
    font-size: 14px;
    position: absolute;
    text-decoration: none !important;
    font-weight: 500;
}

.skip-nav:focus{
    position: relative;
    display: inline-block;
    transform: translateY(0%);
}

.skip-nav i{
    font-size: 14px;
    font-weight: 500;
    display: block;
}

a.skip-nav:hover { 
  	color: #fff;
}

.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}


@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-2px);
  }
  60% {
    transform: translateY(-1px);
  }
  
}
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    border: 2px solid #005897;
    border-radius: 3px;
    color: #005897;
    background-color: #fff;

}

.btn-outline-primary:hover {
    background-color: #fff;
    border: 2px solid #005897;
    color: #005897;
}
.listnav.alphaindex span {
    margin: 0 5px;
}

.listnav.alphaindex li:last-of-type span {
    display: none;
}

body.Policy ul.listnav li {
    display: inline;
    padding: 5px 0;
       text-wrap: nowrap;
}

.careers .embed-container {
    border-radius: 15px;
}




.embed-container { 
  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; border-radius: 15px;
} 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


a.skip-nav:hover {color: #fff;}


h1, h2, h3, h4 {
font-family: "Heebo", sans-serif;
font-style: normal;
}

.banner h1 {
    font-size: 2.2em;
    padding: 0;
    margin: 5px 0;
    color: #fff;
    font-weight: 700;

}

h2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 30px 0 15px;
}

h3 {
    font-size: 1.4rem;
    line-height: 1.4em;
    padding: 0;
    margin: 30px 0 10px;
    font-weight: 700;
}

.int-page .tile-body h3 {
    color: #262626;
}

.news-article h3 a{
    
    font-weight: 700;
    }


h4 {
    font-size: 1.15rem;
    line-height: 1.4em;
    font-weight: 600;
    margin: 30px 0 10px;
}


.int-page h2 svg{
    font-size: 17px;
}

.careers .int-page.container,

.int-page {
        margin-bottom: 50px;
        padding-top: 25px;
}

#mid-content ul li,
#mid-content ol li {
    margin-bottom: 12px;
}

#mid-content ul ul,
#mid-content ul ol {
    margin-top: 12px;
}



.explainer-video {
    position: relative;
    width: 260px;
    height: 260px;
    float: right;
    margin: 0 0 15px 15px;
}


.accordion ul.no-bullet {
    margin-bottom: 0;
}

.accordion ul.no-bullet li a{
    padding: 8px 0px;

}


.btn i {
    margin-left: 5px;
}

.right-content .btn i {
    margin: 0 5px;
    font-size: 14px;
}

.latest-news a[href$=".pdf"] h3:after,
.latest-news a.pdf_icon h3:after {
   position: relative;
   font-family: 'Font Awesome 5 Pro';
   margin-left: 5px;
   content: "\f1c1";
   font-weight: 500;
   margin-left: 5px;
   font-size: 17px;
    color: #b30b00;
}


a[href$=".pdf"]:after,
a[href$=".pdf"]:before {
   color: #b30b00;
}

#mid-content a[href$=".pdf"]:after,
#mid-content a.pdf_icon:after {
   position: relative;
   font-family: 'Font Awesome 5 Pro';
   margin-left: 5px;
   content: "\f1c1";
   font-weight: 500;
}

#mid-content .list-group a[href$=".pdf"]:before,
#mid-content .list-group a.pdf_icon:before,
#mid-content .no-bullet a[href$=".pdf"]:before,
#mid-content .no-bullet a.pdf_icon:before
{
   position: relative;
   font-family: 'Font Awesome 5 Pro';
   margin-right: 5px;
   content: "\f1c1";
   font-weight: 500;
}

#mid-content .list-group a[href$=".pdf"]:after,
#mid-content .list-group a.pdf_icon:after,
#mid-content .no-bullet a[href$=".pdf"]:after,
#mid-content .no-bullet a.pdf_icon:after{
    display: none;
}


.btn.pdf_icon:before {
   position: relative;
   font-family: 'Font Awesome 5 Pro';
   margin-left: 5px;
   content: "\f1c1";
   font-weight: 500;
   margin: 0 5px;
}

.right-callout a[href$=".xlsx"]:after {
   content: "\f1c3 ";
   font-family: 'Font Awesome 5 Pro';
   color: #1f6e43;
   font-size: 21px;
   position: absolute;
   top: 1px;
   left: 10px;
   font-weight: 300;
}

.fa-file-pdf {
   color: #b30b00;
}

.right-callout a[href$=".pdf"]:after,
.right-callout a.pdf_icon:after {
   position: absolute;
   top: 0;
   left: 0;
   font-family: 'Font Awesome 5 Pro';
   content: "\f1c1";
   font-weight: 300;
   color: #343a40;
   font-size: 14px;
}

.right-callout a.no_pdf_icon[href$=".pdf"]:after {
   content: initial;
   display: none;
}
/*-----Styles to show tabs/accordions after page loads --------------*/


#mid-content .adobe { margin-left: 3px;}
#mid-content .no-bullet .adobe { margin-right: 5px;}

#mid-content .member-resources .adobe {
    margin: 0 3px 0 -5px;
}

#mid-content p .fa-file-pdf {
    margin-right: 3px;
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
}


dfn {
    font-style: normal;
    border-bottom: 1px dashed #999;
    cursor: help;
    position: relative;
}



.visible-print-block {
    display: none !important;
}

.invisible-print-block {
    display: block !important;
}


caption {
    color: #262626;
    text-align: left;
    caption-side: top;
    font-weight: 700;
    font-size: 22px;
    text-transform: capitalize;
}


.modal p,
.modal li {
line-height: 1.5em !important;
    
}

.modal-header,
.modal-footer {
    border: none;
}

.modal-header .close {
 opacity: 1;
}

.modal-open .modal {
    z-index: 10000;
}


section.tiles .col-12 > div.tile-body {
    min-height: 150px;
    padding: 25px 20px;
    border: 1px solid #ddd;
    height: 100%;
    font-size: 16px;
    background-color: #fff;
}

section.tiles .feature-tile.col-12 > div.tile-body {
    background: #F8F9FA;

}

/* Pre-render the bigger shadow, but hide it */
section.tiles h3 {

    margin: 0 0 5px !important;
    font-weight: 700;
}

section.tiles .tile-body p {
}


section.tiles .tile-body span {
    display: block;
    font-weight: 600;
    font-size: 17px;}

section.tiles .tile-body a span {
    display: inline-block;
        font-size: initial;
}

section.tiles .tile-body a {
    margin-top: 15px;
    border: 1px solid #ddd;
}

section.tiles .img-thumbnail {
    border: none;
    margin-bottom: 15px;
}


ul.no-bullet {
        list-style: none;
        margin-bottom: 0;
    }

  ul.no-bullet li {
    margin: 0 !important;
    position: relative;}

ul.no-bullet li h3{margin-bottom:15px;}
ul.no-bullet li a{
    display: block !important;
    padding: 14px 5px;
    font-weight: 500;
    border-bottom: 1px dotted #ddd;
}
ul.no-bullet li:last-of-type a{
    border-bottom: none
}


.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

.navbar-brand img {
    height: 55px;
}


.slider-brand img, .slidebar figure img {
    height: 40px;
}

.slidebar .site-block {
 	display:none; 
}  

.site-block {
    padding-left: 5px;
    font-size: 14px;
    color: #F8F9FA;
    font-weight: 500;
    margin: 0 0 0 5px;
    border-left: 2px solid #fff;
    display: inline-block;
}



.navbar .navbar-brand {
    display: block;
    padding:0;
  margin: 0;
}


.visible- b-block {
    display: none;
}


.nav-secondary .navbar-brand {
    padding: 0;
  margin:0;

}


.navbar-toggler, .mobile-link {
    padding: 0 15px;
    border: none;
}


.myvrs-logo {
    width: 60px;
}

.table .fa-info-circle { cursor: pointer; color: #333;}



.bg-hero {
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:50% 50%; 
    position:relative;
        }

.mainmenu {
    background: #fff;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 45px;
    width: 100%;
}

 .resp-nav {
    list-style: none;
    padding: 15px 0 25px 15px;
    clear: both;
    display: none;
    text-align: center;
}


    .resp-nav li {
        display: inline-block;
        margin: 5px;
    }

        .resp-nav li:first-of-type a{
            border: none;
        }

.resp-nav a:hover {color:#fff; text-decoration:none;}

.page .home-alerts i {font-size: 16px;}
.page .home-alerts {font-size: 14px; background-color: #ecf4fa;padding: 8px 0;font-weight: 500; color: #0c5460;}

.bg-hero .alert {
    margin: 8px auto;
    font-size: 13px;
    justify-content: start;
    align-items: baseline;
    border: none;
    display: flex;
    padding: 10px 15px;
}

.bg-hero .alert .fa,
.bg-hero .alert .fas {
    font-size: 14px;
}


.alert-warning {
    background-color: #fffbdd;
}

.global-alert.alert-warning {
    border: none;
}


.alert-warning p {
    color: #735c0f !important;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
}

.alert-danger .fa {
    color: #721c24;
}

.alert-danger b {
    color: #721c24;
}

.bg-hero .alert p {
    line-height: 1.4em;
    margin: 0;
    font-size: 14px;
}

.alert.global-alert .container {
    max-width: 950px;
    line-height: 1.4em;
    }

.alert.global-alert i {
    font-size: 18px;
}

.alert.global-alert p {
    padding: 0;
    display: inline;
    line-height: 0;

}

.alert-info {
    color: #087990;
    background-color: #cff4fc;
    border: none;
}


.ie11-alert, .alert.global-alert { 
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 500;
}


.ie11-alert {
    font-size: 12px;
}

.alert .col-12 img {
    max-height: 50px;
    margin: 5px 0;
}


#color-overlay {
    height: 100%; width: 100%; position: relative;
}

#color-overlay .bg-color {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg-hero .hero-cta-image {text-align: center;}

.bg-hero .hero-cta-image img {
    height: 240px;
    margin: 15px 0 0;}

.bg-hero .hero-cta-image span {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-top: -10px;
    letter-spacing: .05em;

}

.banner-cta-centered {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

   .home-callout .col-12 {
   margin-bottom: 24px;
}

.home-callout .media {
    padding: 25px 15px;
    margin: 0;
    text-align: center;
    color: #262626;
    background-color: #f8f9fa;
    border-radius: 15px;
}


.home-callout a {
text-decoration: none;
}

.callout-media-block:hover i {
  animation: fa-inverse 3s cubic-bezier(0.18, 0.89, 0.32, 1.28);

}

@keyframes fa-inverse{
  0% {
    transform: translate(0, 0) scale(1);    
  }

  50% {
    transform: translate(0, 0) scale(1.05); 
  }
  100% {
   transform: translate(0, 0) scale(1); 
  }
}


.home-callout .media p{
    margin-top: 0;
  	font-weight: 400;
}


.media-body h2 {
    font-size: 20px;
    font-weight: 800;
	margin: .75rem 0 .5rem;
}

.media-body {
    color: #262626;
}
.featured-media .media{
    border-radius: 15px;
    background-color: #f5f9fc;
}



.home-callout .featured-media i {
    color:#8dc63f;
}


.home-callout i {
    font-size: 34px;
}


.home-tile a {
    text-decoration: none;
}

.home-tile p {
    font-size: 17px;
    text-align: center;
    margin: 0;
    color: #545454;
}

.home-tile a {
    display: block;
}

.btn-primary {
    color: #fff;
    background-color: #005897;
    border-color: #005897;
}

.btn {
      padding: 10px 15px;
    font-weight: 600;
}


.ed-offering .btn-class, .ed-catalog .btn-class {
display:none;
}

.ed-offering .btn-register, .ed-catalog .btn-register {
display:none;
}

article.ed-home .btn-class {
display:none;
}

article.ed-home .btn-register {
display:inline;
}


tr.ed-topics h2 {margin: 0 0 15px 0;}

tr.ed-topics p, tr.ed-topics a {
    margin: 15px 0 0;
}

.table {
  margin: 30px 0;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #f5f5f5;
    background-clip: padding-box;
    background-color: #0e4d82;
    border: 1px solid #f5f5f5;
    color: #fff;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F8F9FA;
}

.ed-topics td,
.ed-topics th {
    border: none;
}

.ed-topics .note, .ed-offering .note, .Hybrid.Learning .note {
     display: flex;
    align-items: center;
    justify-content: start;
  width: 100%;
  padding: 10px 15px;
}

.ed-topics .note > strong:first-of-type,
.ed-offering .note > strong:first-of-type,
.Hybrid.Learning .note > strong:first-of-type {
    text-transform: capitalize;
    margin: 0 5px 0 0;
}


.table-light, .table-light > th, .table-light > td {
    background-color: #f5f5f5;
}

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #fff;
}


table .btn-secondary .svg-inline--fa, table .btn-default, table .btn-primary .svg-inline--fa {
    margin-left:0;
}

table th.thead-light  {
          background-color: #e9ecef;
}

.table .thead-light th     {
    background-color: #0e4d82;
    color: #fff;
}


#mid-content .btn-secondary .svg-inline--fa, #mid-content .btn-default .svg-inline--fa, #mid-content .btn-primary .svg-inline--fa{
    margin-left:4px;
}

#mid-content .btn-primary .fa-calculator, #mid-content .btn-primary .fa-external-link-square-alt {
    margin-right: 4px;
    margin-top: 4px;
}


.bg-light {
    background-color: #fff;
}

.navbar-light .navbar-nav .nav-item {
    margin: 0 30px;
}



.navbar-light .navbar-nav .nav-link {
    color: #343a40;
    font-size: 17px;
    padding: 0;
    font-weight: 600;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-light .navbar-nav .nav-link .fa-chevron-down {
    font-size: 11px;
    color: #005755;
}

.navbar-light .navbar-nav .nav-item.show .nav-link .fa-chevron-down{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: center center;
}

 .navbar-light .navbar-nav .nav-item:first-of-type  {
    padding-left: 0;
    margin-left:0;
}

.navbar-light .navbar-nav .nav-link:first-of-type {
 	padding-left: 0; 
}


.nav-link {
    padding: 0.6rem 1rem;
}

.dropdown-toggle::after {
    font-size: 16px;
    display: none;
}


.nav-secondary {
    height: 90px;
    background: #005755;
}

.nav-secondary li {
    display: inline-block;
}

.nav-secondary .container div li a {
   color: #fff;
   font-size: 15px;
   text-decoration: none;
   padding: 15px 18px;
}

.nav-secondary ul {
    padding: 0;
    margin: 0;
    display: inline;
}

.nav-secondary .btn {
   color: #fff;
   text-decoration: none;
   margin: 0 18px;
}

.nav-secondary .btn:last-of-type {
   color: #fff;
   text-decoration: none;
   margin-right: 0;
}


.primary-vnav {
    display: none;
    background-color: #FF9200;
    color: #fff;
    border: none;
}

.navbar-default {
    background-color: #005755;
    border: none;
}

.nav-secondary .btn-primary,
.footer-secondary .btn-primary {
    transition: 0.3s;
}


.menu-desc span {
    display: block;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
      color: #343a40 !important;
}

.menu-desc p {
    margin: 5px 0 15px;
}


.menu-block ul.currentli {
    background-color: transparent;
}

    .menu-block ul.currentli .active a {
        font-weight:600;
        color:#006d66;
    }

.menu-block ul.currentli .active a.publications, .menu-block ul.currentli .active a.forms {
        color:#343633;
    }
.menu-block ul ul.currentli a.active-link {
    font-weight:500;
    color:#006D66;
    }



   .menu-block ul.currentli .active a:hover {
       background-color:transparent;
    }



.quick-facts span  {text-align: center;color: #0067B1;font-size: 22px;font-weight: 700;}

.quick-facts .card strong {
    color: #009a90;
    font-size: 16px;
}

.quick-facts .card-text {font-size: 15px;}

.quick-facts .card,
.Investments .card {    
  background-color: #F8F9FA;
    border: none;
    border-radius: 15px;
}

.quick-facts .card img {height: 80px;}




.quicktopics .dropdown-menu      {
    background-color: #fff;
}
.quicktopics .dropdown-item:hover {
    color: #0058972;
    background-color: #fff;
}

.quicktopics .btn-primary,
.quicktopics .btn-primary:not(:disabled):not(.disabled).active,
.quicktopics .btn-primary:not(:disabled):not(.disabled):active, 
.quicktopics .show>.btn-primary.dropdown-toggle {
    color: #fff;
    border: 3px solid transparent;
    width: 300px;
    border-radius: 10px;
    padding: 20px 25px;
    text-transform: uppercase;
    background-color: rgb(22, 37, 71);
    display: flex;
    align-items: center;
    justify-content: space-between;
	height: 50px;
  	font-size: 16px;
    letter-spacing: .03em;
}
.quicktopics .show>.btn-primary.dropdown-toggle[aria-expanded="true"]{ border-radius: 0;}
.quicktopics .dropdown-menu[x-placement="top-start"]
 {
    border-radius: 15px 15px 0 0;
}

.quicktopics .dropdown-menu[x-placement="bottom-start"]
 {
    border-radius: 0 0 15px 15px;
}


.quicktopics h1 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    font-family: "Heebo", sans-serif;
    text-shadow: 0px 0px 5px rgba(20, 20, 20, .5);
}

.quicktopics span {
    font-size: 21px;
    color: #fff;
    font-family: "Heebo", sans-serif;
    margin-bottom: 15px;
    text-shadow: 0px 0px 5px rgba(20, 20, 20, .4);
}


.quicktopics .dropdown-menu {
  	width: 300px;
  	padding: 10px 25px 25px;
  	box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
  	border: none;
  	border-radius: 0 0 15px 15px;
  	margin:0;
}

.quicktopics .dropdown.show .fa-chevron-down {
    display: none;
}

.quicktopics .dropdown .fa-times {
    display: none;
}

.quicktopics .dropdown.show .fa-times {
    display: block;
}


.quicktopics .dropdown-item:active {color: #034866;}


.chart-container { 
        z-index: 2;
    }
.navbar-nav .dropdown-menu.menu-top-level {
    width: 100%;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #f0f0f1;
    box-shadow: 15px 25px 30px rgb(0 0 0 / 5%);
    margin: 0;
    padding: 1rem;
    transition: all .9s ease;
}


.dropdown, .dropup {
    position: static;
}


.menu-block ul {
    list-style: none;
    padding: 15px 0 0;
}

.menu-block ul li {
    padding: 0;
}

.nav-item.dropdown.show div.dropdown-menu {
    display: block;
    margin: 0;
    background: #fff;
    z-index: 1000;
      border-left: none;
    border-right: none;
}


.dropdown-search {
    min-height: 100px !important;
    padding-bottom: 15px;
    position: absolute;
    transform: translate3d(0px, 43px, 0px);
    top: 0px;
    left: 0 !important;
    right:0 !important;
    background-color: #fff !important;
    padding-top: 25px;
    box-shadow: 0 12px 20px rgba(0,0,0,.15);
    display:none;
}

.dropdown-search.display-block {display:block !important;}
.menu-search.display-none .display-block {display:none !important;}

.menu-search .btn {font-size:15px; min-width:50px;}


.nav-item dropdown.show a::after {
}

.menu-block ul li.dropdown-header a {
    font-weight: 500;
    padding: 5px 15px 5px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
    display: block;
}

.menu-block ul li.dropdown-header {
    padding: 0;
    font-size: 17px;
    font-weight: 700;
    color: #343a40;
    margin-bottom: 5px;
    font-family: "heebo", sans-serif;
}

.dropdown .row {
    padding: 25px 0;
}


.dropdown-item:focus, .dropdown-item:hover {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}




.dropdown-item {
    font-size: 16px;
    padding: 7px 0;
    font-weight: 400;
    width: fit-content;
    line-height: 1.4em;
    text-wrap: wrap;
    font-family: "heebo", sans-serif;
}

.dropdown-item > span {
    font-size: 13px;
    display: inline-block;
}


.dropdown-item i {
    font-size: 14px;
     font-weight: 400;
}


ul ul li.dropdown ul .dropdown-item {
    font-size:14px;
    font-weight:400;
}

.navbar-nav a.dropdown-item:hover {
    color: #005ea2;
}


.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    color: initial;
}

a.dropdown-item .fa-external-link-square-alt {
    font-size: 14px;
    margin-left: 3px;
    display: inline-block;
    margin-bottom: 1px;

}


.menu-search .form-control {
    font-weight: 500;
    color: #999;
    font-size: 18px;
    border-radius: 0;
}

.menu-search .search-icon {
    position: absolute;
    z-index: 5;
    left: 15px;
    top: 10px;
    color: #999;
    width: 0;
}


#navigation {
    width: 100%;
    z-index: 999;
    position: relative;

}


#header_nav {
    position: relative;
    width: 100%;
    background-color: #fff;
    z-index: 101;
}

.featured-home {
background-color: #eee;
    color: #fff;
    height: 4px;}

.featured-home-text {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
                  }

.featured-home-left {
    border-right: 2px solid #ccc;
    padding-right: 30px;
                  }


.featured-home-right {
text-align: left;
                  }

.featured-home-text:hover {
    color: #F8F9FA;
    text-decoration: none;
                  }

.featured-home-left span {
        font-size: 14px;
    font-weight: 400;
    margin: 0;
    display: block;
}

.featured-home-button .btn {
  margin-left: 15px;
}

.footer-newsletter.footer-signup-new-flow form {
    display: block;
}


.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    cursor: pointer;
}

.carousel {
    z-index: 100;
}
h3.featured-header, h3.latest-header {
    font-size: 26px;
    padding-bottom: 15px;
    font-weight: 700;
  	margin: 0;

}

h3.featured-header {
    margin: 0 !important;
    border: none;
}

.carousel-control-prev, .carousel-control-next {
    width: 5%;
}

.callout-control {
    position: absolute;
    top: 40%;
    width: 4%;
    color: #222;
    text-align: center;
    opacity: .5;
    font-size: 2.5rem;
    font-weight: normal;
    z-index: 100;
    cursor: pointer;
}

    .callout-control.left, .callout-control.right {
        padding: 20px 0;
    }

    .callout-control.right {
        right: 0;
        left: auto;
    }

    .callout-control:hover,
    .callout-control:focus {
        color: #000;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .8;
    }

.carousel-control {
    width: 45px;
    color: #2c9ab7;
    background-color: #000000b8;
    bottom: 50%;
    height: 80px;
}


.swiper-insights .carousel-control  {

        top: 30%;

}

    .carousel-control:hover,
    .carousel-control:focus {
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .8;
    }

.swiper-pagination {
    position: initial;
    width: fit-content !important;
    padding: 0 25px;
}

.swiper-carousel {
    width: 100%;
    height: 100%;
}

    .swiper-carousel .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }

.swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    font-size: 14px;
    color: #4a4f62;
    opacity: 1;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination-bullet-active {
    color: #343a40;
    background: #e6e6e6;
}


.swiper-slide a { text-decoration:none;}


.swiper-insights .carousel-caption {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    color: #262626;
    text-align: left;
    min-height: 160px;
}


    .carousel-caption h3 {
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    }

    .carousel-caption p {
    font-size: 1.1em;
    font-weight: 400;
    }


.swiper-creative .swiper-slide {
    background: #fff;
}

.swiper-slide img {
    object-fit: cover;
}

.swiper-horizontal > .swiper-scrollbar {
    top: 0;
}
.swiper-button.swiper-button-prev:after {
    content: "\f053";
}


.swiper-button.swiper-button-next:after {
    content: "\f054";

}

.swiper-button:after {
    font-size: 25px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: #4a4f62;
    border: 2px solid #ffffff;
    border-radius: 50px;
    height: 45px;
    width: 45px;
    display: flex;
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    align-items: center;
    justify-content: center;
}

.swiper-button {
    display: contents;
}

.swiper-nav {
    display: flex
;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.swiper-slide-next .card, .swiper-slide-next .card:hover  {
    transition: transform .2s ease;
   box-shadow: 0 0.5rem 1.5rem 0 rgb(33 40 50 / 15%) !important;
}



.index-tiles .article-heading p,
.archive-tiles .article-heading p {
    font-weight: 400;
}

#home-page .featured-home {
    margin: 0 !important;
}

.featured-home-label {
    margin: 0 auto;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    width: 600px;
    text-align: right;
    line-height: 1.3em;
}

#mc_embed_signup {
    display: inline-block;
    padding: 0;
    float: right;
    margin-right: 250px;
}

    #mc_embed_signup .form-control {
    float: left;
    border-radius: 0;
    width: 350px;
    border: none;
    font-size: 18px;
    height: 50px;
    border: 1px solid #000;
    border-right: none;
    }


.featured-home .fa-envelope {
    color: #006d66;
}

.featured-home .input-group {
    margin: 15px 0;
}

ul.lastest-news-box .more-link a {
    margin-top: 30px;
    display: inline-block;
}


ul.lastest-news-box {
    padding: 0;
    list-style: none;
}

.latest-news {
    border-bottom: 1px solid #ddd;
    padding: 18px 0;
    display: flex;
}

.latest-news:last-of-type {
    border-bottom: none;

}

#home-scroller {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 0;
    width: 100%;
    font-weight: 600;
    font-size: 22px;
    padding: 30px 0;
}


#news-insights {
    font-size: 30px;
    padding: 50px 0px 25px;
    margin: 0;
    text-align:center;
}

.insights-bg .row {
    background: #fff;
}


.head-arrow-down {
    position: relative;
}

.head-arrow-down:after, .head-arrow-down:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.head-arrow-down:after {
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}
.head-arrow-down:before {
    border-top-color: #e6e6e6;
    border-width: 16px;
    margin-left: -16px;
}
.latest-news a {
    text-decoration: none;
    color: initial;
}

.latest-news a:hover h3,
.latest-news a:hover p {color: #005897;}

.latest-news-article h3 {
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    color: #262626;
}

.latest-news-article .btn {
    position: absolute;
    right: 0;
    bottom: 10px;}

.latest-news p {
    margin-bottom: 5px;
  	font-weight: 400;
}


.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
}

#scroll-top-link {
    color: #fff;
    background-color: #006d66;
}

#scroll-top-link {
    transition: all 0.8s ease-out;
    z-index: 9999;
}

.cd-top {
    height: 60px;
    position: fixed;
    opacity: 0;
    right: 25px;
    bottom: 25px;
    z-index: 1030;
    border-radius: 30px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cd-top i {
  font-size: 18px;
  font-weight: 300;
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .5s 0s, visibility 0s 0s;
        -moz-transition: opacity .5s 0s, visibility 0s 0s;
        transition: opacity .5s 0s, visibility 0s 0s;
        text-decoration:none;
    }

    .cd-top.cd-is-visible {
        visibility: visible;
        opacity: .6;
        background-color: #e3e3df;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }

.cd-top:hover {
    background-color: #ffffff;
    opacity: 1;
    text-decoration:none;
}


/**----------Internal Page Styles-----------------*/


#main-content {
    min-height: 850px;
    position: relative;
    float: left;
    margin: 0 auto;
}

#mid-content hr {
    margin: 30px 0;
    border-color: #e6e6e6; 
}

#mid-content .tab-pane hr {
    margin: 15px 0;
    border-color: #e6e6e6; 
}

.int-hero {
    padding: 0;
    position: relative;
    z-index: 10;
}

.int-hero-home.banner {
    position: relative;
    overflow: hidden;
}

.int-hero-home.banner-standard {
    height: 200px;
    padding: 0;
    z-index: 10;
    background: #004959;

}

.banner img {
    pointer-events: none;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
}



.Education .banner img {
    object-position: 0 15%;
}



.callout-appointment {
    background-color: #F8F9FA;
    border: solid 1px #ddd;
}


.banner-standard .int-grid {height: 100%;}

.banner.banner-image .int-grid {
    background-color: rgba(0, 0, 0, .45);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner-image .int-hero-callout .breadcrumb {
 	display:none; 
}

.banner.banner-image #block-pageimage {
    height: 280px;
}

.page.Member.News .breadcrumb,
.page.Retiree.News .breadcrumb

{
 	display:none; 
}

.int-grid .breadcrumb li {
    font-size: 15px;
    display: inline-block;
    color: #fff;
    padding: 0 .5rem 0 0;
}

.int-grid .breadcrumb a {
    color: #fff;
}


.int-grid .breadcrumb-item::after {
    color: #fff;
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-size: 10px;
    padding-left: .5rem;
}

.int-grid .breadcrumb-item:last-of-type::after {
visibility: hidden;
}



.breadcrumb {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
}


.breadcrumb li:last-child a {
        pointer-events: none;
        font-weight: 600;
        cursor: default;
        text-decoration: none;
    }


.breadcrumb li::before {
    display:none;
 }



#mid-content {
    padding-top: 15px;
}
.section-menu.dropdown .btn {
      display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 0;
  font-size: 14px;
}

.section-menu.dropdown-menu  {
  display: content;
  width: 100%;
}


  
.section-menu.dropdown .btn i {
	font-size:18px;
}

.section-menu.dropdown-menu.show .btn{
    border-radius: 0.25rem 0.25rem 0 0;
}

.section-menu.dropdown-menu.show {
 border:none;
 display: contents;
}

#mid-content.mid-wrapper .mid-content-block{
    background-color: #fff;
    min-height: 200px;
    padding: 15px 0;
}


#mid-content ol li {
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 1.8em;
}

#mid-content ol {
    margin-bottom: 20px;
}



.important {
    color: red;
    font-weight: 600;
}

.note {
    padding: 25px;
    border: none;
    border-left: 4px solid #f8c41f;
    display: inline-block;
    font-weight: 400;
    width: 100%;
    color: #262626;
    background: #fffbf0;
    margin: 15px 0 25px;
    font-size: .9rem;
}

.note > p:last-of-type {
    margin: 0;
}

.note > strong:first-of-type, .mid-gutter > .alert-info strong:first-of-type
 {
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.alert-info {
    border-left: 4px solid #3e94cf;
    background-color: #f5f9fc;

}


table .note {
    margin: 0;
}

.tab-pane .note {
    margin-top: 0;

}


/*------------------Transition Box STYLES -----------------------------------------*/

.transition-boxes .row .col{
    margin: 15px;
    flex-basis: 100%;
    min-width: 200px;
    overflow: hidden;
    background: transparent;
    padding: 0;
    border-radius: 15px;
}

.transition-boxes article {
    background: #002243;
    color: #fff !important;
    border-radius: 15px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}


article .transition-box-bg  {
      position: absolute;
      z-index: 10;
      height: 100%;
      width: 100%;
      opacity: .1;
      padding: 15px;
      }

.transition-boxes div:nth-of-type(1) .transition-box-bg {
background: 
      linear-gradient(135deg,#0000 20.5%,#cccccc 0 29.5%,#0000 0) 0 30px,
      linear-gradient( 45deg,#0000 8%,#cccccc 0 17%, #0000 0 58%) 60px 0,
      linear-gradient(135deg,#0000 8%,#cccccc 0 17%, #0000 0 58%,#cccccc 0 67%,#0000 0),        
      linear-gradient( 45deg,#0000 8%,#cccccc 0 17%, #0000 0 58%,#cccccc 0 67%,#0000 0 83%,#cccccc 0 92%,#0000 0),
      #ffffff;
background-size: 120px 120px;
}

.transition-boxes div:nth-of-type(2) .transition-box-bg{
    background: linear-gradient(45deg,#0000 calc(25%/3), #ffffff 0 calc(50%/3),
      #0000 0 calc(250%/3), #ffffff 0 calc(275%/3),
      #0000 0),linear-gradient( 45deg,#ffffff calc(25%/3), #0000 0 calc(50%/3),
      #ffffff 0 25%, #0000 0 75%,
      #ffffff 0 calc(250%/3), #0000 0 calc(275%/3),
      #ffffff 0),
      linear-gradient(-45deg,#0000 calc(25%/3), #ffffff 0 calc(50%/3),
      #0000 0 calc(250%/3), #ffffff 0 calc(275%/3),
      #0000 0),linear-gradient(-45deg,#ffffff calc(25%/3), #0000 0 calc(50%/3),
      #ffffff 0 25%, #0000 0 75%,
      #ffffff 0 calc(250%/3), #0000 0 calc(275%/3),
      #ffffff 0)
      #cccccc;
background-size: 120px 120px;
background-position: 0 0, 60px  60px;
}


.transition-boxes article
{
  transition: transform .2s ease-in-out, background-color 400ms ease;

}

.transition-boxes article:hover{
  transform: scale(1.02);
  background-color: #002040;
}


.transition-boxes article:hover .transition-box-content{
  transform: scale(1.01);
}


.transition-boxes .transition-box-content .badge-pill{
    color: #00478e;
    background-color: #fff;
    font-size: 15px;
}


.transition-boxes article > div {
    z-index: 1;
    font-size: 18px;
}

.transition-boxes article > div h5 {
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: 700;
}


.transition-boxes .row div:nth-of-type(1) article > span {
    color: #006b69;
}


.transition-boxes .row div article > span {
    color: #194391;
    font-size: 18px;
    font-weight: 400;
}

.Cost-of-Living .transition-boxes article {
    min-height: 200px;
}

/*------------------ACCORDION AND TAB STYLES-----------------------------------------*/
.accordion { margin: 50px 0 25px;}


.myaccordion table tbody { background-color: #fff;}
.accordion-block:last-of-type {
    border-bottom: none;
}

    .accordion-block .ui-accordion-content {
    padding: 0 15px 30px 40px;
    border-bottom: none;
    }


#mid-content .accordion-block .ui-accordion-content hr {
    margin: 30px 0;
    border-color: transparent;
}


.Contact .accordion-block .ui-accordion-content .card Address {
	line-height: 1.6;  
}


.accordion-block .ui-accordion-content.ui-helper-reset {
    margin: initial;
}


    .tab-content .accordion-block h2:hover,
    .tab-content .accordion-block h3:hover {
    background-color: #f8f8f8;
}


.accordion-block:last-of-type {
    border-bottom: 1px solid #ccc;
}

.accordion-block a.menuitem {
    cursor: pointer;
    padding: 18px 80px 18px 0;
    margin: 0;
    position: relative;
    color: initial;
    display: flex;
    justify-content: start;
    align-items: start;
    border-top: 1px solid #ccc;
}

.accordion-block a.menuitem h2,
.accordion-block a.menuitem h3,
.careers-full .accordion-block a.menuitem h2

{
    padding:0;
    margin:0;
    color: #262626;
    padding-left: 40px;
    font-weight: 700;
}


.accordion-block:has(> a.ui-state-active) {
 -webkit-box-shadow: none;
 box-shadow: none;
 text-decoration: none;
 margin-bottom: -3px;
 background: #fff;
}


.accordion-block a.menuitem:focus,
.accordion-block a.menuitem:active  {
    text-decoration: none !important;
    color:  #000;
}
.accordion-block a.ui-state-active {
}

.accordion-block a.ui-state-active h2,
.accordion-block a.ui-state-active h3,
.accordion-block a.ui-state-active .ui-accordion-header-icon {
	color: #000;
}


/*------------------Left Menu Navigation Styles-----------------------------------------*/
.sidebar h4 a {
    display: block;
    width: 100%;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    background-color: #444;
    margin: 0;
}

.sidenav-list li a[href$=".html"]:after,
.sidenav-list li a[href$=".org"]:after

{
    content:"\e09f";
    font-family: "Font Awesome 6 pro";
    margin-left: 8px;
    font-size: 12px;
}


.sidenav-list {
    /* background-color: #F8F9FA; */
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.sidenav-list li ul {
    padding-left: 10px;
}

.sidenav-list>li a {
    display: block;
    padding: 15px 25px 15px 20px;
    border: none;
    font-size: 15px;
    font-weight: 800;
}

.sidenav-list>li .currentbranch1:after{
	position: absolute;
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	font-weight: 600;
	right: 3px;
	font-size: 12px;
	color: #005755;
}

.sidenav-list>li .currentbranch0:has( + ul):after,
.sidenav-list>li a:has( + ul):after{
    position: absolute;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    /* font-weight: 800; */
    right: 10px;
    font-size: 14px;
    color: #000;
    top: 15px;
} 

.sidenav-list>li .currentbranch0 + ul.multilevel-linkul-0 {
    border-left: 4px solid #009688 !important;
}

.sidenav-list>li .currentbranch0 + ul.multilevel-linkul-0 .currentbranch1,
.sidenav-list>li .currentbranch0 + ul.multilevel-linkul-0 li a{
   padding-left: 11px;
  border: none;
}



.sidenav-list li li a {
    padding: 12px 10px 12px 15px;
    line-height: 1.2em;
    font-size: 13px;
    border: none;
}


.sidenav-list > li a:hover {
    color: #005755;
}


.sidenav-list li li a:hover {
    color: #005755;

}

.sidenav-list .multilevel-linkul-0 li a,
.sidenav-list .multilevel-linkul-0 li span {

}

.sidenav-list li {
    list-style: none;
    /* border-bottom: 1px dotted #ddd; */
}


.sidenav-list>li .multilevel-linkul-0 li:last-of-type,
.sidenav-list li:last-of-type {
    border-bottom:none;
    
}


.sidenav-list > li {
    margin: 0;
}


.sidenav-list > li:first-of-type span.currentbranch0 {
    border-top: none;
}


.sidenav-list > li:last-of-type span.currentbranch0 {
    border-bottom:none;
    
}

.sidenav-list .multilevel-linkul-0 a {
    font-weight: 500;
    color: #212529;
}

.sidenav-list ul ul.multilevel-linkul-1 .currentbranch2 {
    border: none;
    line-height: 1.2em;
    display: block;
    font-weight: 700;
    font-size: 13px;
    border: none;
}

.sidenav-list ul ul.multilevel-linkul-1 {
    background: #fff;
    padding: 10px 10px 15px 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}


span.currentbranch0 {
    /* background-color: #F8F9FA; */
    color: #009a90;
    font-weight: 800;
    position: relative;
    padding-left: 16px !important;
    line-height: 1.2em;
    /* border-right: 1px solid #ddd; */
    border-left: 4px solid #009a90;
    font-size: 16px;
    /* border-top: 1px solid #ddd !important; */
    display: flex;
    justify-content: start;
    align-items: baseline;
    /* margin-left: -10px; */
}


.sidenav-list > li:last-of-type a,
.sidenav-list > li:last-of-type span {
border-bottom: none;

}


.sidenav-list li a, .sidenav-list li span {
    color: #3a3f44;
    text-decoration: none;
    line-height: 1.2em;
    display: flex;
    align-items: baseline;
    justify-content: start;
    position: relative;
    border-bottom: 1px dotted #ddd;
}


.sidenav-list>li .currentbranch0 a {
    border: none;
    color: #005755;
    padding: 0 !important;
    font-weight: 800;
    position: relative;
}


.sidenav-list>li span.currentbranch0 {
    padding: 15px 25px 15px 10px;
    /* background-color: #fff; */
    /* font-size: 16px; */
}


.sidenav-list>li:first-of-type span.currentbranch0 {
     /* border-bottom: none; */
}

.sidenav-list>li span.currentbranch1 {
    padding: 12px 20px 12px 10px;
    display: block;
	color: #005755;
  font-size: 14px;
}

.sidenav-list>li span.currentbranch2 {
    padding-left: 10px;
    border: none;
    font-weight: 400;
    font-size: 13px;
}

.sidenav-list>li .multilevel-linkul-0 {
    padding: 0 10px;
    border-bottom: 1px dotted #ddd;
    /* margin-left: -10px; */
    /* margin-right: -10px; */
}


.sidenav-list>li .multilevel-linkul-0 li {
    border-bottom: none;
}


.sidenav-list ul ul.multilevel-linkul-1 a, .sidenav-list ul ul.multilevel-linkul-2 a, .sidenav-list ul ul.multilevel-linkul-1 span {
    font-weight: 500;
    font-size: 13px;
    border: none;
    padding: 6px 15px 6px 20px;
}


.sidenav-list ul ul.multilevel-linkul-2 a , .sidenav-list ul ul.multilevel-linkul-2 span{
    font-size: 12px;
    display: block;
    line-height: 1.4em;
    font-weight: 500;
    padding: 5px 5px 5px 10px;
}

.sidenav-list>li .currentbranch1 a,
.sidenav-list>li span.currentbranch1
{
	padding: 12px 25px 12px 15px;
	position: relative;
	display: flex;
	justify-content: start;
	align-items: center;
	line-height: 1.2em;
}


.sidenav-list>li .currentbranch1 a,
.sidenav-list>li .currentbranch2 a {
    padding: 0 !important;
    color: #000;
    border: none;
    font-weight: 600;
}

.sidenav-list>li .currentbranch2 a {
    color: #333;
    font-weight: 600 !important;
    }

.sidebar div>ul>li {
    position: relative;
}

.sidebar div>ul>li.active>ul {
    display: block;
}


.sidenav-list li ul.multilevel-linkul-2 {
    padding: 0 10px 0 25px;
}


.currentbranch1 {
    font-weight: 700;
  color: #005755;
}

.currentbranch2, .currentbranch3 {
    color: #005755;
    font-weight: 500;
}

.currentbranch3 {font-weight: 600 !important;}

/*------------------END Left Menu Navigation Styles-----------------------------------------*/


/**********************END Left Nav ***********************/



    .accordion-block a.menuitem .svg-inline--fa {
        float: right;
        margin-right: 15px;
    }

.accordion-block a.menuitem:hover,
.accordion-block a.menuitem:active,
.accordion-block a.menuitem:focus {
    text-decoration: none;
      color: #006d66;
}


.accordion-block a.menuitem:hover h2 {
    color: #006d66;
}

.accordion-block .ui-icon {
    position: absolute;

    font-size: 18px;
    top: 25px;
    font-weight: 700;

}

#mid-content .ui-tabs-tab {
    margin: 0;
    /* margin-right: -3px; */
    border-radius: 0;
    display: flex;
    color: #006d66;
    /* border: 3px solid transparent; */
    font-weight: 700;
}


.tab-pane {
    padding: 0;
    border: none;
    margin-bottom: 15px;
}


.ui-tabs div.bordered {
    padding: 25px 25px 15px;
    margin: 15px 0;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #f8f9fa;
    display: block;
}
.ui-tabs div.bordered p {}
.ui-tabs div.bordered b {
    font-size: 16px;
}
.accordion-block div.bordered {
    border-top: 0;
    border-radius: 0;
    margin-top: 0;
}
.ui-tabs-panel>h3 {
    /*color: rgba(2, 115, 108, 0.9);*/
}
.tab-pane.pane-table {
    padding: 15px 0 0;
}
.tab-pane.pane-table .table {
    margin: 0;
}
.tab-pane.pane-table .table ul {
    padding-left: 0;
}
.tab-pane>ul li:last-child {
    border-bottom: none;
}
.tab-pane ul li.svg-inline--fa {
    display: table-cell;
    vertical-align: middle;
}
.tab-pane table ul {
    padding-left: 30px;
    margin: 0px 5px;
}
.nav.nav-tabs {
    flex-wrap: nowrap;
}
.nav-tabs {
    display: flex;
}
.nav-tabs .nav-item.ui-state-active {
    border: none;
}
.nav-tabs .nav-item.ui-state-active,
.nav-tabs .nav-item.ui-state-active:hover {}
.nav-tabs li.nav-item:hover {
    /* background-color:#f3f4f5; */
    
    color: #009688;
}
.nav-tabs .nav-item.ui-state-active a {}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background: none;
    border: none;
    border-bottom: 4px solid #009688 !important;
    font-weight: 600;
    color: #006d66 !important;
}
.nav-tabs .nav-item {
    margin: 0px 0px 0;
    /* border-right: 1px solid #e6e6e6; */
}


.ui-tabs .tab-content h3 {
    /* margin-bottom: 15px; */
}
.hideborder.ui-tabs .tab-content {
    border: none;
}
.mod-updates.ui-tabs .tab-content {
    float: left;
}
.nav-tabs .nav-item .fa-caret-down {
    display: none;
}
.nav-tabs .nav-item.ui-state-active a {
    color: #495057 !important;
    font-weight: 700;
    background: #dfe4e4;
}
#mid-content .nav-tabs .nav-link {
    border: none;
    font-weight: 600;
    color: #555;
    font-size: 15px;
    border-radius: 0;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border: none;
}
#mid-content .nav-tabs .nav-link {
    padding: 10px 30px;
}
#mid-content .nav-item.ui-state-active .nav-link:hover {
    color: #006d66 !important;
}
#mid-content ul.nav-tabs {
    margin: 0;
    border: none;
    z-index: 10;    
    border-bottom: 1px solid #e6e6e6;
}
.tab-content h2 {
    margin: 0 !important;
    cursor: pointer;
    padding: 15px 0;
}
#mid-content .tab-content li.download-file {
    border-top: 1px solid #e6e6e6;
    margin: 0;
    float: left;
    display: block;
    width: 100%;
}
#mid-content .tab-content li.download-file .textbody {
    font: 1.5em;
}

li.download-file a:hover {
    background-color: #f8f8f8;
}


li.download-file a {
    display: inline-block;
    width: 100%;
}

li.download-file .download-icon {
    color: #17a2b8;

}

li.download-file .download-text {
    color: #17a2b8;
    padding-left: 2px;
    font-weight: 500;
    font-size: 14px;
}

    .boilerplate {
    background-color: #F8F9FA;
        text-align: center;
        padding: 50px 15px;
    }

.boilerplate .container > p {
  
  font-size: 1.2em;
}

.careers-boilerplate {
		border-top: 1px solid #ddd;
    }


.cta_banner {

    color: #fff;
    background: #1e355e;
    background: -moz-linear-gradient(left, #004959 0%, #1e355e 100%);
    background: -webkit-linear-gradient(left, #004959 0%, #1e355e 100%);
    background: linear-gradient(to right, #081b3e 0%, #1e355e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004959', endColorstr='#2b5171',GradientType=1);
    margin: 50px 0;

}


.cta_banner  h3{
    font-size: 38px;
    margin: 0 0 15px 0;
    line-height: 1.4em;
    color: #fff;

}

.cta_banner  p{
    font-size: 19px;
}


.myVRS .card .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;}


#featured-upcoming .item-list{
    margin: 0px 0 25px;
    font-size: 14px;
}

#featured-upcoming .item-list ul{
    padding: 15px 0;
}

#featured-upcoming .item-list a{
    margin-left: 15px;
}


#featured-upcoming footer{  
    display: none;

}


footer ul {
    padding: 0;
    list-style: none;
}

    footer a {
       color: #fff;
       font-weight: 400;
       padding: 10px 0;
       display: inline-block;
     }

        footer a:hover {
            color: #fff;
        }

footer .footer-social a {
    color: #fff;
    font-size: 30px;
    margin-right: 25px;
    text-decoration: none;
    min-width: initial;
}

footer .footer-social a:last-of-type {
    margin-right: 0;

}



    .footer-social i {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

footer ul.footer-social li{
    margin: 0 5px;
}

.footer-social i:hover {
opacity: .8;
}


  
.icon-background1 {
    color: #3B5998;
}

.footer-copyright {
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
}

footer {
    background-color: #212529;
    border-top: 4px solid #005755;
    min-height: 150px;
    color: #fff;
    font-size: 15px;
}


footer p a{
    text-decoration: underline;
}


footer p {
    margin-bottom: 5px;
}


.footer-logo a {
    display: block;
  padding: 0;
}

    .footer-logo img {
        margin-bottom: 15px;
        display: block;
        height: 60px;
    }

footer .footer-secondary ul.footer-links li {
    display: inline-block;
    margin-right: 15px;
}

.footer-social {
      align-items: center;
    justify-content: start;
}


.right-callout {
  font-size: 14px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  border-top: 0;
}


.right-callout .callout-block {
    border: none;
    color: #fff;
    /*text-align: center; */
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 240px;
    position: relative;
   	overflow:hidden;
}


.right-callout .callout-block.milestones-callout {
    background-image: url('/media/members/images/milestones_bg.jpg');
	background-position-x: 0%;
}

.right-callout .callout-block.myvrs-callout {
    background-image: url('/media/members/images/myvrs_bg.jpg');
    background-position-y: 50%;
}

.right-callout .callout-block.careers-callout {
    background-image: url('/media/members/images/careers_bg.jpg');
    background-position-x: 0%;
}


.right-callout .callout-block.dcp-transition {
	background-image: url('/media/members/images/dcp-transition.jpg');
    background-position-x: 50%;
    background-position-y: 0;
}

.right-callout .callout-block.dcp-callout {
	background-image: url('/media/members/images/dcp_specialist_cta_001.jpg');
    background-position-x: 50%;
} 



.right-callout .image-callout.dcp_app_bg {
    background-image: url('/media/members/images/dcp_app_bg.jpg');
    background-position-x: 45%;    
    background-position-y: 40%;              
    padding: 20px 15px 15px;
}

    .right-callout .image-callout.dcp_app_bg span{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    color: #ffffff;
    text-shadow: 1px 1px 1px #5f5f5f;
    text-align: center;
    padding: 0px 5px;
    display: block;
}


.right-callout .callout-block .callout-overlay {
background: rgb(0 0 0 / .65);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 0;
-webkit-transition: .3s ease 0s;
-o-transition: .3s ease 0s;
transition: .3s ease 0s;
padding: 0;
  border: none;
}

.right-callout .callout-block.finwell-callout .callout-overlay,
.right-callout .callout-block.finwell-callout:hover .callout-overlay {
    background-color: #f5f9fc;
    border: none;
}

.right-callout .callout-block:hover i {
    transform: translate3d(2px, 0, 0);
}

.right-callout .callout-block i {

    transition: .2s ease-in-out transform;
}

.right-callout .callout-block .callout-caption {
    position: relative;
}

.right-callout .callout-block section.callout-caption {
    display: flex;
    margin: 0;
    height: 100%;
    align-items: center;
    flex-flow: column;
    justify-content: space-evenly;
}


.right-callout .callout-block:hover .callout-overlay {background-color: rgb(1 61 57 / 80%);}

.right-callout .myvrs-callout:hover .callout-overlay {background-color: rgb(30 53 94 / 85%);}


.right-callout section h2{
    font-size: 21px;
    color: #f2de53;
    font-weight: 600;
    background: transparent;
    border: none;
}

.right-callout .callout-block p,
.right-callout .callout-block ul li

{
    color: #fff;
    font-size: 1.1em;
}



    .right-callout .image-callout {
    border: none;
    color: #fff;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
}




.enrich-card {
    min-height: 120px;
    background: #fff;
    border: none;
    font-weight: 600;
    color: #1a1a1a!important;
    padding: 20px;
    transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
    cursor: default;
}

.enrich-card:hover {
    transform: translateY(-0.3333333333rem);
    box-shadow: 0 0.5rem 2rem 0 rgb(33 40 50 / 20%);
}

.enrich-card div {
   color: #343633;
   padding-left: 12px;
}

body.Channel .enrich-card div {
  color: #343633; 
  margin: 0 auto;   
}

.enrich-card p {
    line-height: 1.6em;
}
.enrich-card a i {
    font-size: 40px;
    padding: 0 5px;
    color: #009a90;
}

.enrich-card a {
    width: 100%;
    position: relative;
    align-items: initial;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.enrich-card h5 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 6px;
}

.fin-card.card h3.card-title {
    margin: 10px 0;
    font-weight: 700;
    color: #009a90;
    font-size: 26px;
}

.fin-card.card h4.box-title {
    font-size: 20px;
    font-weight: 700;
}

.core-values .row .col {
    padding: 15px;
\    min-width: 150px;
}

.core-values a {
    background: #194391;
    color: #fff !important;
    border-radius: 15px;
    text-decoration: none;
    transition: 0.5s cubic-bezier(0.6, 0.4, 0, 1),transform 0.15s ease;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 15px;
    min-height:180px;
    cursor: default;
}

.core-values a > div {
    transition: 0.3s cubic-bezier(0.6, 0.4, 0, 1);
}

.core-values a > div i {
    font-size: 34px;
    margin-bottom: 15px;
}

.core-values a h3 {
    font-size: 22px;
    margin: 0;
    font-weight: 700;
}


.core-values a span h3 {
    font-size: 18px;
}


.core-values p{
    font-size: 15px;
  margin: 0;
   line-height: 1.4em;
}

.core-values a > span {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate3d(-50%, 100%, 0);
    transition: all 0.3s cubic-bezier(0.6, 0.4, 0, 1);
    opacity: 0;
    font-weight: 400;
    width: 100%;
    padding: 15px;
}

.core-values .col a:hover {
    background: #D8F6FF;
}

.core-values .row div:nth-of-type(1) a {background: #009a90;}


.core-values .row div:nth-of-type(1) a:hover {
    background: #D5F8EF;
}

.core-values .row div:nth-of-type(1) a > span {
    color: #006b69;
}

.core-values .col a:hover > div {
    opacity: 0;
}

.core-values .row div a > span {
    color: #194391;
}

.core-values .row .col a:hover > span {
    opacity: 1;
    bottom: 50%;
    transform: translate3d(-50%, 50%, 0);
}


    .right-callout > h2 {
    color: #212529;
    padding: 1rem 1.5rem;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    border: 1px solid #ddd;
    border-bottom: none;
    text-transform: uppercase;
    /* padding-bottom: 0; */
    background-color: #F8F9FA;
    border-radius: 5px 5px 0 0;
    }


    .right-content .row {
        margin:0;
    }


.right-callout .right-callout-container div {
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
}

#block-myvrsfinancialwellnessgetstarted > div {
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
}

    .right-callout h4 {
    font-size: 18px;
    color: #343633;
    background-color: #eee;
    padding: 15px 20px;
    text-align: center;
    margin: 0;
    line-height: 1.4em;
    }

    .right-callout .callout-caption{
    background: transparent;
    border: none;
    padding: 30px 0 15px;
    }


.right-callout .callout-block h5 {
    margin: 0 0 25px;
}


    .right-callout div {
       padding: 1rem 1.5rem;
       border: 1px solid #ddd;
       border-top: none;
       border-radius: 0 0 5px 5px;
   }


    .right-callout ul {
        margin: 0;
        list-style: none;
        padding: 0;
    }

    .right-callout li a, .right-callout li > span {
    display: block;
    padding-left: 30px;
    line-height: 1.4em;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    }



    .right-callout ul li:last-of-type {
        border-bottom: none;

    }

    .right-callout li .fa-circle {
        color: transparent;
        display: none;
    }

    .right-callout > p {
        padding: 15px 5px;
        line-height: 1.6em;
        margin: 0;
    }


    .right-callout > p > i {
    margin-right: 4px;
    font-size: 16px;
    color: #666;
    }

    .right-callout div > ul li {
	display: flex;
	border-bottom: 1px dotted #e6e6e6;
	padding: 10px 0;
	position: relative;
	justify-content: start;
	align-items: start;
	}


.right-callout ul li .fa-stack {
    left: -8px;
    position: absolute;
    line-height: 1.4em;
    }

 .right-callout ul li > i {
    position: absolute;
    line-height: 1.4em;
    }


 .right-callout li article {
    margin-left: 30px;
    line-height: 1.5em;

}
.right-callout ul li i
{
    font-size: 14px;
    font-weight: 300;
}



.right-callout li:has(> span.currentsection) {
    display: none;
}

.right-callout section {
    margin-bottom: 30px;
}
    .right-callout section:first-child {
        padding-top: 0;
    }

    .right-callout section:last-child {
        border: none;
    }

    .right-callout div:first-child {
        margin-top: 0;
        /* border-bottom: 1px solid #fff; */
    }


    .right-callout.order-publications {
        padding: 30px 15px;
        font-size: 15px;
        min-height: 200px;
        position: relative;
        z-index: 1;
        margin-left: 15px;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #e6e6e6;
        margin-top: 30px;
    }

        .right-callout.order-publications div {
            background-image: url('/media/members/images/order-publications.png');
            background-repeat: no-repeat;
            width: 100%;
            background-size: contain;
            height: 250px;
            border: none;
        }

        .right-callout.ad-callout {
            text-align: center;
            background-color: #3484bd;
            border-radius: 5px;
            min-height: 80px;
            border: none;
        }

        .right-callout.ad-callout:hover {
            background-color: #2d6d9a;
        }

        .right-callout.ad-callout:hover .fa-stack{
            opacity: 1 !important;
        }

        .right-callout header {
            border: none;
        }
        
        .right-callout footer {
            padding-top: 30px;
            border-top: 8px solid #005953;
            width: 100%;
            min-height: 0;
        }

.bottom-callout {
    background-color: #e2e3e5;
    padding: 20px;
    border-radius: 3px;
    width: 100%;
    border: 2px solid #e9ecef;
    float: left;
    margin: 30px 0 15px;
   color: #31708f !important;
}


.int-page .bottom-callout h3 {
    margin-top: 0;
    font-weight: 600;
    font-size: 20px;
        color: #31708f !important;
}

.bottom-callout h3, .bottom-callout p {
    margin: 0;
}

.bottom-callout address svg {
    margin-right: 5px;
}

.sub-section {
    padding-top: 50px;
}

#bottom-content .fa-external-link-square-alt{
    color: #666;
}

.board-table .btn-light {white-space: nowrap;}
.board-grid .board-card {
    padding: 0px 4px;
    margin: 0;
    text-align: center;
}
.board-grid .feature-card {
    padding: 0px 15px;
    margin: 0;
    text-align: center;
}



.board-grid .feature-card .card {
    background: #F8F9FA;
    text-align: left;
}

.board-grid .feature-card .card address{
    font-size: 15px;
    line-height: 1.6em;
}

.board-grid .feature-card .card h3{
    font-size: 22px;
    /* color: #fff; */
    margin: 0 0 5px;
    font-weight: 700;
}

.board-grid .board-card .card {
border: none;
border-radius: 0;
}


.board-grid .board-card .no-image {
  background: #F8F9FA;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    font-weight: 500;
    font-size: 15px;
    color: #999;
}

.board-grid .board-card img,
.board-grid .board-card .no-image {
    margin: auto;
    max-width: 200px;
    height: 260px;
    object-fit: cover;
    object-position: center;
}

.board-grid .board-card .card-body{
    padding: 15px 25px;
}


.board-grid .board-card .card-body h5{
    margin: 0;
    font-weight: 700;
}

.board-grid .board-card .card-body h6{
    text-transform: uppercase;
    margin: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.board-grid .board-card .card-body span{
    font-size: 16px;
    line-height: 1.4em !important;
    margin-top: 10px;
    display: block;
}


        .plan-cards .card:hover {
            border-color: #009a90 !important;
            background-color: #009a901c;
            transition: 0.3s,transform 0.15s ease;

        }


        .plan-cards .card{
            border-color: #006d665c !important;
            border: 2px solid;
            max-width: 26em;
            margin: 0 auto;
            padding: 1.5rem 15px !important;
        }

        .plan-cards.card{
                max-width:  initial;
        }
.plan-cards .card ul {
    padding-left: 5px !important;
  font-size: 15px;
}

.plan-cards .card ul li {
    line-height: 1.5em !important;
    color: initial;
}

.plan-cards .card .card-title{
            display: flex;
            align-items: center;
            justify-content: center;
            color: initial;

        }

.plan-cards .card .card-title i {
            font-size: 22px;
            color: #343633;
        }

.plan-cards.card .card-text {
            font-size: 15px;
            color: initial;
            line-height: 1.5em;
        }


.plan-cards .card .card-title {
			font-size: 20px;
            justify-content: start;
        }

.plan-cards .card .card-title i {
    font-size: inherit;
}


        .card-preview {
 	margin: 30px 0;
    border: none;
    border-radius: 15px;
    display: block;
    overflow: hidden;
        }

        .card-preview:hover .caption {
            opacity: 1;
            -webkit-transition: opacity .4s ease 0s;
            -o-transition: opacity .4s ease 0s;
            transition: opacity .4s ease 0s;
            background: rgb(0 0 0 / 80%) !important;
            -webkit-transition: background-color 300ms linear;
            -ms-transition: background-color 300ms linear;
            transition: background-color 300ms linear;
        }


        .card-preview .caption {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            background: rgb(0 0 0 / 60%) !important;
            width: 100%;
            color: #fff !important;
            display: block;
            opacity: 1;
            -webkit-transition: opacity .4s ease 0s;
            -o-transition: opacity .4s ease 0s;
            transition: opacity .4s ease 0s;
        }

        .card-preview .card-image {
                position: relative;
                height: 260px;
                overflow: hidden;
                            }


        .card-preview .card-image img {
                width: 100%;
                height: 100%;
                object-position: center;
                object-fit: cover;
        }        

        .card-preview .card-body{
           background-color: #f8f9fa;
            display: block;
            line-height: 1.5em;
        }
        .card-preview .caption div {
           display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 100%;
        }

        .card-preview .caption span {
            font-size: 24px;
            font-weight: 700;
            }


        .card-preview .caption i {
            font-size: 60px;
            }


.benefit-card h3 {
	font-size: 1.25rem;
}

/*----------------------Media Site STyles ---------------------*/
      .Media .card-preview .card-image {
        height: 320px; 
        min-height: 320px;
        border-radius: 15px;
      }
      .Media .card-preview {
        margin: 0; 
        border-radius: 15px;
      }
      .Media .card-preview .card-image img { object-position: center;}
      .Media .card-preview .caption h3 {
      font-size: 28px;
    	font-weight: 700;
    	color: #fff;
      }
      .Media .card-preview .caption p {font-size: 18px;font-weight: 500; margin-top: 5px; line-height: 1.6em;}
      .Media .card-preview .caption span {font-weight: 700;line-height: 1.2em;}
      .Media .card-preview .caption i {font-size: 80px;margin-bottom: 10px;}
      .Media .card-preview:hover .caption {
            background: rgb(0 0 0 / 85%) !important;
        }
       .Media .card-preview .caption {
           background: rgb(0 0 0 / 75%) !important;
        }
      .Media .grid-item > p {font-size: 16px;line-height: 1.4em;text-align: center;}

/*----------------------End Media Site STyles ---------------------*/



        .card-meta-data {
            padding: 15px;
            background-color: #F8F9FA;
            border-radius: 10px;
            cursor: pointer;
        }

        .card-meta-data i {
            color: #009a90;
            font-size: 60px;
            }


           .card-meta-data:hover i {
            color: #fff;
            }
        .card .title-info div {
            padding: 0 20px 0 100px;
        }

.card h3.card-title {
    margin: 0;

}

.card h3.card-title a{
    font-weight: 700;
    color: #343633;


}

            .card h4.box-title {
                color: #343633;
                font-size: 22px;
            }



    #mid-content.col-lg-9 .card h3.card-title a {
    font-size: 22px;
        }

     #mid-content.col-lg-10 .card h3.card-title a {
    font-size: 20px;
        }

        .card-meta-data .title-info {
    display: flex;
    align-items: center;
}

          
.card h3.card-title a i {
    font-size: 20px;
}

        .card .title-info h3{
            font-size: 22px;
        }

        .card-meta-data:hover {
    background: #009a90;
    color: #fff;
    transition: 0.3s;
        }

            .card-meta-data:hover p, .card-meta-data:hover h3 {
                color: #fff;
                transition: 0.3s;
            }

           .card-meta-data:hover i{
                color: #fff;
                transition: 0.3s;
            }

            .card-meta-data:hover i{
                transition: 0.3s;
            }

        .js-modal-btn {
            cursor: pointer;
        }



#featured-video .card-meta-data {
    padding: 10px 20px 10px;
    background-color: #f5f5f5;
    border:none;
    /* border-radius: 5px; */
}


#featured-video .card-meta-data .fas {
    color: #009a90;
    font-size: 40px;
    vertical-align: middle;
    display: inline;
}

#featured-video.card .title-info {
    display: flex;
    align-items: center;
}


#featured-video.card .title-info h3 {
    font-size: 20px;
    margin: 0;
}

#featured-video.card .title-info p {
    margin: 0;
}

#featured-video .card-body-text {
    display: inline-block;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left;
}

#featured-video .card .title-info div {
    padding: 0;
}

#featured-video.card-meta-data:hover h3 {
    color: #fff;
    transition: 0.3s;
    font-size: 28px;
    margin-top: 0 !important;
    padding-left: 5px;
    display: inline-block;
}


#featured-video .card-meta-data:hover {
    background-color: #009a90;
    color: #fff;
    transition: 0.3s;
}

#featured-video .card-meta-data:hover .fas {
    color: #fff;
}


.Investments .panels-container .js-modal-btn {
    color: #fff;
    /* background-color: #009a90;*/
    background-color: #00857C;
    transition: 0.3s;
    border-radius: 25px;
    justify-content: end;
    font-size: 17px;
    padding: 10px 20px;
}



.Investments .panels-container .js-modal-btn:hover {
    background-color: #007c74;
    color: #fff;
}



        p.card-text svg, p.card-text h3{
            color: rgba(0, 109, 102, .85);
        }




#sitemap #mid-content ul li {
    line-height: 1.6em;
    margin-bottom:15px;
}

#mid-content .btn-layout {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #eee;
}

    #mid-content .btn-layout li {
        display: inline-block;
        margin: 5px 2px 5px 0;
    }


.tablebox {
    margin: 30px 0;
}

.tablebox thead th:first-child {
    width: 80%;
}

.tablebox thead th:last-child {
    width: 20%;
}

.plan-block h2 {
}

.plan-block {
  border-bottom: 1px solid #ddd;
  
}



.plan-block:last-of-type {
  border-bottom: none;
  
}

.plan-block img{
 	 max-width: 150px;
     border: 1px solid #ddd;
}

a.print-page {
    position: absolute;
    top: -60px;
    right: 0;
    color: transparent;
    font-size: 0;
}

a.print-page i{
    color: #2c9ab7;
    background-color: #f1f1f1;
    font-size: 18px;
    padding: 6px 10px;
    border: 1px solid #ddd;

}

#printheader {
    display: none;
}

#support ul, #dbsupport ul  {
margin: 0 0px 15px;
padding: 15px 0;
font-size: 15px;
font-weight: 600;
list-style:none;
flex-flow: wrap;
}


#support ul li,#dbsupport ul li {
    line-height: 1.8em;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f9f9f9;

}

#support ul li .fa-check-circle, #dbsupport ul li .fa-check-circle{
    margin-right:6px;
    color: #11ada3;
    height: 20px;
    width: 20px;
    margin-top: 2px;
    display: inline-flex;
    float: left
}

.g-recaptcha {
    padding-left: 0px !important;
}


#education-and-training .fa-sign-in-alt {
    margin-right: 5px;
}


.vrsforms-view.board-table .views-exposed-form { 
	margin-bottom: 15px
}

.vrsforms-view.board-table .views-view-grid {
  margin-top: 30px;
}

.form-select,
.form-autocomplete {
    height: 45px;
    font-weight: 600;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #343633;
    font-size: 18px;
    cursor: pointer;
    padding: 5px 0;
}

#mid-content .news-year h3,
#mid-content .news-teaser h3{
    margin: 0 0 10px;
}

#mid-content .news-year,
#mid-content .news-teaser {
    padding: 30px 0;
    display: block;
    border-bottom: 1px solid #ddd;
}

.news-teasers.ed-topics {
    border-radius: 15px;
    margin-bottom: 25px !important;
    padding: 25px !important;
}
/*----------------------------------------BOARD MEETINGS PAGE STYLES----------------------------------*/

.board-table {
margin-top: 25px;}


.board-table .alert-no-forms {margin-top: 0;}

#mid-content .board-table hr {
    margin: 25px 0;
}

#mid-content .news-teasers .view-title a,
#mid-content .board-table .field-content a,
#mid-content .board-table .view-title a
 {
    font-weight: 700;
    color: initial;
    text-decoration: none;
} 


#mid-content .board-table a:hover,
#mid-content .New .news-teasers a:hover{
    color: #005ea2;
} 




#mid-content .board-table .posted,
#mid-content .board-table .mbr-type,
#mid-content .news-teasers .posted,
#mid-content .news-teasers .mbr-type {
font-weight:600;
color:#000;
}



.board-mtg a {
    margin-right: 15px;
}

.board-mtg-post .board-agenda a,
.board-mtg-post .board-minutes a,
.board-mtg-post .board-materials a,
.board-mtg-post .board-video a{
    font-weight: 700;
}


.board-video a.video-link span {
    color: #2c9ab7;
}

.board-video a.video-link:hover span {
    color: red;
}


.int-page h4.board-mtg-date {
    font-size: 16px;
    display: inline-block;
    margin: 0 0 10px;
}

.board-mtg-date::before {
    content: "\f073";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    font-weight: 300;
}

.board-mtg-date::after {
    content: "/";
    margin: 0 8px;
}

.board-mtg-time {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: #000;

}

.board-mtg-time::before {
    content: "\f017";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    margin-right: 5px;
}

.board-mtg-post {
    margin: 25px 0;
    padding: 25px;    
    background-color: #F8F9FA;
    border-radius: 5px;
    color: #343633;
}

.board-mtg-post:first-of-type {
    margin-top: 0;
}

.board-mtg-post:last-of-type {
}

.board-mtg-post h3 {
    margin: 0 0 10px !important;
    font-weight: 700;
}

.board-mtg-canceled {
    color: #fff;
    margin-left: 12px;
    padding: 5px 12px;
    font-size: 14px;
    background: #dc3545;
    border-radius: 3px;
    font-weight: 600;
    line-height: 1.6em;
}

.board-mtg-post .board-mtg-body .fa-bullhorn{
    font-size: 14px;
    margin-right: 4px;
}

#mid-content .pager__items {

    list-style: none;
    display: flex;
    margin: 50px auto 50px;
    justify-content: center;
}

#mid-content .pager__items li a {
    text-decoration: none;
    position: relative;
    display: block;
    padding: .5rem 1rem;
    margin-left: -1px;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    border: 1px solid #dee2e6;
    cursor: pointer;
}

#mid-content .pager__item.pager__item--first, 
#mid-content .pager__item.pager__item--last {
    display: none;
}

#mid-content .pager__items li a:hover {
    color: #fff;
    background-color: #005897;
    font-weight: 600;
}

#mid-content .pager__item.pager__item--first a, 
#mid-content .pager__item.pager__item--previous a {
border-radius: 5px 0 0 5px;

}

#mid-content .pager__item.pager__item--last a,
#mid-content .pager__item.pager__item--next a {
border-radius: 0 5px 5px 0;

}

#mid-content .pager__item.is-active a{
    color: #fff;
    background-color: #005897;
    font-weight: 600;
}

.feature-tile .tile-image img {
 object-fit: cover;
  width: 100%;
}

/*------------------------------INVESTMENTS PAGE STYLING---------------------------------------*/

#investment-objectives .card i {
    font-size: 35px;
    color: #009a90;
}

#investment-objectives .card p {
	font-size: 14px;
  line-height: 1.4em;
}


#investment-objectives .card span {
	font-size: 18px;
  margin: 8px 0;
}

#investment-objectives .card
box-shadow: 0 .4rem 1.4rem rgba(0, 0, 0, .1);
}

#investment-objectives .card {
    border: none;
    border-top: 5px solid #009a90;
}

    #chartjs-tooltip {
        border-radius: 15px;
      max-width: 480px;
    min-width: 400px;
        line-height: 1.5em !important;
        border: 1px solid #f3f3f3;
        z-index: 100;
        font-size: 13px;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
        padding: 15px;
    
    }

#chartjs-tooltip table thead th {
    font-size: 18px;
    display: block;
    margin: 0;
    font-weight: 700;
 	font-family: "Heebo", sans-serif;
}

#chartjs-tooltip table tbody tr:first-of-type {
    margin: 5px 0 0;
    display: inline-block;
    font-weight: 600;
}

#chartjs-tooltip table tbody tr:last-of-type {
    margin: 0;
    display: inline-block;
}


#chartjs-tooltip:after,
#chartjs-tooltip:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#chartjs-tooltip:after {
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}
#chartjs-tooltip:before {
  border-bottom-color: #f3f3f3;
  border-width: 8px;
  margin-left: -8px;
}

/* ---------------- Alchemer Embed Form Styles -------*/


.mid-gutter .sg-question .sg-question-title {
    font-size: 20px;
    font-weight: 700;
    color: #495057;
    line-height: 1.4em;
}


.mid-gutter .sg-question-options {
    padding: 5px 0 5px;
    margin: 0;
}


.mid-gutter .sg-question input[type=text], 
.mid-gutter .sg-question input[type=date], 
.mid-gutter .sg-question input[type=password], 
.mid-gutter .sg-question input[type=number], 
.mid-gutter .sg-question textarea 
.mid-gutter .sg-input-text, 
.mid-gutter .sg-input-menu, 
.mid-gutter .sg-input-essay {
    display: block;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mid-gutter .sg-input-essay {
        width: 100%;
}
.mid-gutter .sg-question input[type=text], 
.mid-gutter .sg-question input[type=date], 
.mid-gutter .sg-question input[type=password], 
.mid-gutter .sg-question input[type=number],
.mid-gutter .sg-input-menu {
    width: 100%;
    height: 40px;
}


.mid-gutter .sg-question {
    border: none;
}


.mid-gutter .sg-question.sg-type-multitext, .mid-gutter .sg-question.sg-type-group, .mid-gutter .sg-type-recaptcha{
    margin: 10px 0;
    padding: 15px;
}

.mid-gutter .sg-type-recaptcha{
    margin: 0 15px;
}

#mid-content .mid-gutter .sg-question .sg-instructions hr {
    margin: 0;
}

.mid-gutter .sg-question.sg-thank-you  {
    border: none;
    margin: 0 auto;
    padding: 25px 25px;
    border-radius: 5px;
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
    max-width: 800px;
}

.mid-gutter .sg-question.sg-type-instruction h4 {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 15px;
}

.mid-gutter .sg-question.sg-type-instruction h5 {
    font-size: 18px;
    color: #333;
    border-bottom: 2px solid #333;
    margin: 0 0 15px;
    padding: 0 0 15px;
    font-weight: 700;
}

.mid-gutter .sg-instructions {
    margin: 0;
}

.mid-gutter .sg-control-text-after {
    display: block;
    margin: 15px 5px;
}

.mid-gutter .sg-type-radio ul.sg-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.mid-gutter .sg-type-radio ul.sg-list-horizontal li {
    float: none;
    margin-right: 1.5em;
    line-height: inherit;
}

.mid-gutter .sg-type-radio ul.sg-list-horizontal.sg-list li input.sg-input-radio {
    top: 1em;
}

.mid-gutter .sg-button {
    color: #fff;
    margin:  10px 15px;
    background-color: #005897;
    border-color: #005897;
    font-weight: 700;
    padding: 10px 15px;

}

.mid-gutter .sg-question-options .sg-question-title label, 
.mid-gutter .sg-question .sg-question-title label,
.mid-gutter .sg-question legend.sg-question-title {
    font-weight: 500;
    font-size: 16px;
}

.mid-gutter .sg-button:hover {
    background-color: #28415B;
    border-color: #253C54;
}

.mid-gutter .sg-question-errorlist li{
    margin-bottom: 0px;
}

.mid-gutter .sg-type-multitext .sg-question-options {

    padding: 25px 10px;
}

.mid-gutter .sg-question.sg-type-instruction.sg-intro-text {
    border: none;
    /* margin: unset; */
    padding: initial;
    border-radius: 0;
    background-color: transparent;
    border-color: initial;
    color: initial;
}

.mid-gutter .sg-question-title p {
    display: block;
}

.mid-gutter .sg-error-message a {
    display: none;
}

.mid-gutter .sg-validation-fail .sg-message {
    margin: 15px 10px;
    color: #721c24;
}

.mid-gutter .sg-validation-fail input.sg-input-text {
    background-color: #fff3cd;
}

.mid-gutter .sg-button-bar {
    display: flex;
    justify-content: center;
}

.mid-gutter .sg-error-message, .mid-gutter .sg-question-errorlist {
    border-left: 5px solid  #f5c6cb;
    font-size: 12px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.mid-gutter .sg-question-errorlist ul li{
    color: #721c24;
}


.mid-gutter .sg-error-message:focus-visible, .mid-gutter .sg-question-errorlist:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 5 5 / 50%);
}


.photo-block {
    position: absolute;
    bottom: 15px;
    right: 5px;
}

.photo-cred {
    display: block;
    bottom: 5px;
    color: #fff;
    padding: 10px 6px;
    position: absolute;
    right: 0px;
    z-index: 1;
    font-size: 12px;
    line-height: 0;
    display: none;
}

.mytabs .accordion-block:first-of-type a.menuitem {
    border: none;
}

.js-tabs .tabs-list {
    display: flex;
    padding: 0;
    margin: 0;
}

.js-tabs .tabs-list li {
    width: auto;
}

.js-tabs .ui-state-active {
    font-weight: 600;
}


#mid-content .ui-tabs-tab.ui-state-active {
    border-bottom: 4px solid #009a90;
    font-weight: 700;
}

#mid-content .ui-tabs-tab.ui-state-active .tab {
    color: #000;
    position:relative;
    font-weight: 700;

}

.js-tabs .ui-tabs-tab.ui-state-active.ui-state-hover .tab { 
    background-color: #fff;
}

.js-tabs .ui-state-hover .tab {
    color: #000;
}

.js-tabs .tab {
    display: block;
    padding: 14px 18px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    border: none;
    text-align: center;
    font-size: 18px;
    border-radius: 0;
    max-width: 300px;
    line-height: 1.4em;
    min-width: 160px;
}

.js-tabs .tab i{
  margin-left:6px;
}

.panels-container .bordered h3 {
    margin: 0 0 5px;
    font-weight: 600;
    font-size: 16px;
}
.panels-container {
 padding: 25px 0 15px;
}

.panels-container h1 {
    margin: 15px 0;
    display: none;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/

#sticky-menu { 
    z-index: 10;
      margin-top: -25px;
}

#sticky-menu.sticky {
    background-color: transparent;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: sticky;
  top: -1px;
  z-index: 1000;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .careers-content {

}

.nav-pills-custom .nav-link a{
        font-family: "heebo", sans-serif;
}

.careersaccordion .accordion-block:nth-of-type(1) {
    border-top: none;
}

.careersaccordion .accordion-block:nth-of-type(3) {
    border-bottom: none;
}


section.serving-those {
    background: #fff;
  }

.careers.mytabs {
  position: relative;
}

.careers-content span {
    font-size: 36px;
    font-weight: 700;
    color: #005755;
    font-family: "Heebo", sans-serif;
}


.careers-content p{
    font-size: 22px;
    line-height: 1.4em;
    margin: 10px 0;
}


.careers-btm-callout {
    font-size: 20px;
}


.benefits-section span i {
    color: #009a90;
    margin-top: 3px;
}

.benefits-section span {
    font-weight: 500;
    display: flex;
    margin-bottom: 15px;
    align-items: start;
    justify-content: start;
    flex-flow: row;
    text-align: left;
}

.careers-panels-container h3 {
    text-align: center;
    color: #212529;
    font-size: 24px;
    FONT-WEIGHT: 700;
    letter-spacing: .01em;
}

.careers .tab-pane section .card {
    border: 0;
    border-radius: 15px;
    min-width: 160px;
}

.tab-pane .featured-section .card .card-text{
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 100%;
}

.careers .tab-pane a:hover > i{
transform: translate3d(3px, 0, 0);
}

.careers .tab-pane a i{transition: .2s ease-in-out transform;}

.tab-pane .perks-section .card i{
    color: #00b0a4;
    font-size: 40px;
    margin-bottom: 10px;
    }

.tab-pane .perks-section .card .card-body {
text-align: center;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex-flow: column;
    padding: 25px;
}

.tab-pane .perks-section .card .card-body p {
    margin: 0;
}


.tab-pane .perks-section .card-body h3 {
    margin: 10px 0;
  font-size: 22px;
}

.meet-section h2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.meet-section h4 {
    font-size: 22px;
}

.life-section .accordion {
    margin-top: 0 ;
}
.careers .tab-pane .featured-section .card-title {
    font-weight: 700;
    font-size: 20px;
  	color: #fff;
    line-height: 1.2em;
}

.careers .tab-pane .featured-section .card-title span {
    font-size: 15px;
    display: inline-block;
}

#openjobs .card-body > span {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #f8f9fa;
    color: #015b81;
    text-transform: uppercase;
    font-size: 8px;
    padding: 5px;
    border-radius: 5px;
    display: inline-flex;
    letter-spacing: 0.05em;
    vertical-align: middle;
    line-height: 1em;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 900;
}


.vrs-events .card {
    background: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vrs-events .card span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.vrs-events .card i {
    font-size: 38px;
    margin-bottom: 15px;
}

.vrs-events .card p {
    font-size: 15px;
}


.mission-section .our-mission {
    justify-content: center;
    align-items: center;
}

.mission-section h3 {
    font-size: 26px;
}

.mission-section h4 {
    font-size: 24px;
    font-weight: 700;
}


.mission-section span, .core-values h3 span {
    color: #005755;
}


.mission-section  p{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6em;
}



.core-values .card {
    color: #fff;
    /* min-height: 300px; */
    cursor: pointer;
    justify-content: center;
    background-color: #194391;
}

.core-values .card:hover {
    background: #114fc1;
}


.core-values .card-header {
    font-size: 40px;
    text-align: center;
    margin-top: -50px;
}

.core-values .card-header i{
    margin: 15px;
}


.core-values .card .card-title {
    font-weight: 600;
    font-size: 35px;
    margin: 0;
}

.core-values .card:hover .card-header {
    opacity: 0;
}

.core-values .card:hover .card-body {
    opacity: 1;
}

.core-values .card .card-text {
    font-size: 0.75rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #363d47;
}



.card.careers-blue {
    background-color: #1e355e;
    color: #fff;
}


.swiper-vrslife .card {
    border: none;
    border-radius: 15px;
    background-color: #fff;
    text-align: center;
    padding: 25px;
    color: #343a40;

}


.swiper-vrslife .card .face.front-face {text-align: center;}

.swiper-vrslife .card .face.front-face .profile {

    width: 120px;
    border-radius: 50%;
}



.swiper-vrslife .designation {
    font-weight: 600;
    margin: 5px 0;
}


.swiper-vrslife .card .face.back-face {
    text-align: left;
}

.swiper-vrslife .card .face.back-face .fa-quote-left {
    position: absolute;
    top: 20px;
    left: 25px;
    font-size: 30px;
    opacity: .1;
    color: #009a90;
}

.swiper-vrslife .card .name {
    font-size: 18px;
    font-weight: 700;
}

.swiper-vrslife .card .face.back-face .fa-quote-right {
    position: absolute;
    bottom: 20px;
    right: 25px;
    font-size: 30px;
    opacity: .1;
    color: #009a90;
}


.card.giving { 
transition: all .2s ease-in-out; 
}


.vrs-events .card.giving:hover .fa-hand-holding-seedling {
  animation: fa-hand-holding-seedling 1.2s ease;
}

@keyframes fa-hand-holding-seedling {
  0% {
    transform:  scale(1);    
  }

    50% {
    transform: scale(1.3); 
  }

  100% {
    transform:  scale(1.1); 
  }
}


/* FONT AWESOME GENERIC BEAT */
.vrs-events .card.wellness:hover .fa-watch-fitness{
  animation: fa-watch-fitness 2s ease infinite;
}

@keyframes fa-watch-fitness {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.25);
  }
100% {
    transform: scale(1);
  }

}

.vrs-events .card.fun:hover .fa-pickleball{
  animation: fa-pickleball 200ms;
  animation-timing-function: linear;   
}

@keyframes fa-pickleball {

  0% { transform:rotate(0deg); }
  25% { transform:rotate(0.05turn) }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-0.05turn); }
  100% { transform: rotate(0deg); }


}


/*-------------------Plan Page Styles----------------*/



.plan-cover {
  position: relative;
  width: 100%;
  max-width: 220px;
  background: #fff;
 border-radius: 15px;
  border: 3px solid #f1f1f1;
}
.plan-cover:hover {
  border: 3px solid #009a90;
}

.plan-cover .img-fluid {
  display: block;
  width: 240px;
  height: auto;
  border-radius: 15px;
}

.plan-cover a:after {
    display:none !important;
}

.plan-cover .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: hsl(0deg 0% 100% / 90%);
}

.plan-cover:hover .overlay {
  opacity: 1;
  border-radius: 15px;
}

.plan-cover .icon {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    text-align: center;
    color: #262626;
    font-size: 15px;
    font-weight: 600;
    right: 0;
    padding: 5px;
    text-decoration: none;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    line-height: 1.2em;
}
 .plan-cover .text {padding: 15px;}

.plan-cover i {
    font-size: 40px;
    width: 40px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    padding: 10px;
    color: #009a90;
}

.plan-compare p.d-flex i {
    color: #009a90;
}


.plan-compare p {
}


span.plan-title {
    font-weight: 600;
    line-height: 1.4em;
 }
  

.plan-compare article .h-100 {
      background: #f8f9fa;
}  


.plan-compare .db-plan-image,
.plan-compare .dc-plan-image{
      height: 200px;

}

.db-plan-image img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    width: 100%;
}


.dc-plan-image img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.plan-type-block {
    max-width: 1000px;
  
}


.plan-type-block > div {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 25px;
}

/*-------------------FOIA Page Styles----------------*/


      .contact-cards .card:hover {
border-color: #009a90 !important;
    background-color: #009a901c;
            transition: 0.3s,transform 0.15s ease;
        }

        .contact-cards .card .card-address-title {
        font-size: 22px;
        margin-bottom: 10px;
        display: block;
        color: #333;
        }

        .contact-cards .card{
    border-color: #006d665c !important;
    border: 2px solid;
    max-width: 26em;
    margin: 0 auto;
   border-radius: 15px;
        }

        .contact-cards.contact-overview .card{
                max-width:  initial;
        }
.contact-cards.contact-overview .card ul{
    padding-left: 15px !important;
}

.contact-cards.contact-overview .card ul li {
    line-height: 1.5em !important;
    color: initial;
}


        .contact-cards .card .card-title{
            display: flex;
            align-items: center;
            justify-content: center;
            color: #333;
        }

        .contact-cards .card .card-title i {
            font-size: 22px;
            color: #343633;
        }

        .contact-cards .card .card-text {
            color: initial;
            line-height: 1.5em;
            margin-top: 10px;
        }


.contact-cards .card address{
  
}

     .contact-cards .card .card-text h3 {
    margin: 0 0 5px;
        }


.contact-cards.contact-overview .card .card-title {
justify-content: start;
 }

.contact-cards.contact-overview .card .card-title i {
    font-size: inherit;
}


/*********************** Styles for Tooltips ****************************/



a.glossary-popover {
    color: #005897;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    text-underline-position: under;
    border: none;
    cursor: pointer;
    text-wrap: nowrap;
}


 .tooltipbox {
  display: none;
  width: max-content;
  position: absolute;
  top: 0;
  left: 0;
  background: #222;
  color: white;
  font-weight: bold;
  padding: 5px;
  border-radius: 4px;
  font-size: 90%;
      }

#arrow {
  position: absolute;
  background: #222;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.popover.show {
    z-index: 10000;
}



.popover {
    width: 600px;
    padding: 25px 20px;
    border-radius: 10px;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .25) !important;
    color: #fff;
    max-width: fit-content;
    font-family: "Roboto", sans-serif;
}

.popover-header {
      font-size: 20px;
   font-weight: 600;
    background: transparent;
    border: none;
    padding-bottom: 0;
    padding-top: 0;
    color: #fff;
    font-weight: 600;
    font-family: "Heebo", sans-serif;
    margin-top: 0;
}

.popover-body{
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.popover-body p {
	margin:0;
}


.popover-body p a{
    color: #fff;
    text-decoration: underline;
    font-weight: 500;
    text-decoration-thickness: 1px;
}

.popover-body p a:hover{
    color: #fff;
}

.popover,
.glossary-popover .arrow::after {
    background-color: #353943;
}


/* ----------------Site Popovers ----------------------*/

.bs-popover .arrow::after, .bs-popover .arrow::after{
    border-top-color: #353943;
    border-width: 0.8rem 0.8rem 0;z-index: 1;
}


.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    border-bottom-color: #353943;
    border-width: 0px 15px 15px;
    top: -2px;
    z-index: 10;
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
    border-bottom-color: #353943;
    border-width: 0px 15px 15px;
    top: 0px;
    z-index: 10;
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
    bottom: -2px;
    border-width: 15px 15px 0;
    border-top-color: #353943;
    z-index: 1;
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
    border-left-color: #353943;
    border-width: 0.8rem 0.8rem 0;z-index: 1;
}


.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
    border-right-color: #353943;
    border-width: 0.8rem 0.8rem 0;
    z-index: 1;
}


/********************Glossary Page Styles******************/


.glossary span {display:block; padding-top:5px;}
.fancy {
    height: 1px;
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    text-align: center;
    margin:20px 0;
}

.fancy.A:after, .fancy.B:after, .fancy.C:after, .fancy.D:after, .fancy.E:after, .fancy.F:after, .fancy.G:after, .fancy.H:after, .fancy.I:after, .fancy.J:after, .fancy.L:after, .fancy.M:after, .fancy.N:after, .fancy.P:after, .fancy.R:after, .fancy.S:after, .fancy.T:after, .fancy.U:after, .fancy.V:after, .fancy.W:after {
    content: "A";
    display: inline-block;
    position: relative;
    top: -15px;
    font-size: 38px;
    padding: 0 0.25em;
    background: white;
    /* color: #006c68; */
    font-weight: 600;
}
.fancy.B:after{content:"B"}.fancy.C:after{content:"C"}.fancy.D:after{content:"D"}.fancy.E:after{content:"E"}.fancy.F:after{content:"F"}.fancy.G:after{content:"G"}.fancy.H:after{content:"H"}.fancy.I:after{content:"I"}.fancy.J:after{content:"J"}.fancy.L:after{content:"L"}.fancy.M:after{content:"M"}.fancy.N:after{content:"N"}.fancy.P:after{content:"P"}.fancy.R:after{content:"R"}.fancy.S:after{content:"S"}.fancy.T:after{content:"T"}.fancy.U:after{content:"U"}.fancy.V:after{content:"V"}.fancy.W:after{content:"W"}


ul.pagination {
    display: inline-block;
}

ul.pagination li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

ul.pagination li a {
    text-align: center;
    color: #343a40;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 5px;
    width: 45px;
    margin-right: 5px;
    padding: 5px;
    margin-bottom: 10px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


ul.pagination li a:hover:not(.active) {background-color: #f1f1f1;color: #333;}

ul.pagination li a.active {
    color: #005ea2 !important;
    background-color: #fff;
    outline: 3px solid rgba(38, 143, 255, .5);
    font-weight: bold;
}

.form-control {
    /* width: 450px; */
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
font-family: "Font Awesome 6 pro" !important;
}
table.dataTable thead .sorting:after {
  content: '\f0dc';
}
table.dataTable thead .sorting_asc:after {
  content: '\e155';
}
table.dataTable thead .sorting_desc:after {
  content: '\e156';
}

table.dataTable td.dt-control:before {
    display: inline-block;
    content: '\f0fe';
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: '\f146';
}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 40%;
    display: inline-block; 
    content: '\f0de';
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
    font-size: 20px;
    /* padding: 5px; */
}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    display: inline-block;
    content: '\f0d7';
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
    font-size: 20px;
}

table.dataTable.table-hover tbody tr:hover {
    background-color: #fafafa;
}

.category-select {
    overflow: hidden;
    min-width: 280px;
    padding: 0px 12px;
    border: 1px solid #ddd;
    height: 50px;
    font-weight: 500;
    max-width: fit-content;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #333333 0), linear-gradient(135deg, #333333 50%, transparent 0), linear-gradient(90deg, #ddd, #ddd) !important;
    background-position: calc(100% - 20px) calc(1.2em + 1px),calc(100% - 15px) calc(1.2em + 1px),calc(100% - 2.5em) 0.35em!important;
    background-size: 6px 6px,6px 6px,1px 2em!important;
    background-repeat: no-repeat!important;
    background: #fff;
    padding-right: 60px;
}


.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
}

.dataTables_wrapper .dataTables_filter input {
    height: 48px;
    padding: 5px 12px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0.25rem;
    transition: border-color .15s;
    width: 300px;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}

.dataTable td .last-updated {
    font-size: 12px;
    font-weight: 400;
    display: block;
}

.form-control{
    color: #262626;
    font-weight: 600;
    font-size: 17px;

}
.dataTables_wrapper .dataTables_filter input::placeholder {
    color: #6f6f6f;
    font-weight: 500;
    font-size: 16px;
}


.dataTables_wrapper .dataTables_filter label {
     width: 100%;
}


.dtfh-floatingparenthead {
    background-color: #fff;
}

.dataTable .form-title a,
.dataTable .publication-title a

{
    font-size: 18px;
    font-weight: 700;
    color: #212529;
    text-decoration: none;
}

#mid-content .dataTable .form-title a[href$=".pdf"]:after,
#mid-content .dataTable .publication-title a[href$=".pdf"]:after

{
    display: none;
}

.dataTables_wrapper .dataTables_info {
  color: #fff;
}

.dataTables_info {
  color: #fff;
  
}

.dataTable p {
    margin: 5px 0;
    font-weight: 400;
}


    
.dataTable a[href$=".pdf"].btn span:before,
.dataTable a.pdf_icon span:before

{
    content: 'Download';
}


.sidenav-list li a[href$=".html"]:after,
.sidenav-list li a[href$=".org"]:after

{
    content: "\e09f";
    font-family: "Font Awesome 6 pro";
    margin-left: 8px;
    font-size: 12px;
}


#mid-content .dataTable .btn-light,
#mid-content .dataTable .btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

 #mid-content .dataTable a i{
    font-size: 16px;
}

 #mid-content .dataTable tr td:last-of-type{
text-align: -webkit-center;
}

 #mid-content .dataTable tr.group td:last-of-type{
text-align: left;
}

 #mid-content .dataTable tr.group td h2{
    padding: 25px 20px;
    margin-top: 0px;
    font-weight: 700;
    border: 1px solid #dee2e6;
    border-bottom: none;
}

table.dataTable {
border-collapse: collapse !important;
width: 100% !important;
}


.table.dataTable td {
    font-weight: 500;
    padding: 1rem;
}

table.dataTable tbody tr {
    background-color: transparent;
    border: 1px solid #dee2e6;
    border-collapse: collapse;
}

table.dataTable tbody tr.group {
    border-collapse: collapse;
    border: none;
}

table.dataTable tbody tr.group td{
        padding: 50px 0 0;
}


table.dataTable thead {
    color: #fff;
    border-bottom: 0;
    background-color: #3780b3;
    border-color: #fff;

}

table.dataTable tbody tr.group:first-of-type td {
    margin-top: 0;
    padding-top: 0;
}

table.dataTable tbody tr.group:first-of-type td h2{
    margin-top: 0px !important;
}

table.dataTable tbody tr.group:hover {
    background-color: initial;
}

table.dataTable tbody tr.group th {
    background-color: #fafafa;
    border-bottom: 1px solid #e6e6e6;
}
.table-striped tbody tr.group {
    background-color: transparent;
}



#mid-content .dataTable a.btn[href$=".html"] span:after,
#mid-content .dataTable a.btn[href$=".org/"] span:after,
#mid-content .dataTable a.btn[href$="-news"] span:after,
#mid-content .dataTable a.btn[href$=".htm"] span:after,
#mid-content .dataTable a.btn[href$=".asp"] span:after,
#mid-content .dataTable a.btn[href$="/"] span:after,
#mid-content .dataTable a.external-link span:after
{
    content: "\e09f";
    font-family: "Font Awesome 6 pro";
    color: #393832;
    margin-left: 8px;
    font-weight: 500;
    font-size: 12px;
}



#mid-content .dataTable a.btn[href$="-news"] span:before,
#mid-content .dataTable a.btn[href$=".htm"] span:before,
#mid-content .dataTable a.btn[href$=".asp"] span:before,
#mid-content .dataTable a.btn[href$=".html"] span:before,
#mid-content .dataTable a.btn[href$=".org/"] span:before,
#mid-content .dataTable a.btn[href$="/"] span:before,
#mid-content .dataTable a.external-link span:before

 {
    content: "Link";
}


.Site.Map li a[href$=".html"]:after,
.Site.Map li a[href$=".org"]:after

{
    content: "\e09f";
    font-family: "Font Awesome 6 pro";
    margin-left: 8px;
    font-weight: 500;
    font-size: 12px;
}

    .careers-full {
        background-color: #F8F9FA;
    }


    .five9-frame {
    right: 8.7%; !important;
    }   

    .five9-chat-button {
    font-size: 24px !important;
    background: #336666 !important;
    }

    .five9-action-btn, .ui-btn {
    background-color: #336666 !important;
    }

  #start-chat-button::before {
    content: "Please read our guidelines before starting the chat.";
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}
  
    #five9-popout-button {
    float: right;
    } 
  
  a#terminate-connecting-button {background-color: #fff !important;}

	.Map .five9-frame {display: none !important;}


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

 .box3-home {
    border-bottom: 1px solid #e6e6e6;
}
   
.banner-image .int-hero-callout {
    position: relative;
    height: 100%;
}

.core-values .card .card-body .card-text {
    color: #e4e5e7;
    font-size: 18px;
    TEXT-TRANSFORM: INITIAL;
    LINE-HEIGHT: 1.4em;
}

.core-values .card .card-body H5 {
    font-size: 28px;
    FONT-WEIGHT: 600;;
}

.core-values .card .card-header {
    position: absolute;
    width: 100%;
    transition: opacity 0.15s ease-in-out;
    background: transparent;
    border: none;
}

.core-values .card .card-body {
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    text-align: center;

}
.card.lift:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); 
    box-shadow: 0 0.5rem 1.5rem 0 rgb(33 40 50 / 15%);
}
.card.lift  {
        transform: scale(1);
    transition: transform .9s ease;
    mix-blend-mode: multiply;
}

.swiper-vrslife .card.lift:hover {
transform: none;
    box-shadow: none;
}

    #common-banner .tagline,
    .js .site-nav .logo,
    .js .site-nav .nav-links {
        display: block;
    }

    #common-banner {
        padding: 1em 1.5em;
    }

    .fixed-top {
        top: 120px;
    }

    .fixed-side-nav.is-fixed {
        position: fixed;
        top: 100px;
    }
}



@media (max-width: 1400px) {
.bg {
    height: 600px;
}
.navbar-light .navbar-nav .nav-item {
    margin: 0 20px;
}

  .nav-secondary .container div li a {
		font-size: 14px;
		padding: 15px 10px;
}
 
     .nav-secondary .btn {
        margin: 0 10px;
    } 
  
.plan-cards .card ul {
    font-size: 15px;
}

    .media-body h2, .latest-news-article h3 {
 font-size: 18px; 
    }       
   
  
  .home-callout .media p,
  .latest-news p {
      font-size: 15px;
   }

  
.right-callout .callout-block p, .right-callout .callout-block ul li {
    color: #fff;
    font-size: 14px;
}
  
 .right-callout section h2 {
    font-size: 18px;

} 
}
@media (max-width: 1200px) {
body {
    font-size: 14px;
}
  
.right-callout {
    font-size: 14px;
}

      .home-callout .media {
        padding: 25px 15px;
    } 

  
  

   .carousel-caption h3 {
      font-size: 20px;
   }



  .banner.banner-image #block-pageimage {
    height: 200px;
}
  
  .plan-compare div  {
     font-size: 14px;
}

.plan-compare p.d-flex i {
    font-size: 14px;
}

  
.menu-block ul li.dropdown-header {
    font-size: 15px;
    line-height: 1.4em;
}

 .menu-block .dropdown-item {
    font-size: 14px;
}
  
.right-callout section h2 {
    font-size: 16px;
}  
.right-callout .callout-block p,
.right-callout .callout-block ul li {
    font-size: 13px;
}

.right-callout div:first-child {
    margin-top: 0;
}
.right-callout .callout-block {
    min-height: 200px;

}
  
  
  .feature-tile {
      display: flex;
    align-items: start;
    justify-content: start;

}
   
.feature-tile .tile-image {
     width: 80px;
    height: 80px;
    overflow: hidden;
}

  
  .Investments .card-group {
    display: block;
}

.enrich-card p {
    font-size: 15px;
}

  
#investment-objectives .card-group>.card {
    border: 1px solid #ddd;

}

  
.dataTables_wrapper .fg-toolbar
{
     display: block;
}

.nav-pills-custom .nav-link {
    font-size: 13px;

}

.tab-pane .careers-btm-callout a.btn-primary {
    font-size: 15px;
}

.careers-content p {
    font-size: 14px;
}
.careers-panels-container section.offset-xl-1 h2,
.careers-panels-container section.offset-xl-2 h2 {
    font-size: 30px;
    /*display: none !important;*/
}

.careers-content span {
    font-size: 32px;
}

.careers-content h2 {
    font-size: 20px;
}

.careers-btm-callout {
    font-size: 18px;
}


   .navbar-light .navbar-nav .nav-item {
        margin: 0 12px;
    }

.navbar-light .navbar-nav .nav-link {
    font-size: 15px;
}


.navbar-light .navbar-nav .nav-link .fas {
    margin-left: 3px;
}


     #featured-video .title-info div {padding: 0 15px;}


          .card-meta-data i {
            color: #009a90;
            font-size:38px;
            }
  


    .bg-hero .hero-cta-image {
        text-align: center;
}

   .middle-callout {
    border: none;
}


     .int-page.container {
    background-color: #fff;
}


    .panel-body p {
        line-height: 1.4em;
    }

    .panel-body h3.step-heading {
        font-size: 18px;
    }


    #news-insights {

        padding: 40px 0px 15px;

    }




    .home-tile {
        min-height: unset;
        padding: 0;
    }

        .home-tile p {
            line-height: 1.4em;
        }

    .contact-page .col-xl-9, .mod-updates .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.bg {
    height: 450px;

}
 #sb-site {
    background: #fff !important;
}

    footer .footer-secondary {
        text-align: center;
      padding-top: 25px;
    }
   
  .footer-social {
    align-items: center;
    justify-content: center;    
  }
  
  .js-tabs ul.tabs-list {
    flex-direction: column;
    height: 50px;
    overflow:hidden;
        border-top: 2px solid #343a40;
        border-bottom: 2px solid #343a40;
}

#mid-content .js-tabs .tabs-list .ui-tabs-tab {
      height: 45px;
      flex: 0 0 auto;
      margin: 0;
      border: none;

    }


 .js-tabs .tabs-list li.ui-state-active {
    -webkit-box-ordinal-group: -1;
    order: -1;
    border:none;
    /* height: auto !important; */
}

 .js-tabs .tabs-list li.ui-state-active > a::before {
    font-family: "Font Awesome 5 Pro";
    color: #343633;
    margin-right: 10px;
    font-weight: 300;
    display: none;
}

 .js-tabs .tabs-list li.ui-state-active > a::after {
    content: "\f142";
    font-size: 20px;
    font-family: "Font Awesome 6 Pro";
    color: #000;
    font-weight: 400;
    position: absolute;
    right: 25px;
    }


 .js-tabs .tabs-list.-is-open {
      height: auto;
    }

 .js-tabs .tabs-list.-is-open li.ui-state-active > a::after {
    content: "\f078";
    font-size: 18px;
    font-family: "Font Awesome 5 Pro";
    color: #000;
    font-weight: 600;
    }


.js-tabs .tab{
    padding: 0px 15px;
    text-align: left;
    font-size: 16px;
    line-height: 1em;
    width: 100%;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: none;
  }


.js-tabs .ui-state-active a.tab {
    margin: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    line-height: 0;
    justify-content: center;
    font-weight: 700;
    }

#mid-content .ui-tabs-tab.ui-state-active {
    border:none;
    font-weight: 700;
}

#mid-content .js-tabs .ui-state-hover .tab{
    color: #000;
    background-color: #f8f9fa;
}

.sidenav-list>li .currentbranch1:after,
   .sidenav-list>li .currentbranch0:after {
      display: none;
   }

   .sidenav-list>li .currentbranch1 a,
   .sidenav-list>li span.currentbranch1 {
      border-right: 1px solid #ddd;
   }

   .section-menu .dropdown-menu.show {
      display: contents;
   }
  
  
  
#investment-objectives .card i {
    font-size: 28px;
    color: #009a90;
}

#investment-objectives .card p {
    font-size: 12px;
}

#investment-objectives .card span {
    font-size: 16px;
}

#investment-objectives .card .card-body {
    padding: 15px !important;
}

}

@media (max-width: 991.98px) {
.home-callout .media p,
 .latest-news p
 {
        margin: 0;
    }
  
  .Map iframe {height: 250px;}
  
  .boilerplate .container > p {
  font-size: 16px;
}
  
  .table {
  font-size: 14px;
}

.footer-logo {
    display: none;
}
  
  .explainer-video {
    width: 180px;
    height: 180px;
}

  
.note {

   font-size: 14px;
}
  
.navbar i {
    color: #fff;
    font-size: 20px;
}

      .swiper-vrslife .card {
        padding: 15px;
        height: 360px;
    }
.swiper-vrslife .card .face.back-face .fa-quote-left {
    top: 10px;
    left: 10px;
}


.swiper-vrslife .card .face.back-face .fa-quote-right {
    bottom: 10px;
    right: 10px;
}

  
#investment-objectives .card i {
    font-size: 18px;
    color: #009a90;
}

#investment-objectives .card p {
	font-size: 8px;
}


#investment-objectives .card span {
	font-size: 12px;
}

#investment-objectives .card .card-body {
    padding: 15px 5px !important;
}

  
 h3.featured-header, h3.latest-header {
    font-size: 22px;
    padding-bottom: 5px;
}

 #news-insights {
    font-size: 26px;
    padding:  25px 0;
}   
  
  .page .home-alerts i {
    font-size: 12px;
}
  
    .page .home-alerts p {
    font-size: 10px;
    line-height: 1.4em;
}
  
  footer {
    background-color: #212529;
  	font-size: 14px;
}

    .boilerplate h3 {
        font-size: 20px;
    }

  tr.ed-topics p, tr.ed-topics a {
    font-size: 15px;
}

  .news-teasers.ed-topics {
    border: none !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
}
  
.Cost-of-Living .transition-boxes article h2{
  font-size: 16px;
}
  
  
 .table .note, 
 .table .note strong {
    margin: 0;
    width: initial;
}
    
  
  .panels-container h2,
  .contributions-more .card .h-100,
  .hybrid-more .card .h-100{
    display: none;
  }
  
 
  
  
.home-callout .menu-block span {
    font-size: 26px;
}

    .home-callout div.col-xl-3 {
        transform: scale(1);
    }
  
  
span.plan-title {
    font-size: 12px;
 }
  
.plan-cover-group {
    margin-bottom: 50px;
}
 .plan-cover:hover .overlay {
    border: none;
}
  
.plan-cover {
    max-width: 160px;
    height: 200px;
    background: #fff;
    border: 3px solid #009a90;
}  
 .plan-cover .img-fluid {
    width: unset;
    height: 180px;
}
.plan-cover .icon {
    font-size: 14px;

}  
  
  .plan-cover i {
    font-size: 35px;
    width: 50px;
    height: 50px;
    line-height: 25px;
    padding: 10px;
}

  .plan-compare p.d-flex i {
    font-size: 14px;
}

  
.plan-compare .db-plan-image,
.plan-compare .dc-plan-image{
      height: 180px;
}

  .plan-compare div {
    font-size: 14px;
}

.section-menu.dropdown .btn {
    font-size: 12px;
}  
    .Media .card-preview .card-image {
       min-height: 300px; 
       height: 300px; 
    }

  #mid-content hr {
    margin: 15px 0;
}
.Media .card-preview .caption i {
    font-size: 60px;
}
  
  .Media .card-preview .caption h3 {
    font-size: 22px;

}

  .Media .card-preview .caption p {
    font-size: 16px;
}

  .Media .grid-item > p {
        font-size: 14px;
  }
  
  
.form-control {
    font-size: 15px;
    height: 42px;
    min-width: 100% !important;
 
}
  
  .note {
    margin: 25px 0;
    padding: 25px;
}
 
  
    #chartjs-tooltip {
        max-width: 200px;
        min-width: 250px;
        font-size: 6px !important;
        padding: 10px;

    
    }

#chartjs-tooltip table thead th {
    font-size: 8px;
    margin-bottom: 0px;

}

#chartjs-tooltip table tbody tr {
    margin: 0;
}
  
  .right-callout h5 {
    font-size: 24px;
}
  
 .right-callout .callout-block p {
    font-size: 14px;
}
  
.dataTable .form-title a,
.dataTable .publication-title a{
    font-size: 15px;
  line-height: 1em;
}


.bg-hero .alert p, .ie11-alert, .alert.global-alert {
    font-size: 12px;
    line-height: 1.5em;
}


.sticky {
  top: -1px;
}

        .tabs-list li {
      width: 100%;
    }

    


.mission-section h3 {
    font-size: 20px;
}

.mission-section p {
    font-size: 14px;
}


.careers-menu {
        background-color: #f8f8f8;
        border-radius: 0;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1) !important;
        border-bottom: 2px solid #343a40;
}



.careers-content span {
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 5px;
    display: block;
}

.careers-boilerplate {
    text-align:center;
}


 
.careers .ui-tab .tab:hover {
    border-bottom: none;
}


.careers ul.tabs-list {
        height: 40px;
        overflow: hidden;
        padding-bottom: 15px;
        justify-content: center;
        display: flex;
        align-items: center;
}

.careers .tabs-list li {
      height: 40px;
      display: inline-grid;

    }


.careers .tabs-list li a{text-decoration: none;display: flex;align-items: center;padding: 0;justify-content: space-between;}

.careers .tabs-list li.ui-state-active {
		-webkit-box-ordinal-group: -1;
        order: -1;
        border: none;
		height: 40px;
}

  
 .tabs-list li.ui-state-active > a::before {
    content: "\f03a";
    font-family: "Font Awesome 6 Pro";
    color: #343633;
    margin-right: 12px;
    font-weight: 300;
   display: none;
}

 .tabs-list li.ui-state-active > a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    position: relative;
    }


.careers .tabs-list li.ui-state-active > a::before {
    margin-right:15px;     ;    

}

.careers .tabs-list li.ui-state-active > a::after {
    margin-left: 8px;  
    }


.careers .tabs-list.-is-open {
      height: auto;
    }

.careers .tabs-list.-is-open li.ui-state-active > a::after {
      font-family: "Font Awesome 6 Pro";
      content: "\f106";
    }


.careers .tab{
    padding: 15px 25px;
    max-width: inherit;
    font-weight: 800;
    color: #212529;
  }


.careers .ui-state-active a.tab {
        margin: 0;
        font-size: 17px;
        font-weight: 800;
    }
  

.navbar-brand span, .slider-brand span {
        display: inline-block;
        font-size: 12px;
        border-left: 2px solid #fff;
        padding: 0 10px;
        color: #fff;

}
.accordion-block a.menuitem {
    padding: 18px 15px 18px 0;
}
  
.accordion-block a.menuitem h2,
.accordion-block a.menuitem h3,
.careers .accordion-block a.menuitem h2
 {
    font-size: 18px;
    padding-left: 0;
    padding-right: 15px;
    }
  
.accordion-block .ui-accordion-content {
    padding: 0 0 10px;
    border-bottom: none;
}  
  
  .accordion-block .ui-icon {
        right: 15px;
        font-size: 14px;
}

  
 .banner-cta-centered img {
    max-height: 140px;
}

.bg-hero .hero-cta-image img {
    height: 180px;
}

 h2 {
        font-size: 20px;
        margin: 25px 0 10px;
}

  
h3 {
    font-size: 16px;
}


h4 {
    font-size: 15px;
	margin-top: 0;
}
  
  
.board-mtg-post h3 {

    font-size: 18px;
  
}
  
.cta_banner h3 {
    font-size: 34px;
}

.board-grid .feature-card {
    max-width: initial;
}

.banner.banner-image #block-pageimage {
    height:180px;
}

    #color-overlay {
        box-shadow: none;
    }


.navbar-brand img, .slider-brand img {
    height: 40px;
    margin-right: 10px;
    }


    .box3-home {
        background-color: #fff;
    }

    .home-tile .tile-header {
    font-size: 18px;
}
   .home-tile p {
    font-size: 14px;
}


    .primary-vnav {
        display: block;
    }

    .nav-item:last-child {
        position: relative;
    }


    #bottom-content {
        padding: 0 15px;
    }

    .member-resources {
        margin: 30px 0 0;
    }

        .member-resources h2 {
            margin: 10px 0;
        }

    #mid-content.mid-wrapper .mid-content-block {
        margin: 0;
    }

    .carousel-control.left {
        left: 15px;
        right: auto;
    }

    .carousel-control.right {
        right: 15px;
        left: auto;
    }

    .carousel-control {
        top: 36%;
        position: absolute;
        background-color: rgba(0,0,0,.8);
        filter: alpha(opacity=50);
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .right-callout {
        margin-bottom: 30px;
    }


    .nav-item.dropdown.show .dropdown-menu {
     /*   box-shadow: none;  */
    }

    .dropdown-search {
        display: block !important;
        position: relative;
        transform: none !important;
        box-shadow: none;
    }



.cta_banner .container h3 {
    font-size: 34px;
}

 li.download-file .download-text {
    padding: 0px; font-weight: 500;
}

    .nav-item.dropdown.active .menu-top-level {
        display: block;
        box-shadow: none;
    }

    .navbar {
         background-color: #005755;
        height: 65px;
    }


  	.navbar .mobile-menu-block {       
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        width: 100%;
    }

    .int-hero-home.banner-standard  {
        padding: 0;
        z-index: 10;
        height: 140px;
    }
  
.int-hero-callout-alt, .int-hero-home.banner .int-hero-callout-alt{
    font-size: 26px;
}
  

    .Financial.Wellness .int-grid{
        min-height: 160px
    }

    .bg {
        height: 400px;
    }

    .nav-secondary {
        display: none !important;
    }

    .right-callout .btn-primary {margin: 0;}

    .right-callout .btn-padding {
        padding: 15px;
        display: block;
    }

    .right-callout div.callout-container-body {padding: 0 10px; min-height:100px;}


    .menu-block ul {
        list-style: none;
        padding: 0;
    }

    .menu-col2 ul ul li:first-of-type {
        border: none;
    }

    .dropdown .row, .nav-item.dropdown.show .dropdown-menu {
        min-height: unset;
        padding: 0 5px;
        margin: 0;
    }



    .dropdown .menu-block {
        border-right: none !important;
        margin: 0;
        padding: 0 5px;
    }

    .dropdown-header a {
        padding: 15px 0px 10px;
        margin: 5px 0px;
        float: left;
        font-size: 18px;
        border-bottom: 2px solid #3B3B3B;
        width: 100%;
    }

    .dropdown .menu-block {
        margin-top: 0;
    }

    .dropdown .menu-desc {
        padding-bottom: 15px;
    }


    .dropdown-item {
        /* padding: 10px; */
        margin-bottom: 0;
        font-weight: 500;
    }

    li:last-of-type .dropdown-item {
        border-bottom: none;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 18px;
        margin: 5px 0;
    }

    .navbar-light .navbar-nav .nav-item.dropdown:first-child a.nav-link {
        padding: 0px !important;
    }

    .navbar-light .navbar-nav .nav-item.dropdown:last-child {
        margin-left: 0px !important;
    }


    .nav-item.dropdown:last-child .dropdown-menu {
        position: relative !important;
        transform: translate3d(0px, 0px, 0px) !important;
        display: block !important;
        box-shadow: none;
        padding: 15px 0;
    }

        .nav-item.dropdown:last-child .dropdown-menu .container {
            padding: 0;
        }

    .menu-search .nav-link  {
        display: none;
    }


    #search .zoom_searchform input {
        overflow: visible;
        border-color: #CDCDCD;
        border: 1px solid #cdcdcd;
        padding: 5px 5px;
        font-size: 14px;
        border-radius: 3px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 20px !important;
        font-weight: 600;
        color: #343633;
    }

    .menu-block span, .menu-block h2 {
        display: none;
    }

    .dropdown-menu .container {
        padding: 0 !important;
    }

    .nav-link .fa-caret-down {
        font-size: .8em;
    }

    .dropdown.active.show .dropdown-menu {
        display: block;
        border: none;
    }

    .dropup, .dropdown {
        position: relative !important;
        padding: 0px 15px;
        margin: 0;
        background-color: #fff;
        /* border-bottom: 1px solid #e6e6e6; */
    }

    .navbar-light .navbar-nav .nav-item.active a.nav-link {
        color: #006d66;
    }

    ul ul li.dropdown.active {
        padding: 0;
        border-left: 4px solid #006d66;
    }

        #navigation .collapse.show, #navbar {
    border-bottom: none;
    }


    .quicktopics.dropup, .quicktopics .dropdown {
        border: none;
        padding: 0;
        background-color: transparent;
    }

    .box-shadow {
        box-shadow: none;
    }

    .nav-item.dropdown .dropdown-menu .container {
        padding: 0;
    }

    .nav-secondary ul, #shape {
        display: none;
    }

    .quicktopics .dropdown-menu {
    width: 100%;
    }


    .contact-name {
        font-size: 18px;
    }


        .bg-hero .quicktopics {
        height: 100%;
        width: 100%;
        padding: 0;
        border-radius: 0;

    }
    .quicktopics section {
        padding: 15px;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        flex-flow: column;
    }
    .quicktopics h1 {
        font-size: 28px;
    }
    .quicktopics span {
        font-size: 15px;
    }
  
    #dcphybrid a.btn {
        position: relative !important;
        bottom: 0 !important;
    }

    .contact-description {
        font-size: 12px;
    }


    .table .btn {
        font-size: 14px;
    }


    .table .link-btn-row {width: 75px;}


    .resp-nav {
display:block !important;

}

.right-content.col-md-4, .right-content.col-md-3 {
        margin-top: 15px;
    }
    .subscribe-label {
    margin: 0 10px 10px 0;
    font-size: 14px;
}

.subscribe-text {font-size: 16px;}
.subscribe-text span {font-size: 12px;}

.right-callout .milestones-callout .btn {
    margin: 25px 0;
}

.right-callout .image-callout .btn {
    margin: 25px 0;
}

  
  .plan-block img{
 	 max-width: 80px;
    display: none;
}
  

  .myvrs-logo {
    width: 50px;
}

      .card-preview .card-image {
        height: 180px;
    }
  
.card-preview .card-title {
        font-size: 16px;
}

  .card-preview .card-text {
        font-size: 12px;
}
  
.card-preview .caption i {
    font-size: 40px;
}  

  .card-preview .caption span {
    font-size: 18px;
}
  
    }


@media (max-width: 767px) {
.int-page {
    margin-bottom: 0;
    padding-top: 25px
}
  
  .boilerplate {
    padding: 15px;
    border-top: 1px solid #ddd;
    background: none;
}
  

   .home-callout .media {
      padding: 15px 5px;
      max-width: 400px;
      margin: 0 auto;
   }

   .media-body {
      padding: 10px 25px;
   }

  
  .right-callout .callout-block p {
        font-size: 16px;
    }
 
  .right-callout .callout-block .callout-overlay {
    text-align: center;
}
  
.right-callout .callout-block {
        min-height: 250px;
        /* max-width: 360px; */
        margin: 0 auto 30px !important;
      }
  
.right-callout section h2 {
    font-size: 20px !important;
}

  .right-callout .callout-block section.callout-caption {
    align-items: center;
}
  
  
  .js-tabs ul.tabs-list {
    height:50px;

}

  
#mid-content .js-tabs .tabs-list .ui-tabs-tab {
      height: 50px

    }

    .js-tabs .tab {

        font-size: 17px;

    }
.right-callout h2 {
    /* background: none; */
    border: none;
    padding-bottom: 0;
    text-align: left;
    font-size: 20px;
    text-transform: capitalize;
}


    .right-callout .callout-block h2 {
    /* background: none; */
}

    
.right-callout hr {
    margin: 10px 0;
    display: none;
}

.right-content div {
    border: none;
    background: #F8F9FA;
    /* padding: 1rem 0; */
    /* min-height: 230px; */
    margin: 0 auto 30px!important;
}

  .navbar-brand span {
	display: none;
    
}

  
  
.note {
		padding: 15px;
        margin: 15px 0;
        border-width: 2px !important;
        font-size: 13px;
}  

  
  .note > strong:first-of-type, .mid-gutter > .alert-info strong:first-of-type {
    margin-bottom: 0;
}
  
  
.sidenav-list > li:last-of-type a {
    padding-bottom: 20px;
    /* border-bottom: 1px solid #ddd; */
}
.sidenav-list .multilevel-linkul-0 a {
    font-weight: 500;
    font-size: 13px;
    padding-left: 25px;
}

  .sidenav-list>li span.currentbranch1 {
    font-size: 13px;
    padding-left: 25px;
}
  
  
  
.sidenav-list>li span.currentbranch0 {
    padding: 10px 25px 10px 20px;
    font-size: 14px;
}

  .sidenav-list>li a {
    padding: 10px 25px 10px 14px;
    font-size: 14px;
}
 
  
.plan-cards {
    margin: 30px 0;
}
  
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
    width: 350px;
}
  
  .popover {
    width: 400px;
    padding: 15px 10px;
    margin: 15px;

}

.popover-header {
    font-size: 16px;
}

.popover-body {
    font-size: 12px;
}


#mid-content .panels-container {
    padding: 15px 5px;
}

    

.banner-image .int-hero-callout{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    position:  relative;

}
.mid-gutter .sg-type-group .sg-group-item {
    float: none; 
}

.bg-hero .hero-cta-image img {
    height: 160px;
}


  .banner.banner-image #block-pageimage {
    height: 140px;
}
 

.bg-hero .hero-cta-image span {
    font-size: 14px;
}

.int-page h4.board-mtg-date, .int-page .board-mtg-time, .board-mtg-body a.modal-link  {
    font-size: 14px;
}


.board-mtg-post .board-agenda a, .board-mtg-post .board-minutes a, .board-mtg-post .board-materials a, .board-mtg-post .board-video a{
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
}

.board-mtg-post {
padding: 5px 15px;
}

.right-callout a span {
    margin-left: 0;
}
  


.int-hero-callout-alt, .int-hero-home.banner .int-hero-callout-alt {
    font-size: 20px;
}


.int-grid .breadcrumb li {
      font-size: 12px;
   }

   .int-grid .breadcrumb-item::after {
      font-size: 8px;
   }
  
    #member-benefits hr {display:none;}



    #block-primaryboilerplatea, #block-primaryboilerplateb, #block-boilerplatemissionvision-2, #block-boilerplatemissionvision-1 {
        padding: 0 15px;
        font-size: 12px;
    }

    .right-callout {
        margin: 0 auto;
        margin-top: 0;
        /* background: #F8F9FA; */
        max-width: 500px;
    }

    .right-callout h4 {
      min-height: 50px; 
      line-height: 50px; 
      padding:0 15px;

    }

    #mid-content {
    margin: 0 0 30px;
    border: none;
    padding-top: 0;
}

  
  .careers #mid-content {
    margin: 0;
}

    ul.valuation-reports li a {
    margin-right: 5px !important;
    }


    .home-tile .fa-stack {
        font-size: 26px;
    }


    footer #google_translate_element {
        text-align: center;
        margin: 20px 0 5px;
    }

    footer .col-12.order-4 {
        text-align: center;
    }

    .footer-copyright {
		padding: 15px 5px;
      font-size: 10px;
    }

    .panel-body {
        padding-left: 105px !important;
    }

    #mc_embed_signup .form-control {
        width: 180px;
        font-size:14px;
        }

    #mc_embed_signup .btn .fa-envelope {
        display: none;
    }

    #mc_embed_signup .btn {font-size:14px;}
    .plan-img {display:none !important;}
    .well .media-body {padding:0;}
    .well.media {padding:15px;}
    .well.media h2 {font-size: 20px;}

        #navbar, #navigation .collapse.show  {
    width: 100%;

    }

    .rep-border {
        border-bottom: 1px solid #ddd;
        padding-bottom:60px;
    }

    .rep-block .fa-layers .fa-w-16 {visibility:hidden;}

    .contact-name a {
    margin: 15px 0 5px !important;
}

    table td .btn-primary span{display:none;}
    table .btn-secondary, table .btn-default, table .btn-primary {min-width: unset;}
    .threecol-button {width: 50%;}
    .member-resources li a {
}

   .right-content.col-md-4 {
        margin-top: 0;
        /* background: #F8F9FA; */
        max-width: none;
        margin: 0 !important;
    }



  .board-grid .board-card {
    padding: 0px 4px;
    margin: 0;
}

.board-grid .board-card .no-image {
    font-size: 12px;
}
  
.board-grid .board-card img, .board-grid .board-card .no-image {
        max-width: 150px;
        height: 200px;
} 
.board-grid .board-card .card-body {
    padding: 10px;
}  
  .board-grid .board-card .card-body h5 {
    margin: 0;
    font-size: 14px;
}
  
.board-grid .board-card .card-body h6 {
    margin: 5px;
    font-size: 10px;
}

.board-grid .board-card .card-body span {
    font-size: 10px;
    margin-top: 0;
}
 
      .card-preview .card-image {
        height: 140px;
    }
  
.card-preview .card-title {
        font-size: 14px;
}

  .card-preview .card-text {
        font-size: 12px;
}
  
.card-preview .caption i {
    font-size: 30px;
}  

  .card-preview .caption span {
    font-size: 16px;
}
  
.tab-pane .perks-section .card i{

font-size: 24px;
margin: 5px 0;

}

.tab-pane .perks-section .card .card-body {
    padding: 15px;
}
  
.tab-pane .perks-section .card-body h3 {

font-size: 14px;
}

.tab-pane .perks-section .card-body p {
    font-size: 10px;
    margin: 0;
}

.careers .tab-pane .featured-section .card-title {

    font-size: 14px;

}

.careers .tab-pane .featured-section .card-title span {
    font-size: 12px;

}

.benefits-section span {
        font-size: 14px;
}


.careers .tab{
    padding: 15px 25px;
    max-width: inherit;
    font-weight: 800;
    color: #212529;
    font-size: 10px;
  }


.careers .ui-state-active a.tab {
        margin: 0;
        font-size: 12px;
        font-weight: 800;
    }

.careers .tab-pane .featured-section .card-title {
    font-size: 12px;
  
}  

  .careers .tab-pane .featured-section .card-title span {
    font-size: 10px;
}

  #openjobs .card-body > span {
    font-size: 5px;
    padding: 4px;
    font-weight: 700;
    top: 10px;
    right: 10px;
}
  
  .tab-pane .featured-section .card .card-text .btn,
  .tab-pane .featured-section .card .card-text .btn i{
	font-size: 10px;
}
.core-values a > div i {
    font-size: 30px;
    margin-bottom: 8px;
}
  
  .core-values a h3 {
    font-size: 18px;
}
  
.core-values .row div p {
    font-size: 12px;
    line-height: 1.4em;
}
  
.quick-facts .card img {
    height: 40px;
}

  
  .quick-facts .card-text,
  .quick-facts .card strong{
    font-size: 12px;
}
  
}


@media (max-width: 576px) {
  .swiper-vrslife .card {
    height: 300px;
    padding: 0;
}

.swiper-vrslife .card .face.back-face .fa-quote-left {
    top: 0px;
    left: 0px;
}


.swiper-vrslife .card .face.back-face .fa-quote-right {
    bottom: 0px;
    right: 0px;
}
  
  .swiper-vrslife .card {
    background-color: transparent;
}

  
  .explainer-video {
    width: 140px;
    height: 140px;
}


      .accordion-block a.menuitem h2, .accordion-block a.menuitem h3, .careers .accordion-block a.menuitem h2, .careers .accordion-block a.menuitem h3 {
        font-size: 16px;
     
    }
  
  
.int-page.container {
    padding: 25px 15px 0;
    margin-bottom: 0;
}
  
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_filter input,
    #top-search .form-control {
    width: 100% !important;
}

.swiper-vrslife .card .face.front-face .profile {
    width: 100px;
}


.js-tabs a.tab {
    font-size: 14px;
    padding: 0 10px;
}
.js-tabs .ui-state-active a.tab {
    font-size: 17px;
    padding: 0 10px;
}




#featured-video .card-meta-data {
    padding: 10px 15px 10px;
}

#featured-video.card .title-info p {
font-size: 12px;
}

#featured-video .card-body-text {
    padding-left: 10px;
}

#featured-video .card-meta-data .fas {
    color: #007480;
    font-size: 40px;
    vertical-align: middle;
}

#featured-video.card .title-info div {
    padding: 0 10px;
}

.bg-hero .hero-cta-image img {   
    height: 80px;
    margin: 10px 0 0;
}

.bg-hero .hero-cta-image span {
    font-size: 10px;
    margin: 0;
}


.photo-cred {
    font-size: 10px;
    display: none;
}

.board-mtg-canceled {
    display: table;
    margin: 5px 0 10px;
}


.board-mtg-post .board-agenda a, .board-mtg-post .board-minutes a, .board-mtg-post .board-materials a, , .board-mtg-post .board-video a {
    font-size: 10px;
    margin-right: 5px;
}
   
.alert .col-lg-7 { margin: 0 !important}
.alert .col-12 img {
    max-height: 40px;
    margin: 5px 0;
}

.alert.global-alert p,
.ie11-alert {
    margin: 0;

}

.alert.global-alert p i {
    margin-right: 5px;
}

#block-covidalert-2 {
    display: flex;
    justify-content: center;
}
   .alert-danger p {
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.5em !important;
    text-indent: 15px;
}
    .sb-menu .sb-toggle-submenu {
    padding: 10px 20px 10px 15px !important;
}

    .sb-toggle-submenu span {
    display: none !important;
}

    .panel-body {
        padding-left: 100px !important;
    }

        .panel-body h3.step-heading {
            font-size: 14px;
        }

        .panel-body p {
            line-height: 1.4em !important;
        }

    .resp-topics .quicktopics .btn-primary {
        width: 100%;
    }

    .home-tile {
        min-height: 180px;
    }

        .home-tile .tile-header {
            font-size: 20px;
            font-weight:400;
        }

        .home-tile p {
            line-height: 1.5em !important;
            padding-bottom: 20px;
            font-size: 15px;
        }

    .footer-links li {
        display: block;
    }

        .menu-block .btn:first-of-type {
            margin-top: 0px;
            margin-bottom: 10px;
        }

    #ftype, #ptype {
        width: 100%;
    }


.quicktopics h1 {
        font-size: 24px;

}

    .nav-secondary {
        height: 65px;
    }

    .right-callout ul {
        margin: 0;
        padding-left: 0;
    }

    h1 {
        font-size: 24px;
    }




    #mid-content .member-resources ul {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    table caption {
        font-size: 14px;
    }

    .right-callout .btn-primary { margin: 0;}

    .right-callout .btn-padding {
        padding: 0 10px 15px;
        display: block;
    }

    .latest-news-article h3 {
        margin:0;
    }

    .plantype .btn-default { max-width: 350px;overflow: hidden;}


.mainmenu #resp-site-block {
    padding: 10px 0px;
    font-weight: 400;
    margin: 14px 6px;
}

 

    .resp-nav li a.ezlink {    background-color: #fff;
    padding: 5px !important;
}



 .featured-home .row {
     text-align:center;
 }
 .featured-home-text {
    text-align: center !important;
    border:none;

}

 .featured-home-right {
   text-align: center !important;
}

.quick-facts .card img {
    height: 34px;
}

  
  .quick-facts .card-text,
  .quick-facts .card strong{
    font-size: 10px;
}
  
  
}

@media (max-width: 470px) {

.careers-boilerplate .btn i {
    display: none;
}    
.navbar-brand img, .slider-brand img, .slidebar figure img {
    border: none;
}


.banner-cta-centered img {
    max-height: 120px;
}

}

    .player .vp-player-layout {
    border: 1px solid #ddd;
    left: 0;
    top: 0;
}
@media (min-width: 768px) {


 .box3-home {
    border-bottom: 1px solid #e6e6e6;
}
   
    .transition-boxes .card .card-body .card-text {
    color: #e4e5e7;
    font-size: 18px;
    TEXT-TRANSFORM: INITIAL;
    LINE-HEIGHT: 1.4em;
}

.transition-boxes .card .card-body H5 {
    font-size: 28px;
    FONT-WEIGHT: 600;;
}

.transition-boxes .card .card-header {
    position: absolute;
    width: 100%;
    transition: opacity 0.15s ease-in-out;
    background: transparent;
    border: none;
}

.transition-boxes .card .card-body {
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    text-align: center;

}
.transition-boxes .row .col {
    margin: 20px;
    flex-basis: 350px;
}


.transition-boxes .row .col a:hover > span {
    opacity: 1;
    bottom: 50%;
    transform: translate3d(-50%, 50%, 0);
}



.mainmenu .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }
  

}





@media (min-width: 992px) {
.Map iframe {height: 400px;}

      .navbar-expand-lg .navbar-toggler, .mobile-menu-block {
        display: none;
      }

.boilerplate h2 {
    margin-top: 0;
}
  


.swiper-vrslife .card {
    min-height: 400px;
}


.nav-pills-custom .nav-link {
        color: #343a40;
        font-weight: 700;
        text-align: center;
        border-radius: 0;
        padding: 0 !important;

}

.nav-pills-custom .nav-link span{
        text-transform: uppercase;
        color: #343a40;
        text-decoration: none;
}


.nav-pills-custom .nav-link a{
        color: #262626;
        font-weight: 700;
        border-radius: 0;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        font-family: "heebo", sans-serif;
}

.careers-menu {
    background-color: #f8f8f8;
    border-radius: 10px;
    box-shadow: 0 .4rem 1.4rem rgba(0, 0, 0, .1) !important;
    overflow: hidden;
    
}


.nav-pills-custom .nav-link.ui-state-active, .nav-pills-custom .nav-link.ui-state-active:hover {
  background: rgb(0 109 102 / 10%);
  border-radius: 0;
}



.nav-pills-custom .nav-link.ui-state-active a span,
.nav-pills-custom .nav-link.ui-state-active a span i{
        color: #005755;
        text-decoration: none;
        font-weight: 800;
}

.nav-pills-custom .nav-link:hover span, .nav-pills-custom .nav-link:hover i{
         color: #005755;
        font-weight: 800;
}



.mission-section .our-vision{
    border-bottom:  1px solid #ddd;
}

.mission-section .our-mission {
     border-right: 1px solid #ddd; 
}

.careers-boilerplate {
    text-align: left;
}


.right-content.col-xl-3 {
    padding: 0 20px 0 50px;
}

    .navbar-brand span {
    display: none; 
}

    body {position: relative !important; left: 0 !important;}
    .mainmenu .navbar-brand {display:none;}

        .sidebar h4 {
        display: none;
    }


    #side-menu-collapse {display:block !important;}

    .menu-block ul {
        padding: 0;
    }
  
    .mid-gutter {
        min-height: 500px;
        margin: 0;
        position: relative;
    }

  
  
}


@media only screen and (max-width: 1400px) and (min-width: 1200px) {
 
  .navbar-light .navbar-nav .nav-link {
    font-size: 16px;
}
  
  
}
  
  
 @media (min-width: 1200px) {
 .swiper-slide-next .card  {
    box-shadow: 0 0.5rem 1.5rem 0 rgb(33 40 50 / 15%);
}

   
 .box3-home .home-callout {
   max-width: 1600px; 
}
         
   .home-callout .col-12 {
   /* border-right: 1px solid #e6e6e6; */
}


/*.home-callout .featured-media,
.home-callout .order-sm-3 {
    border-right: none;
}*/

   
   .modal .close i {
        position: absolute;
        padding: 5px 10px;
        top: -50px;
        right: -50px;
        font-size: 45px;
        color: #fff;
        opacity: 1;
    }

       .modal-content {
      padding: 25px;
}

   
   .plan-cover-group h4 {
  	font-size: 16px;
  
}

.plan-compare div  {
     font-size: 16px; 
}

.plan-compare p.d-flex i {
    font-size: 18px;
}



.plan-compare {
    margin: 0 -30px;
}

.plan-more   
   {
    margin: 0 -100px;
}

.contributions-more.plan-more   
   {
    margin: 0 -30px;
}
   
    .panels-container {
        border-top: 1px solid #e6e6e6;
    }
       
.feature-tile {
      display: flex;
    align-items: center;
    justify-content: start;

}
   
.feature-tile .tile-image {
     width: 180px;
    height: 180px;
    overflow: hidden;
}
   
  .dataTables_wrapper .dataTables_filter
{
     display: flex;
    align-items: start;
    justify-content: space-between;
}

.dataTables_wrapper .dataTables_filter label {
     width: auto;
    float: right;
    text-align: right;
}

.chart-container {margin: 0 30px;}



 .js-tabs .ui-tab:hover a {
        color: #005ea2;

}
   

.core-values .row .col {
    flex-basis: 100px;
}



   .box3-home {
    background-color: #fff;
}



.navbar-brand span {
    display: inline-block;
    font-size: 14px;
    border-left: 2px solid #fff;
    margin: 0px 10px;
    padding: 15px 0px 15px 10px;
    color: #fff;
    font-weight: 500;
    font-family: 'Heebo', sans-serif;
  	line-height: 0;
}



.Investments .card-group {
    display: flex;
}

.enrich-card div {
    font-size: 18px;
}

.enrich-card p {
    font-size: 17px;
    font-weight: 400;
}


}

@media (min-width: 1400px) {
.bg {
        position: relative;
        z-index: 50;
        height: calc(100vh - 500px);
        min-height: 500px;
}


.swiper-vrslife .card {
    min-height: 420px;
}


}



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


  .right-callout h2 {
    font-size: 16px !important;}
  
.right-callout h2 i {
    font-size: 18px !important;}
 
  
  
  h4 {
    font-size: 16px;

}

  
  .right-callout .callout-block h5 {
    margin: 0px 0 10px;
    font-size: 18px;
}
  

  .right-callout .callout-caption {
    background: transparent;
    border: none;
    padding: 10px 0 0;
}
  

  
      .right-callout .milestones-callout .btn {
        margin: 15px 0;
    }
  
  
  .plan-img img {
    max-width: 100px;
}
  
  .right-callout .image-callout.dcp_app_bg span,
  .right-callout .image-callout.dcp_transition span{
    font-size: 18px;
    padding: 0;
}
  
  .right-callout .image-callout {
    min-height: 250px;
}
  
}