/*--------------------------MEMBER STYLES-----------------------*/

html {
  scroll-behavior: smooth;
}

#navbar .contextual-region {
  position: unset;
}

#home-page .alert.global-alert { display: block !important;}

body {
  font-family: "Heebo", sans-serif;
  line-height: 1.6;
}


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;
}

.subscribe {
  background-color: #00766E;
  color: #fff;
}

.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;
}

.listnav.alphaindex li {
  display: inline;
  padding: 5px 0;
  text-wrap: nowrap;
}

.careers .embed-container {
  border-radius: 15px;
}




.embed-container { 
  position: relative; padding: 56.25% 0 0 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: "Roboto", sans-serif;
  font-style: normal;
}

h1 {
  font-size: 2.2rem;
  padding: 0;
  margin: 5px 0;
  color: #fff;
  font-weight: 700;

}

h2 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 2em 0 .5em;
}

h3 {
  font-size: 1.4rem;
  line-height: 1.4em;
  padding: 0;
  margin: 1.5em 0 .5em;
  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: 1em 0 .5em;
}


.int-page h2 svg{
  font-size: 17px;
}

.careers .int-page.container,
.int-page {
  margin-bottom: 50px;
  padding-top: 25px;
}


.mid-gutter ul,
.mid-gutter ol {
  margin: 15px 0;
  line-height: 1.5;
}

.mid-gutter li {
  margin-bottom: 10px;
}


.explainer-video {
  position: relative;
  width: 260px;
  height: 260px;
  float:inline-end;
  margin: 0 0 15px 15px;
}


.accordion ul.no-bullet {
  margin-bottom: 0;
}

.accordion ul.no-bullet li a{
  padding: 8px 0px;

}


.btn i {
  margin-inline-start: 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 6 Pro';
  margin-inline-start: 5px;
  content: "\f1c1";
  font-weight: 300;
  margin-inline-start: 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,
#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,
.btn.pdf_icon:before {
  position: relative;
  font-family: 'Font Awesome 6 Pro';
  margin-inline-start: 5px;
  content: "\f1c1";
  font-weight: 300;
}

#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;
}

#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,
.btn.pdf_icon:before {
  margin-inline-end: 5px;
  margin-inline-start: 0;
}

.right-callout a[href$=".xlsx"]:after {
  content: "\f1c3 ";
  font-family: 'Font Awesome 6 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: 4px;
  font-family: 'Font Awesome 6 Pro';
  content: "\f1c1";
  font-weight: 300;
  color: #343a40;
}

a.no_pdf_icon[href$=".pdf"]:after {
  content: initial;
  display: none;
}
/*-----Styles to show tabs/accordions after page loads --------------*/


#mid-content .adobe { margin-inline-start: 3px;}
#mid-content .no-bullet .adobe { margin-inline-end: 5px;}

#mid-content .member-resources .adobe {
  margin: 0 3px 0 -5px;
}

#mid-content p .fa-file-pdf {
  margin-inline-end: 3px;
  display: inline-block;
  font-size: 15px;
  margin-inline-start: 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: start;
  caption-side: top;
  font-weight: 700;
  font-size: 22px;
  text-transform: capitalize;
}

.modal-header,
.modal-footer {
  border: none;
}


.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 {
  font-size: .7em;
  color: #F8F9FA;
  font-weight: 500;
  margin: 0;
  display: inline-block;
}

.navbar-brand .logo-break {
  width: 2px;
  background: #fff;
  height: 30px;
  margin: 0 15px;
  display: inline-block;
}

.slidebar .navbar-brand .logo-break {
  display: none; 
}
.visible- b-block {
  display: none;
}


.nav-secondary .navbar-brand, .navbar .navbar-brand {
  padding: 0;
  margin:0;
  display: flex;
  align-items: center;
  justify-content: start;
}


.navbar-toggler, .mobile-link {
  padding: 0 15px;
  border: none;
  display: inline-flex;
}


.myvrs-logo {
  width: 60px;
}

.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); 
  }
}
.box3-home .home-callout {
}

.home-callout .media p{
  margin-top: 0;
  font-weight: 400;
  font-size: .95rem;

}


.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;
}

#the-content .btn-primary {
  color: #fff;
  text-decoration: none;
  background-color: #143a74;
  border: 1px solid #193a6d;

}

.Leadership #the-content .btn-primary {

}

.btn-primary {
  color: #fff;
  background-color: #143a74;
  border: 1px solid #193a6d;
}


.btn {
  padding: 10px 16px;
  font-weight: 600;
}

.table.dataTable {
  font-size: 1em;  
}

.table { 
  margin: 3rem 0;
}
.table .fa-info-circle { cursor: pointer; color: #333;}


.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;
}


.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-inline-start:0;
}

table th.thead-light  {
  background-color: #e9ecef;
}

.table .thead-light th     {
  background-color: #0e4d82;
  color: #fff;
}

.table tbody td{
  min-width: 180px;
}


#mid-content .btn-secondary .svg-inline--fa, #mid-content .btn-default .svg-inline--fa, #mid-content .btn-primary .svg-inline--fa{
  margin-inline-start:4px;
}

#mid-content .btn-primary .fa-calculator, #mid-content .btn-primary .fa-external-link-square-alt {
  margin-inline-end: 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: 1.05em;
  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-inline-start: 0;
  margin-inline-start:0;
}

.navbar-light .navbar-nav .nav-item:last-of-type  {
}


.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;
}

.open-search i {
  font-size: 15px;  
}

.nav-secondary .justify-content-between div li a {
  color: #fff;
  text-decoration: none;
  padding: 0 18px;
}


.nav-secondary .justify-content-between div,
.nav-secondary .justify-content-between div .btn {
  font-size: .95em;
}

.nav-secondary .justify-content-between div {
  height: 100%;
  display: flex;
  align-items: center;

}

.nav-secondary ul {
  padding: 0;
  margin: 0;
  display: inline;
}

.nav-secondary .btn {
  color: #fff;
  text-decoration: none;
  margin: 0 15px;
  border: none;
}

.footer .btn {
  font-size: 14px;
  border: none;
}

.nav-secondary .btn:last-of-type {
  color: #fff;
  text-decoration: none;
  margin-inline-end: 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;font-size: 1.2em;font-weight: 700;}

.quick-facts strong {
  font-size: 1.2em;
}

.quick-facts {font-size: 1em;}


.quick-facts img {height: 50px;}




.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: "Roboto", sans-serif;
  text-shadow: 0px 0px 5px rgba(20, 20, 20, .5);
}

.quicktopics span {
  font-size: 21px;
  color: #fff;
  font-family: "Roboto", 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;
  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: "Roboto", sans-serif;
}

.dropdown .row {
  padding: 25px 0;
}


.dropdown-item:focus, .dropdown-item:hover {
  color: #005897;
  text-decoration: none;
  background-color: transparent;
}




.dropdown-item {
  font-size: 1em;
  padding: 7px 0;
  font-weight: 400;
  width: fit-content;
  line-height: 1.4em;
  text-wrap: wrap;
}

.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-inline-start: 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: end;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.featured-home-left {
  border-right: 2px solid #ccc;
  padding-inline-end: 30px;
}


.featured-home-right {
  text-align: start;
}

.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-inline-start: 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: start;
  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: end;
  line-height: 1.3em;
}

#mc_embed_signup {
  display: inline-block;
  padding: 0;
  float:inline-end;
  margin-inline-end: 250px;
}

#mc_embed_signup .form-control {
  float: inline-start;
  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-inline-start: -15px;
}
.head-arrow-down:before {
  border-top-color: #e6e6e6;
  border-width: 16px;
  margin-inline-start: -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;
  font-size: .95rem;

}


.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: inline-start;
  margin: 0 auto;
}

#mid-content hr {
  margin: 3rem 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%;
}






.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-inline-start: .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-inline-start: 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: 0.95em;
}

.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;

}

.note ul {
  padding-inline-start: 18px;
}

table .note {
  margin: 0;
}

.tab-pane .note {
  margin-top: 0;

}


/*------------------Transition Box STYLES -----------------------------------------*/


.cola-table tbody tr td:first-of-type {
    font-weight: 600;
}

.transition-boxes .row .col, 
.transition-boxes .row .col-12{
  margin: 15px;
  flex-basis: 100%;
  min-width: 350px;
  overflow: hidden;
  border-radius: 15px;
}

.transition-boxes article {
  color: #fff !important;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.transition-box-bgcolor {
  background-color: #002b55;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: .85;

}
.transition-box-bg  {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  padding: 25px;
}


.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 .btn{
  border-radius: 25px; 

}
.transition-boxes article .transition-box-content
{
  position: absolute;
  z-index: 5;
}



.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 {
  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-inline-start: 40px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  flex-flow: wrap;
}


.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-inline-start: 8px;
  font-size: 12px;
}


.sidenav-list {
  /* background-color: #F8F9FA; */
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.sidenav-list li ul {
  padding-inline-start: 10px;
}

.sidenav-list > li a {
  display: block;
  padding: 15px 30px 15px 20px;
  border: none;
  font-size: .95em;
  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: 12px;
  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-inline-start: 11px;
  border: none;
}



.sidenav-list li li a {
  padding: 10px 10px 10px 15px;
  font-size: .85em;
  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: 400;
  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-inline-start: 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-inline-start: -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;
}


.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: 10px 20px 10px 10px;
  display: block;
  color: #005755;
  /* font-size: 14px; */
}

.sidenav-list>li span.currentbranch2 {
  padding-inline-start: 10px;
  border: none;
  font-weight: 400;
  font-size: 13px;
}

.sidenav-list>li .multilevel-linkul-0 {
  padding: 0 10px 10px;
  border-bottom: 1px dotted #ddd;
}


.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: 10px 20px 10px 15px;
  position: relative;
  display: flex;
  justify-content: start;
  align-items: baseline;
  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:inline-end;
  margin-inline-end: 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 5px;
  display: flex;
  color: #006d66;
  border-bottom: 3px solid transparent;
  align-items: center;
}


.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-inline-start: 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-inline-start: 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: inline-start;
}
.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: inline-start;
  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-inline-start: 2px;
  font-weight: 500;
  font-size: 14px;
}

.boilerplate {
  background-color: #F8F9FA;
  text-align: center;
  padding: 50px 15px;
  margin-top: 2rem;
}


.careers-boilerplate {
  border-top: 1px solid #ddd;
  margin: 0;  
}


.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);

}

.cta_banner  p{
  font-size: 1.2em;
}


.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-inline-start: 15px;
}


#featured-upcoming footer{  
  display: none;

}


footer ul {
  padding: 0;
  list-style: none;
}

footer .footer-menu a {
  color: #fff;
  font-weight: 400;
  padding: 8px 0;
  display: inline-block;
}

footer .footer-links li {
  padding: 0;
  margin-bottom: 10px;
  color: #fff;
}

footer .footer-links a, footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}



footer .footer-social > a {

  margin-inline-end: 25px;
  text-decoration: none;
}

.footer-social > a i {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  font-size: 30px;
}

.footer-social > a i:hover {
  opacity: .8;
}



.icon-background1 {
  color: #3B5998;
}

.footer-copyright {
  padding: 15px 0;
  font-size: .75rem;
  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: 8px;
}


.footer-logo a {
  display: block;
  padding: 0;
}

.footer-logo img {
  margin-bottom: 15px;
  display: block;
  height: 50px;
}

footer .footer-secondary ul.footer-links li {
  display: inline-block;
  margin-inline-end: 15px;
}

.footer-social {
  align-items: center;
  justify-content: start;
}


.right-callout {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  border-top: 0;
  font-size: .9rem;
  line-height: 1.4;
}


.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: 200px;
  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: start;
  flex-flow: column;
  justify-content: space-evenly;
  padding: 1.2rem;
}


.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: 1.2rem;
  color: #f2de53;
  font-weight: 600;
  background: transparent;
  border: none;
}

.right-callout .callout-block p,
.right-callout .callout-block ul li

{
  color: #fff;
}



.right-callout .image-callout {
  border: none;
  color: #fff;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 240px;
}



.enrich-card p {
  margin-bottom: .5em;
}


.enrich-card {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-flow: row;
}


.enrich-card > i {
  font-size: 30px;
  padding-inline-end: 15px;
  color: #009a90;
}


.core-values .row .col {
  padding: 15px;
  min-width: 200px;
}

.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 b {
  font-size: 22px;
  margin: 0;
  font-weight: 700;
  display: block;
}


.core-values a span b {
  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;
  line-height: 1.4em;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  margin: 0;
  border: 1px solid #ddd;
  border-bottom: none;
  text-transform: uppercase;
  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;
  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-inline-start: 28px;
  position: relative;
}

.right-callout .upcoming-live li a,
.right-callout .upcoming-live li span {
  display: block;
  padding-inline-start: 0;
  position: relative;
}


.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;
  margin: 0;
}


.right-callout > p > i {
  margin-inline-end: 4px;
  font-size: 16px;
  color: #666;
}

.right-callout div > ul li {
  border-bottom: 1px dotted #e6e6e6;
  padding: 12px 0;
  position: relative;
}


.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-inline-start: 30px;
  line-height: 1.5em;

}
.right-callout ul li i
{
  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-inline-start: 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: inline-start;
  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-inline-end: 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: 0 4px;
  margin: 0;
  text-align: center;
}

.Leadership .card {
  background-color: #F8F9FA;
  border-radius: 15px;
  border: none;
}

.board-grid .feature-card {
  background: #F8F9FA;
  border-radius: 15px;
  color: #fff;
  border: none;
  background-color: #08124b;
  text-align: center;
}

.board-grid .feature-card address{
  font-size: 15px;
}

.board-grid .feature-card h2 {
  font-size: 22px;
  margin: 0 0 5px;
  font-weight: 700;
}



.board-grid .board-card .no-image {
  background: #F8F9FA;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  font-weight: 500;
  font-size: 15px;
  color: #999;
}

.board-grid .board-card img,
.board-grid .board-card .no-image,
.feature-tile img {
  margin: auto;
  max-width: 140px;
  height: 140px;
  object-fit: cover;
  object-position: 0 0;
  border-radius: 100px;
}

.Leadership .panels-container h3{
  font-size: 1.2em;
  margin-bottom: 5px;
}

.board-grid .board-card span{
  display:block;
  font-size: .9em;
}

.Leadership .card strong,
.board-grid .board-card strong {
  font-size: .9em;
  font-weight: 700;
}

.Leadership .card p,
.board-grid .board-card p {
  font-size: .85em;
  margin-bottom: 0;
}




.Leadership .card span{
  line-height: 1.4em;
  margin-top: 5px;
  display: block;
  font-size: 14px;
}


.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-inline-start: 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;
}


.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: 1.4em;
  font-weight: 700;
}


.card-preview .caption i {
  font-size: 40px;
}


.benefit-card h3 {
  font-size: 1.25rem;
}


.section-list p {
  font-size: 1.1em;
}
/*----------------------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 .card-title {
  margin: 0;

}

.card .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-inline-start: 15px;
  vertical-align: middle;
  text-align: start;
}

#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-inline-start: 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;
}


.btn.js-modal-btn {
  color: #fff;
  background-color: #00857C;
  transition: 0.3s;
  border-radius: 25px;
  justify-content: end;
  font-size: 17px;
  padding: 10px 20px;
}



.btn.js-modal-btn:hover {

  background-color: #007c74;
  color: #fff;
}


.callout-appointment {
  background-color: transparent;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: start;
  padding: 2em;
}

.ed-topics .card {
  border-radius: 15px;
  border: none;
  box-shadow: 0 .1rem 1.5rem rgba(0, 0, 0, .1) !important;
}


.ed-topics .card h3 {
  font-size: 1.5em;
}

.ed-topics .card .card-body {
  padding: 2rem;
}

.ed-topics .card ul {
  list-style-type: none;
  padding-inline-start: 15px;
  margin: 0;
}

.ed-topics .card ul li {
  display: flex;
  justify-content: start;
  align-items: baseline;
  flex-flow: row;
  margin-bottom: 5px;
}



.ed-topics .card ul li:before {
  font-family: 'Font Awesome 6 Pro';
  content: '\e122';
  color: #000;
  font-size: 9px;
  margin-inline-end: 1.5em;
  font-weight: 600;
}

.ed-topics .btn.btn-register {
  border-radius: 25px; 
}

.edu-appointments .image-container {
  overflow: hidden; 
  height: 340px;
}

.edu-appointments .btn {
  border-radius: 25px;

}

.edu-appointments .image-card {
  background-position: 50% 50%; 
  height: 100%; 
  background-repeat: no-repeat; 
  background-size: cover; 
  position: relative;
}

p.card-text svg, p.card-text h3{
  color: rgba(0, 109, 102, .85);
}


.vimeo-card p {
  line-height: 1.4em;
  font-size: .9em;
}

#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: 3rem 0 !important;
}

.tablebox thead th:first-child {
  width: 80%;
}

.tablebox thead th:last-child {
  width: 20%;
}



.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-inline-end: 15px;
  border: 1px solid #ddd;
  padding: 10px;
  background-color: #f9f9f9;

}

#support ul li .fa-check-circle, #dbsupport ul li .fa-check-circle{
  margin-inline-end:6px;
  color: #11ada3;
  height: 20px;
  width: 20px;
  margin-top: 2px;
  display: inline-flex;
  float: inline-start
}

.g-recaptcha {
  padding-inline-start: 0px !important;
}


#education-and-training .fa-sign-in-alt {
  margin-inline-end: 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;
}


/*----------------------------------------BOARD MEETINGS PAGE STYLES----------------------------------*/

.board-table {
  margin-top: 25px;}


.board-table .alert-no-forms {margin-top: 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:after{
  margin: 0 1.5rem;
  font-family: 'Font Awesome 6 Pro';
  content: '\7c';
}


.board-mtg {
  margin-bottom: 8px;
}

.board-mtg:last-of-type:after {
  display: none;
}
.board-video a.video-link span {
  color: #2c9ab7;
}

.board-video a.video-link:hover span {
  color: red;
}


.int-page .board-mtg-date {
  font-size: .95em;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.board-mtg-post .board-title {
  margin: 0;
}


.board-mtg-body {
	display: inline-flex;
      flex-flow: wrap;
}

.board-mtg  {display: inline-block;}


.board-mtg-post {
  margin: 3rem 0 !important;
  background-color: #F8F9FA;
  border-radius: 15px;
  color: #000;
}


#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-inline-start: -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 img {
  margin: initial;
}


.feature-tile {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*------------------------------INVESTMENTS PAGE STYLING---------------------------------------*/

.investment-steps .card {
  border-radius: 15px;
  background: #f8f9fa;
  border: none;
  margin: 0;
  color: #262626;
  background-color: #f8f9fa;

}

.investment-steps i {
  font-size: 40px;
  color: #009a90;
}

.investment-steps p {
  line-height: 1.4em;
  margin: 0;
  font-weight: 500;
}


.investment-steps span {
  font-size: 1.2em;
  margin: 10px 0;
}


#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: "Roboto", 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-inline-start: -6px;
}
#chartjs-tooltip:before {
  border-bottom-color: #f3f3f3;
  border-width: 8px;
  margin-inline-start: -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-inline-end: 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: -webkit-box;
  display: flex;
  padding: 0;
  margin: 30px 0 0;
  list-style: none;
}

.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: 3px solid #009a90;
  font-weight: 700;
}

#mid-content .ui-tabs-tab.ui-state-active .tab {
  color: #000;
  position: relative;
  font-weight: 700;
  background: transparent;
}

.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: 15px 25px;
  text-decoration: none;
  color: #000;
  border: none;
  text-align: center;
  font-size: 1.1rem;
  border-radius: 0;
  max-width: 250px;
  line-height: 1.4em;
  min-width: 180px;
}

.js-tabs .tab i{
  margin-inline-start:6px;
}

.panels-container .bordered h3 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 16px;
}
.panels-container {
  padding: 25px 5px;
}

.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: #009688;
  font-family: "Roboto", 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: start;
}

.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;
}

.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 strong {
  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 {
  color: #fff;
  line-height: 1.2em;	
  display: block;

}

.careers .tab-pane .featured-section .card-title span {
  font-size: .7em;
  display: inline-block;
}

#openjobs .card-body > span {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #f8f9fa;
  color: #015b81;
  text-transform: uppercase;
  font-size: .6em;
  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: 700;
}


.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: #009688;
}


.mission-section  p{
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6em;
}



.core-values .card {
  color: #fff;
  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: start;
}

.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-inline-start: 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: #fff;
  color: #333;
  font-weight: bold;
  padding: 5px;
  border-radius: 4px;
  font-size: 90%;
}

#arrow {
  position: absolute;
  background: #fff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.popover.show {
  z-index: 10000;
}

.popover-body p:last-of-type {
    margin: 0;
}

.popover {
    padding: 1.4em;
    border-radius: 10px;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
    max-width: 680px;
    font-family: "Roboto", sans-serif;
    border: 1px solid #ddd;
    font-size: 1em;
}

.popover-header {
  background: transparent;
  border: none;
  margin-top: 0;
  font-size: 1.4em;
  padding: 0 0 .75rem;
  font-family: 'Heebo';
}


.popover-body p a{
  color: #fff;
  text-decoration: underline;
  font-weight: 500;
  text-decoration-thickness: 1px;
}

.popover-body p a:hover{
  color: #fff;
}

.popover-body {
    padding: 0;
}

.bs-popover .arrow::after, .bs-popover .arrow::after{
  border-top-color: #ddd;
  z-index: 1;
}

.popover .arrow {
    z-index: 1;
}


.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after {
    top: 2px;

}

.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before {
    border-bottom-color: #ddd;
      top: 1px;
}

.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
    border-top-color: #ddd;
}

/* ----------------Site Popovers ----------------------*/



.ss360-custom-search .ss360-custom-search__searchbox {height: 50px !important;padding: 0 50px 0 10px!important;font-size: 16px !important;font-family: 'Roboto' !important;box-shadow: none !important;max-width: 450px !important;}
.ss360-custom-search .ss360-custom-search__searchbutton {height: 50px !important;box-shadow: none !important;}
.ss360-custom-search:not(.ss360-custom-search--no-margin) {margin-bottom: 30px !important;margin-top: 50px !important;max-width: unset !important;}
.ss360-layer--overlay {padding: 2em; !important}
.ss360-custom-search .ss360-custom-search__searchbutton:after  {font-family: "Font Awesome 6 Pro" !important;font-weight: 400 !important;content: "\f002" !important;font-size: 20px;}
.ss360-voice-search:after  {font-family: "Font Awesome 6 Pro" !important;font-weight: 400 !important;content: "\f130" !important;font-size: 22px;}                          
.ss360-close-button__icon:after  {font-family: "Font Awesome 6 Pro" !important;font-weight: 300 !important;content: "\f00d" !important;font-size: 35px;font-style: normal;color: #414141;/* opacity: 1; */}                          
.ss360-custom-search svg,
.ss360-close-button__icon svg
{display: none;}

@keyframes search-fade {
  0% {opacity: 0}
  50% {opacity: 0}
  100% {opacity: 1}
}

.ss360-flex .ss360-voice-search {
  animation-name: search-fade;
  animation-duration: .5s;
}



/********************Glossary Page Styles******************/
.Policy .mid-gutter h2,
.Security .mid-gutter h2,
.Glossary dl {
  scroll-margin: 50px;
}

.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-inline-end: 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 {
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#member-forms-datatable.dataTable thead,
#pubs-datatable.dataTable thead{
  display: none;
}

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;
  /* padding: 5px; */
}

table.dataTable.table-hover tbody tr:hover {
  background-color: #fafafa;
}

.category-select {
  overflow: hidden;
  min-width: 280px;
  padding: 0 12px;
  border: 1px solid #ddd;
  height: 50px;
  font-weight: 500;
  max-width: fit-content;
  font-weight: 600;
  font-size: 18px;
}

.form-control select {
  height: 40px;
  padding: 5px;
  border: 0;
  font-size: 16px;
  width: 240px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.category-select:after {
  content: "\f0dc";
  font-family: "Font Awesome 6 Pro";
  color: #000;
  padding: 12px 8px;
  position: absolute;
  right: 0;
  top: 0;
  background: red;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
}

.category-select {
  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-inline-end: 60px;
}

.dataTables_wrapper .dataTables_filter {
  float: none;
  text-align: start;
}

.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: 1.1em;
}

.dataTable td .last-updated {
  font-size: .9em;
  font-weight: 400;
  display: block;
}

.forms-search .form-control,
#top-search .form-control {
  color: #262626;
  font-weight: 600;
}

.dataTables_wrapper .dataTables_filter input::placeholder {
  color: #6f6f6f;
  font-weight: 500;
}

.dataTables_wrapper .dataTables_filter label {
  width: 100%;
}

.dtfh-floatingparenthead {
  background-color: #fff;
}

.dataTable .form-title a,
.dataTable .publication-title a {
  font-size: 1.2em;
  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;
}

span.form-title,
span.publication-title {
  display: flex;
  justify-content: start;
  align-items: baseline;
  text-align: start;
}

span.form-title .badge, span.publication-title .badge, .menu-block .badge, .dataTable .group .badge, .badge.badge-info {
  color: #000;
  background-color: #dcdaf5;
  padding: .5em 1em;
  font-size: .85em;
}

.dataTables_wrapper .dataTables_info {
  color: #fff;
}

.dataTables_info {
  color: #fff;
}

.dataTable p {
  margin: 5px 0;
  font-weight: 400;
}
#mid-content .dataTable .btn.pdf_icon:after {
  position: relative;
  font-family: 'Font Awesome 6 Pro';
  margin-inline-start: 5px;
  content: "\f1c1";
  font-weight: 500;
  margin: 0 5px;
}

#mid-content .dataTable tr.group td h2{
  margin-top: 0;
  background-color: #0e4d82;
  color: #fff;
  font-size: 1.2rem;
  padding: 1.2rem 1rem;
}

.table.dataTable td {
  padding: 1.2rem 1rem;
}

table.dataTable tbody tr.group td {
  padding: 30px 0 0;
}

table.dataTable tbody tr.group:first-of-type td {
  padding-top: 0;
}

table.dataTable tbody tr.group th {
  background-color: #fafafa;
  border-bottom: 1px solid #e6e6e6;
}

.dataTable a.table-link[href$=".html"]:after,
.dataTable a.table-link[href$=".org/"]:after,
.dataTable a.table-link[href$="-news"]:after,
.dataTable a.table-link[href$=".htm"]:after,
.dataTable a.table-link[href$=".asp"]:after,
.dataTable a.table-link[href$="/"]:after,
.dataTable a.external-link:after {
  content: "\e09f";
  font-family: "Font Awesome 6 Pro";
  margin-inline-start: .5rem;
  font-weight: 300;
}

.dataTable a.table-link[href$="-news"]:before,
.dataTable a.table-link[href$=".htm"]:before,
.dataTable a.table-link[href$=".asp"]:before,
.dataTable a.table-link[href$=".html"]:before,
.dataTable a.table-link[href$=".org/"]:before,
.dataTable a.table-link[href$="/"]:before,
.dataTable a.external-link:before {
  content: "Link";
}

.dataTable a.table-link[href$="/login/"]:before,
.dataTable a.table-link[href$="/dcp-login"]:before {
  content: "Log-in";
}


#mid-content .dataTable a.table-link[href$=".pdf"]:before {
  content: "Download PDF";
  color: inherit;
}

#mid-content .dataTable a.table-link[href$=".pdf"]:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f33d";
  margin-inline-start: .5rem;
  font-weight: 300;
  color: inherit;
}

.Site.Map li a[href$=".html"]:after,
.Site.Map li a[href$=".org"]:after

{
  content: "\e09f";
  font-family: "Font Awesome 6 Pro";
  margin-inline-start: 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:inline-end;
} 

a#terminate-connecting-button {background-color: #fff !important;}

.Map .five9-frame {display: none !important;}



.language_selector {
  position: relative;
  width: 100%;
  max-width: 240px;
}
.language_selector:before {
  font-family: 'Font Awesome 6 Pro';
  content: "\f57d";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  font-size: 16px;
}
.language_selector::after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f078";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  font-size: 14px;
  z-index: 1;
}

.language_selector select{
  width: 100%;
  border-radius: 25px;
  border: 2px solid #fff;
  border-radius: 25px;
  font-size: 15px;
  text-align: center;
  padding: 5px 0px 5px 45px;
  color: #fff;
  background-color: transparent;
  height: 44px;
  position: relative;
  cursor: pointer;
  z-index: 10;
}
.language_selector option {
  background-color: #212529;
  color: #fff;
  text-align: start;
}

.language_selector select {
  -webkit-appearance: none;
  -moz-appearance: none;  
  appearance: none; 
}



.language_selector select::-ms-expand {
  display: none;
}





@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) {
    .navbar-brand img, .slider-brand img, .slidebar figure img {
        border: none;
    }
    .navbar-brand span, .navbar-brand .logo-break {
    display: none;
  }

  .language_selector {
    max-width: 200px;
  }

  .bg {
    height: 600px;
  }
  .navbar-light .navbar-nav .nav-item {
    margin: 0 20px;
  }



  .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;

  }


}
@media (max-width: 1200px) {
  .language_selector {
    max-width: 240px;
  }
  body {
    font-size: .9em;
  }

  
  
  .navbar-expand-lg .navbar-nav {
    width: 100%;
    justify-content: space-between;
  }


  .navbar-light .navbar-nav .nav-item {
    margin: 0 15px;
  }  


  .nav-item .open-search:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-size: 11px;
    color: #005755;
    margin-inline-start: .25rem !important;
    font-weight: 400;
  }


  .navbar-light .navbar-nav .nav-item {
    margin: 0;
  }


  .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 div:first-child {
    margin-top: 0;
  }
  .right-callout .callout-block {
    min-height: 200px;

  }


  .Investments .card-group {
    display: block;
  }


  .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: 16px;
  }
  .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-expand-lg .navbar-nav {
    width: 100%;
    justify-content: space-between;
  }


  .navbar-light .navbar-nav .nav-item {
    margin: 0;
  }

  .navbar-light .navbar-nav .nav-link .fas {
    margin-inline-start: 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 6 Pro";
    color: #343633;
    margin-inline-end: 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 6 Pro";
    color: #000;
    font-weight: 600;
  }


  .js-tabs .tab{
    padding: 0px 15px;
    text-align: start;
    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;
  }


}

@media (max-width: 991.98px) {
  .home-callout .media p,
  .latest-news p
  {
    margin: 0;
  }
  
  .popover {
    max-width: 400px;

}

  #mid-content hr {
    margin: 1.5rem 0;
  }

  footer .footer-menu a {

    padding: 5px 0;
  }  

  .edu-appointments .image-container {
    height: 240px;
  }

  .Map iframe {height: 250px;}



  .footer-logo {
    display: none;
  }

  .explainer-video {
    width: 180px;
    height: 180px;
  }

  .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;
  }


  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: .9rem;
  }

  .boilerplate h3 {
    font-size: 20px;
  }


  .table .note, 
  .table .note strong {
    margin: 0;
    width: initial;
    display: block;
  }



  .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; 
  }

  .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 {
    min-width: 100% !important;

  }


  #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;
  }


  .dataTable .form-title a,
  .dataTable .publication-title a{
    font-size: 1.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;
    border-bottom: 1px solid #343a40;
  }



  .careers-content span {
    font-size: 22px;
    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-inline-end: 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-inline-end:15px;     ;    

  }

  .careers .tabs-list li.ui-state-active > a::after {
    margin-inline-start: 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.site-block, .slider-brand span {

    font-size: 12px;

  }
  .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: 1rem;
    padding-inline-start: 0;
    padding-inline-end: 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;
  }


  .cta_banner h3 {
    font-size: 34px;
  }


  .banner.banner-image #block-pageimage {
    height:180px;
  }

  #color-overlay {
    box-shadow: none;
  }


  .navbar-brand img, .slider-brand img {
    height: 40px;
    margin-inline-end: 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: 1.6rem;
  }


  h2 {
    font-size: 1.4rem;
  margin: 1.5em 0 .5em;
  }

  h3 {
    font-size: 1rem;
  }



  .Financial.Wellness .int-grid{
    min-height: 160px
  }

  .bg {
    height: 340px;
  }

  .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: inline-start;
    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-inline-start: 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;
  }

  .resp-nav {
    display:block !important;

  }

  .right-content.col-md-4, .right-content.col-md-3 {
    margin-top: 15px;
  }

  .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: 200px;
  }


  .board-mtg:after{
    margin: 0 1rem;
    visibility: hidden;
  }

}


@media (max-width: 767px) {
  .int-page {
    margin-bottom: 0;
    padding-top: 25px
  }

  .boilerplate {
    padding: 15px 0;

  }


  .home-callout .media {
    padding: 15px 5px;
    max-width: 400px;
    margin: 0 auto;
  }

  .media-body {
    padding: 10px 25px;
  }



  .right-callout .callout-block {
    min-height: 200px;
    max-width: 350px;
    margin: 0 auto 30px !important;
  }

  .right-callout section h2 {
    font-size: 1.4em;
  }



  .js-tabs ul.tabs-list {
    height:50px;

  }


  #mid-content .js-tabs .tabs-list .ui-tabs-tab {
    height: 50px

  }

  .js-tabs .tab {

    font-size: 17px;

  }


  .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-inline-start: 25px;
  }

  .sidenav-list>li span.currentbranch1 {
    font-size: 13px;
    padding-inline-start: 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: start;
    width: 350px;
  }


  #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;
  }



  .right-callout a span {
    margin-inline-start: 0;
  }




  .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 h4 {
    min-height: 50px; 
    line-height: 50px; 
    padding:0 15px;

  }


  .careers #mid-content {
    margin: 0;
  }

  ul.valuation-reports li a {
    margin-inline-end: 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-inline-start: 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 {
  }


  .board-grid .board-card .no-image {
    font-size: .8em;
  }

  .board-grid .board-card img,
  .board-grid .board-card .no-image,
  .feature-tile img {
    max-width: 100px;
    height: 100px;
  } 

  .board-grid .board-card span {
    font-size: .8em;
    margin-top: 0;
  }


  .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 strong {

    font-size: 16px;
  }

  .tab-pane .perks-section .card-body p {
    font-size: 14px;
    margin: 0;
  }


  .benefits-section span {
    font-size: 14px;
  }


  .careers .tab{
    padding: 15px 25px;
    max-width: inherit;
    font-weight: 800;
    color: #212529;
  }


  .careers .ui-state-active a.tab {
    margin: 0;
  }


  .core-values a > div i {
    font-size: 30px;
    margin-bottom: 8px;
  }

  .core-values .row div p {
    font-size: 12px;
    line-height: 1.4em;
  }


}


@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-inline-start: 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;
  }


  .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-inline-end: 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-inline-start: 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%;
  }

  .nav-secondary {
    height: 65px;
  }

  .right-callout ul {
    margin: 0;
    padding-inline-start: 0;
  }



  #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;
  }

}

@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,
  .transition-boxes .row .col-12 {
    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;
  }


  .js-tabs .ui-tab:hover {
    border-bottom: 3px solid #e9ecef;
    border-radius: 0;
    background: #f8f9fa;
  }

  .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: start;
  }


  .right-content.col-xl-3 {
    padding: 0 20px 0 50px;
  }

  .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 (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1460px;
  }

  .swiper-slide-next .card  {
    box-shadow: 0 0.5rem 1.5rem 0 rgb(33 40 50 / 15%);
  }

  
.popover {
   	min-width: 340px;
}
  
  .modal .close i {
    position: absolute;
    padding: 5px 10px;
    top: -50px;
    right: -50px;
    font-size: 45px;
    color: #fff;
    opacity: 1;
  }

  .modal-content {
    padding: 25px;
    border: none;
    border-radius: 15px;
  }


  .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;
  }


  .dataTables_wrapper .dataTables_filter
  {
    display: flex;
    align-items: start;
    justify-content: space-between;
  }

  .dataTables_wrapper .dataTables_filter label {
    width: auto;
    float:inline-end;
    text-align: end;
  }


  .core-values .row .col {
    flex-basis: 100px;
  }



  .box3-home {
    background-color: #fff;
  }



  .navbar-brand span.site-block {
    color: #fff;
    font-weight: 500;
  }



  .Investments .card-group {
    display: flex;
  }


}

@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 .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;
  }

}































