html {
  scroll-behavior: smooth;
}

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

#home-page .alert.global-alert { display: block !important;}

button:focus {outline: none !important;}

body {
    font-family: 'Roboto',Arial,"Helvetica Neue","Lucida Grande",Helvetica,sans-serif;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    color: #343633;
    font-size: 16px;

}

.About #block-boilerplateaboutvrs h3:nth-of-type(1) {display:none;}

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

th#view-field-form-descr-table-column {width:100%;}

.vrspubs-view th:nth-child(odd) {width:100%;}
.vrspubs-view th:nth-child(even), .vrspubs-view td:nth-child(even)  {min-width:200px; text-align: center;}

.vrsforms-view th:nth-child(4), .vrsforms-view td:nth-child(4)  {min-width:200px; text-align: center;}
.vrsforms-view th:nth-child(3) {white-space: nowrap;}
.vrsforms-view td:first-child {white-space: nowrap;}
.Forms .vrsforms-view a[href$=".pdf"]:before, .vrspubs-view a[href$=".pdf"]:before { content: "Download"; }
.vrsforms-view a.btn[href$=".html"]:after, .vrspubs-view a.btn[href$=".html"]:after{
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    top:0;
    color: #393832;
}

.vrsforms-view a.btn[href$=".html"]:before, .vrspubs-view a.btn[href$=".html"]:before {
    content: "Link ";
    top:0;
    color: #393832;
}

.vrsforms-view a.btn[href$=".htm"]:after, .vrspubs-view a.btn[href$=".htm"]:after{
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    top:0;
    color: #393832;
}

.vrsforms-view a.btn[href$=".htm"]:before, .vrspubs-view a.btn[href$=".htm"]:before {
    content: "Link ";
    top:0;
    color: #393832;
}

.vrsforms-view a.btn[href$=".asp"]:after, .vrspubs-view a.btn[href$=".asp"]:after {
    content: " \f35d";
    font-family: "Font Awesome 5 Free";
    top:0;
    color: #393832;
}

.vrsforms-view a.btn[href$=".asp"]:before, .vrspubs-view a.btn[href$=".asp"]:before {
    content: "Link ";
    top:0;
    color: #393832;
}

.vrsforms-view a.btn[href$="/"]:after, .vrspubs-view a.btn[href$="/"]:after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    top:0;
    color: #393832;
}

.vrsforms-view a.btn[href$="/"]:before, .vrspubs-view a.btn[href$="/"]:before {
    content: "Link ";
    top:0;
    color: #393832;
}

.vrspubs-view a.btn[href$="-news"]:before {
    content: "Link ";
    top:0;
    color: #393832;
}

.vrspubs-view a.btn[href$="-news"]:after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    top:0;
    color: #393832;
}


.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: #2c9ab7;
}

a.filter-tooltips {
    font-weight: 400;
}

.skip-nav {
background-color: #336666;
color: #fff;
position: absolute;
transform: translateY(-100%);
z-index: 10000;
width: fit-content;
white-space: nowrap;
height:34px;
}

.skip-nav:focus{
transform: translateY(100%);
padding: 15px 4px 4px 4px;
font-size: 12px;
margin:-52px 45%;
}

/* Targets IE 10 & 11 so skip link fits with alert message */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.skip-nav:focus{
margin: -50px 45%;
margin-bottom: 43px;
width: 200px;
}
.alert .col-12 img {margin: 5px 0 !important; }
.alert p {padding-top: 9px;}
}

/* Targets Firefox so skip link fits with alert message */
@-moz-document url-prefix() {
.skip-nav:focus{
margin: -50px 45%;
margin-bottom: 43px;
width: 200px;
}
.alert .col-12 img {margin: 16px 0 !important; }
.alert p {padding-top: 9px;}
}

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

.toolbar-tray-open .skip-nav {
    display: none !important ;}
p {
    font-weight: 400;
    font-style: normal;
}

p, ul, ol, li {
    line-height: 1.8em;
}

li p, ul p, ol p {
    line-height: 1.6em;
    color: #343633;
}

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


.int-page h1 {
    font-size: 35px;
    font-weight: 600;
    color: #343633;
    margin: 0 0 15px;
    line-height: 1.2;
    border-bottom: 3px solid #343633;
    display: block;
    padding: 0 100px 10px 0;
}

.int-page h2, .modal h2 {
    font-size: 24px;
    font-weight: 800;
    margin: 30px 0 10px;
    color: #343a40;
}

.int-page h2 i {
    font-size: 20px;

}

.int-page h3 {
    font-size: 22px;
    color: #006d66;
    line-height: 1.4em;
    padding: 0;
    margin: 25px 0 5px;
    font-weight: 600;
}

.int-page .ui-tabs-panel h3 {
    margin: 30px 0 10px;
}

.int-page h4 {
    font-size: 16px;
    color: #000;
    line-height: 1.4em;
    font-weight: 600;
    margin: 30px 0 10px;
}


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


#mid-content ul.bullet-list {
  list-style-type: none;
  padding-left: 25px;
}

#mid-content ul.bullet-list .bullet-list{
  padding-left: 40px;
  font-size: 14px;
}

#mid-content ul.bullet-list li {
  position: relative;
  padding-left: 20px;
  margin: 6px 0;
}

#mid-content ul.bullet-list > li:before  {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 600;
  font-size: 6px;
}

#mid-content ul.bullet-list > ul > li:before {
  font-weight: 500;
}

.latest-news a[href$=".pdf"] h3:after, .latest-news a.pdf_icon h3:after {
    content: url(/themes/custom/varetire/images/PDF_20.png);
    width: 16px;
    position: relative;
    top: 4px;
    left: 4px;
    margin-right: 8px;
}

#mid-content a[href$=".pdf"]:after, #mid-content a.pdf_icon:after {
    content: url(/themes/custom/varetire/images/PDF_20.png);
    width: 16px;
    position: relative;
    top: 4px;
    left: 4px;
    margin-right: 8px;
}

#mid-content ul.no-bullet li a[href$=".pdf"]:before {
    content: url(/themes/custom/varetire/images/PDF_20.png);
    width: 16px;
    position: relative;
    top: 5px;
    left: 0px;
    margin-right: 8px;
}

#mid-content .member-resources a.btn[href$=".pdf"]:before {
    content: url(/themes/custom/varetire/images/PDF_20.png);
    width: 16px;
    position: absolute;
    top: 14px;
    left: 12px;
}

#mid-content .member-resources a.btn[href$=".pdf"]:after, #mid-content ul.no-bullet li a[href$=".pdf"]:after, #mid-content a.btn.pdf_icon:after, #mid-content a.plan-img:after{
display: none;
}

#mid-content .modal a[href$=".pdf"] {
    background-position: top 0px right 5px;
    display: initial;
}

.btn i {
    margin: 0 5px;
    font-size: 14px;
}
.btn.pdf_icon:before {
    content: url(/themes/custom/varetire/images/PDF_20.png);
    width: 16px;
    position: absolute;
    top: 14px;
    left: 12px;
}

.btn.pdf_icon {
    padding: 12px 15px 12px 35px !important;
    position: relative;
}

a.pdf_icon { position: relative;}
.right-callout a[href$=".pdf"]:after, .right-callout a.pdf_icon:after {
    content: url(/themes/custom/varetire/images/PDF_20.png);
    width: 16px;
    position: absolute;
    top: 1px;
    left: -30px;
}

.right-callout a.no_pdf_icon[href$=".pdf"]:after {
    content: initial;
    display:none;
}

#mid-content a.plan-img[href$=".pdf"]{
    background-image: none;
    display: initial;
    padding: 0;
}


#forms a[href$=".pdf"]:after, #publications a[href$=".pdf"]:after {
 background-image:none;
 content: none;
 padding:0;
}

#forms a[href$=".pdf"] img, #publications a[href$=".pdf"] img
{
       display:none;
}

.icon-left {
    background-position: top left;
    padding-left: 30px;

}

/*-----Styles to show tabs/accordions after page loads --------------*/
.mytabs, .myaccordion {display: none;}
.js .mytabs, .js .myaccordion  {
display: block;

}

footer .container .col-md-3 {
float:left;
}


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

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

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


a[href^=tel] {
    text-decoration: none;
    color: #63656a;
    cursor: default;
}



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;
}


/*----------------Tooltipster Custom Styling-----------------------*/
.tooltipster-sidetip .tooltipster-box h6 {
    font-weight: 600;
    font-size: 15px;
    color: #006d66;
}

.tooltipster-sidetip .tooltipster-box {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    box-shadow: 0px 10px 50px 0 rgba(0,0,0,0.1);
    padding: 20px 10px 30px;
}

.tooltipster-sidetip .tooltipster-content {
    color: #000;
    line-height: 1.6em;
    padding: 0 10px;
}

.tooltipster-fade.tooltipster-show {
    opacity: 1;
    webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    z-index: 100 !important;
}

caption {

    color: #343633;
    text-align: left;
    caption-side: top;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
}

.btn:active,
.btn:focus,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    outline: none !important;
}

.modal-body {
  padding: 25px 50px;
}

.modal-title {
    font-size: 30px !important;
    margin: 15px 30px 0px !important;
}

.modal-header .close {
    font-size: 40px;
    font-weight: 400;
}

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

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

}

/* Pre-render the bigger shadow, but hide it */
section.tiles .col-12 > div:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  transition: opacity 0.3s ease-in-out;
}
section.tiles.no-effect .col-12 > div:hover {
  box-shadow: none;
  transition: none;
}
section.tiles h3 {
    font-size: 20px;
    color: #2f8b85;
    margin: 0 0 5px !important;
}


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


#mid-content ul.no-bullet {
        list-style: none;
        margin-bottom: 0;
        font-size: 15px;
    }

 #mid-content 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, .slider-brand img, .slidebar figure img {
    height: 60px;
}

.slidebar figure img, .slider-brand img {
width: 130px;
}

.site-block {
    padding: 0;
    font-size: 14px;
    color: #f5f5f5;
    font-weight: 500;
    margin: 0;
    letter-spacing: .5px;
    vertical-align: middle;
    line-height: 0;
}


.navbar #resp-site-block {
    font-size: 14px;
    color: #e6e6e6;
    font-weight: 500;
    margin: 0 0 0 5px;
}

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


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


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


.navbar-toggler {
    padding: 20px 25px;
    border: none;

}
.navbar-toggler span {
    color:#fff;
    font-size:14px;
    font-weight:500;
    position:relative !important;
    top: 0 !important;
    right: 0 !important;
}


.myvrs-logo {
    width: 60px;
    height: 21px;
    float: left;
}

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


.bg {
    min-height: 500px;
}

.bg-hero {
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: 60% 9%; --dog */
    /*background-position: 10% 20%;*/
    background-position: 10% 45%; /* --scenic*/
    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 .btn {font-size:15px; font-weight:500; cursor:pointer;}
.resp-nav a:hover {color:#fff; text-decoration:none;}

.alert #block-covidalert {
    display: inline;
}

.bg-hero .alert {
    padding: 8px 10px;
    top: 10px;
    font-size: 13px;
    position: absolute;
    left: 15px;
    right: 15px;
    margin: 0;
}

.bg-hero .alert .fa, .bg-hero .alert .fas {
    position: absolute;
    top: 12px;
}

.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;
    color: #000;
    position: relative;
    padding: 8px 10px 0;

}

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

.alert-danger b {
    color: #721c24;
}
.bg-hero .alert p {
    display: inline-block;
    line-height: 1.6em;
    /* vertical-align: top; */
    margin: 0;
    /* float: left; */
    padding-left: 20px;
}

.alert.global-alert p {
    padding: 0;
    display: inline;
    line-height: 1.4em;
    font-size: 12px;
}

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

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

.page .global-alert{display:none;}

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

#color-overlay .bg-color {
    background-color: rgba(0, 0, 0, 0.40);
    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 i {

}

.home-callout .media {
    padding: 15px 0 0;
    margin: 0 5px;
}

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


.home-callout .media h3 {
    padding: 5px 0 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

.home-callout .media p{
    line-height: 1.6em;
    display: block;
    font-size: 16px;
    color: #444444;
    padding-right: 10px;

}

.home-callout .fa-stack {
    margin-left: 15px;
}

.media-body h5 {
    font-size: 18px;
    font-weight:600;
}

.media-body span{
    line-height: 1.5em;
    display: block;
    font-size: 16px;
    color: #555;
    font-weight: 400;
}

.media-body {padding: 10px 5px;}

.featured-media .media{
    border-radius: 5px;
    background-color: #00549f;
}


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

.home-callout .featured-media h5, .home-callout .featured-media .media p {
    color: #fff;
}




/*------*/
.nav-item:nth-child(1) .menu-block .fa-circle,
.nav-item:nth-child(1) .menu-block h2 {
    color: #36a3a5;
}


 /*--- Home Callout 1 ---*/

.home-callout .order-md-1 a h5,
.home-callout .order-md-1 .fa-stack {
    color: #DAA520;
}


.home-callout .order-md-2 a h5,
.home-callout .order-md-2 .fa-stack {
    color: #087CA7;

}


.home-callout .col-12:nth-child(2) .home-tile {
    border-color: #007480;
}

/*---New to your job? Styling---*/
.home-callout .order-md-3 a h5,
.home-callout .order-md-3 .fa-stack {
    color: #00a789;
}


/*---Take a Quick Survey---*/

#forms .int-hero-home.banner {
    background: url('/themes/custom/varetire/images/hero/er-barter-theatre-abingdon.jpg') no-repeat 0% 100%;
}

#forms .int-grid {
    background: rgba(0, 0, 0, 0.4);
}

#publications .int-hero-home.banner {
    background: url('/themes/custom/varetire/images/hero/er-fall-stream.jpg') no-repeat 0 50%;
}



#publications .int-grid {
    background: rgba(0, 0, 0, 0.2);
}

.emp-forms .int-hero {
    background-color: #1b98a2;
}

.emp-pubs .int-hero {
    background-color: #dc6464;
}

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

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

.home-tile a {
    display: block;
}

.btn-primary {
    background-color: #0068b3;
    border-color: #0068b3;

}


.btn-light {
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    color: #595959;
    font-weight: 600 !important;
}

.btn {
    padding: 10px 18px;
    font-weight: 600;
    border-radius: 3px;
}

#mid-content .btn i {
    margin: 0 8px;
    display: inline-block;
}

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

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

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

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

.ed-home .js-form-submit.btn {text-transform: inherit;}

.ed-home form#views-exposed-form-glossary-of-terms-ed-table {margin: 0 30%; width:100%;}

.ed-home form#views-exposed-form-glossary-of-terms-ed-table {margin:0;}

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

 tr.ed-topics p {margin: 9px 0 13px 0;}

.table {
  margin: 30px 0;
  font-size: 15px;

}

.table th, .table td {
    padding: 1.4rem;
    vertical-align: middle;
}

.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, table .btn-default, table .btn-primary {
}

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

.table-nostripe tbody tr:nth-child(even) {
    background-color: transparent;
}

.table-nostripe tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

table th.thead-light, #forms table th, #publications table th   {
          background-color: #e9ecef;
}
.table .thead-light th,  #forms table th, #publications table th       {
   color: #fff;
    border-bottom: 0;
    background-color: #3780b3;
    border-color: #fff;
}


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

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


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

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

.navbar-light .navbar-nav .nav-item:last-of-type {
    margin: 0 0 0 55px;
}


.navbar-light .navbar-nav .nav-link {
    color: #343a40;
    font-size: 16px;
    padding: 6px 0;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link .fa-chevron-down {
    font-size: 12px;
    display: inline-block;
    color: #006d66;
    margin-left: 5px;
}

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

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


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

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

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #006d66;
}

.nav-secondary {
    height: 100px;
    text-align: right;
    position: relative;
    background: #005953;
}

.nav-secondary ul li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    padding: 15px 15px;
    line-height: 0;
    }

.nav-secondary ul li a.btn {

    color: #fff;
}

.nav-secondary .btn-primary, .footer-secondary .btn-primary {
    font-weight: 500;
    background-color: #0068b3;
    margin: 0 0 0 15px;
    transition: 0.3s;
    color: #fff;
    padding: 12px !important;
    height: 45px;
    line-height: 1.5em;
}

    .nav-secondary .btn-primary:hover {

        background-color:#0069D9;
    }

     .footer-secondary .btn-primary:hover {

        background-color:#0069D9;
    }


.footer-secondary .btn-primary {
    margin: 0;
}

.nav-secondary .btn-primary .fa {
    margin-right: 5px;
}

.nav-secondary ul {
    padding: 0;
    margin: 0;
    line-height: 0;
}

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

.nav-secondary span {
    color: #fff;
    display: inline-block;
}

.nav-secondary .secondary-vnav a {
    padding: .5rem .75rem;
    font-weight: 400;
    font-size: 1rem;
    margin-top: -5px;
}

.nav-item .btn-primary i {
}

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

.navbar-default {
    background-color: rgba(0, 109, 102, 0.9);
    border: none;
}

.menu-block h2 {
    float: left;
    display: block;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.menu-block p {
    float: left;
    display: block;
    font-size: 15px;
    margin: 5px 0 15px;
}

.menu-block .btn {
    float: left;
    display: block;
    font-weight: 600;
    padding: 10px 18px;
    margin-right: 10px;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: inherit;
}

.menu-block .btn-outline-primary {
    color: #0068b3;
    background-color: transparent;
    background-image: none;
    border-color: #0068b3;
    border-radius: 0;
}
    .menu-block .btn:last-of-type {
        margin-right: 0px;
    }

    .menu-block .btn .svg-inline--fa {
        font-weight: 700;
    }

.menu-block .fa-circle, .menu-block h2 {
    color: #343a40 !important;
    font-size: 30px;
    font-weight: 500;

}

.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 ul.currentli  a:hover {
    }

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

.menu-desc span {
    float: left;
    margin-left: -10px;
    display:none;
}


.quick-facts h4 {
text-align: center;
color:#0067B1;
font-size: 22px !important;
}

.quick-facts .card-body {padding-top:90px;}

.quick-facts h3.card-title {
    color: #6CB33F;
    font-size: 24px !important;
    font-weight: 500 !important;}

.quick-facts h3.card-title sup {
    font-size: 16px;
}
.quick-facts p.card-text {font-size: .90em;}

.card.h-100.bg-usmap {
background-image: url(/images/png/usmap.png);
background-size: 140px 85px;
background-repeat: no-repeat;
background-position: 50% 0;
border: none;
}

.bg-worldmap {
background-image: url(/images/png/worldmap.png);
background-size: 85px 85px;
background-repeat: no-repeat;
background-position: 50% 0;
border: none;
}

.bg-vamap {
background-image: url(/images/png/vamap.png);
background-size: 140px 85px;
background-repeat: no-repeat;
background-position: 50% 0;
border: none;
}


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

.quicktopics .btn-primary {
    color: #fff;
    /* background-color: #1e355e; */
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 15px;
    /* letter-spacing: 0; */
    border: 3px solid transparent;
    width: 301px;
    border-radius: 5px;
    text-transform: uppercase;
    line-height: initial;
    background-color: rgb(22, 37, 71);
}

.quicktopics button {
    position: relative;
}

.quicktopics i {
    font-size: 14px;
    margin-top: 3px;
    position: absolute;
    right: 15px;
}

/*.quicktopics {
    position: absolute;
    display: block;
    z-index: 99;
    border-radius: 5px;
    bottom: 15%;
    left: 0;
}*/

.quicktopics section {
    background-color: rgba(51,102,102,0.68);
    padding: 25px 10px 30px 25px;
    border-radius: 5px;
    border: 1px solid #336666;
}

.quicktopics span {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 0px;
    display: block;
}

.quicktopics p {
    font-size: 20px;
    line-height: 1.6em;
    color: #ffffff;
    padding: 0;
    margin-bottom: 15px;
    /* text-shadow: 1px 1px 1px #333; */
    font-weight: 500;
}

.quicktopics .dropdown-menu {
    width: calc(50%);
    padding: 10px;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 0;
}

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

.quicktopics .dropdown .fa-times {
    visibility: hidden;
}

.quicktopics .dropdown.show .fa-times {
    visibility: visible;
}

.quicktopics .btn-primary:not(:disabled):not(.disabled):active, .quicktopics .btn-primary:not(:disabled):not(.disabled).active, .quicktopics .show > .btn-primary.dropdown-toggle {
color: #fff;
/*background-color: #0068b3; */
border-color: #0068b3;
font-weight: 600;
border-radius: 3px;
background-color: rgb(22, 37, 71);

}

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

.quicktopics .btn-primary:not(:disabled):not(.disabled):active:focus, .quicktopics .btn-primary:not(:disabled):not(.disabled).active:focus, .quicktopics .show > .btn-primary.dropdown-toggle:focus {
background-color: #1e355e;
color: #fff;
font-weight: 600;
}


.scroll-logo {

}

 .slider-nav-logo {margin: 1em;}

.navbar-nav .dropdown-menu.menu-top-level {
    width: 100%;
    border-radius: 0;
    margin:0;
    box-shadow: 0 12px 20px rgba(0,0,0,.15);
}


.dropdown, .dropup {
    position: static;
}


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

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


.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 {
}

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

.dropdown-header {
    padding: 0;
    font-size: 15px;
    font-weight: 500;
}

.dropdown .row {
    padding: 15px 0 5px;
}

.dropdown-item {
    color: #343633;
    font-size: 15px;
    padding: 5px 15px;
    margin: 2px 0;
    font-weight: 500;
}

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

.navbar-nav a.dropdown-item:hover {
    color: #006d66;
    background-color: transparent;
}


.dropdown-item.active, .dropdown-item:active {
    background-color: #fff;
    color: #006d66;
}

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

}

.menu-search .dropdown-menu {
    padding: 30px;
}

.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.headroom--not-top.headroom--pinned .navbar-light, #navigation.headroom--not-top.headroom--unpinned .navbar-light {
    background-color: #006d66 !important;
}

#navigation.headroom--not-top.headroom--pinned .navbar-light .navbar-nav .nav-link, #navigation.headroom--not-top.headroom--unpinned .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

#navigation.headroom {
    position: relative;
}

    #navigation.headroom.headroom--not-top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background-color: #fff;
    }

     #navigation.headroom.headroom--not-top.headroom--pinned{
        box-shadow: 0 5px 10px rgba(0,0,0,.50);
}


.headroom--pinned {
    transform: translateY(0%);
    will-change: transform;
    transition: transform 200ms linear !important;
}

.headroom--unpinned {
    transform: translateY(-100%);
}


.headroom--pinned {
    will-change: transform;
    transition: transform 0ms linear;
}

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

}


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

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

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

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


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

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

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

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

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


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

.carousel {
    z-index: 100;
}
h3.featured-header, h3.latest-header {
    font-size: 26px;
    padding-bottom: 15px;
    font-weight: 800;
    border-bottom: 1px solid #ddd;
}

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: 40px;
    color: #2c9ab7;
    background-color: #000000b8;
    bottom: 50%;
    height: 80px;
}


.swiper-insights .carousel-control  {

        top: 30%;

}

.swiper-80yr .carousel-control  {

    top: 40%;
    color: saddlebrown;
    outline: none;
}

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

.swiper-pagination {
    position: relative !important;
    margin-top: 20px;
}

.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;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    opacity: 1;
    background: #666;
    /* font-weight: 600; */
}

.swiper-pagination-bullet-active {
    color: #fff;
    background: #2c9ab7;
}


.swiper-slide a { text-decoration:none;}
.swiper-insights .carousel-caption {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    color: #343633;
    text-align: left;
    min-height: 160px;
    background-color: #fafafa;
    padding: 15px;
    border: 1px solid #e6e6e6
}

    .carousel-caption h3 {
    font-size: 25px;
    /* margin: 5px 0 0; */
    font-weight: 800;
    }

    .carousel-caption p {
        font-size: 17px;
        color: #343633;
        font-weight: 500;
    }

        .carousel-caption .btn {
    }

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

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

.swiper-horizontal > .swiper-scrollbar {
    top: 0;
}

/*.swiper-scrollbar {
    background: #2c9ab766;
}

.swiper-scrollbar-drag {
    background: #2c9ab7;
}*/

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

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

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

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


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

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

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


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

.latest-news {
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    padding: 15px 5px 15px;
    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;
}

.home-break {
}

#news-insights {
    width: 100%;
    font-size: 32px;
    color: #444 ;
    padding: 75px 0px 25px;
    margin: 0;
    font-weight: 500;
    text-align:center;
}

.insights-bg .row {
    background: #fff;
    padding: 30px 0px;
    margin: 0 !important;
}


.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-color: red; */
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}
.head-arrow-down:before {
    /* border-color: rgba(221, 221, 221, 0); */
    border-top-color: #e6e6e6;
    border-width: 16px;
    margin-left: -16px;
}
.insights-bg {}
.latest-news a {
    text-decoration: none;
}

.latest-news a:hover h3, .latest-news a:hover p{
color: #2c9ab7;


}

.latest-news-article h3 {
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 0px;
    color: #343633;
    line-height: 1.4em;
}
.latest-news-article .btn {
    position: absolute;
    right: 0;
    bottom: 10px;}

.latest-news p {
    font-size: 15px;
}


.latest-news-article .key:nth-of-type(2), .views-element-container .views-row .div:nth-of-type(2) {
    display: none;
}

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

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

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

.cd-top {
    position: fixed;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 25px;
    bottom: 25px;
    z-index: 1030;
    visibility: hidden;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .5px;
}

.cd-top i {
    margin-left: 5px;
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 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;
    border: 1px solid #e3e3df;
    opacity: 1;
    text-decoration:none;
}

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


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

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

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

#mid-content > p:first-of-type {padding: 15px;background-color: #caeeff;border-radius: 5px;border: 1px solid blue;}

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

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

.int-hero-home.banner-standard {
    padding: 0;
    z-index: 10;
    background: #66a366;
    background: -moz-linear-gradient(left, #004959 0%, #2b5171 100%);
    background: -webkit-linear-gradient(left, #004959 0%, #2b5171 100%);
    background: linear-gradient(to right, #004959 0%, #2b5171 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004959', endColorstr='#2b5171',GradientType=1);

}

.banner #block-pageimage img {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;}


.Education .banner #block-pageimage img {
    object-position: top;
}

.int-hero-callout-alt {
    color: #fff;
    padding: 0 15px;
}

.int-hero-home.banner .int-hero-callout-alt {
    font-size:34px;
    background-color: rgba(0, 0, 0, 0.45);
    max-width: 1000px;
    font-weight: 600;
    padding: 10px 15px;
    display: inline-block;
    letter-spacing: .1px;
}


.banner-standard .int-grid {
}

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

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

.banner-standard .int-hero-callout {
    position: relative;
    max-height: 300px;
    padding: 4em 15px;
}


.banner-standard .breadcrumb li {
    font-size: 14px;
    display: inline-block;
    color: #fff;
    text-shadow: 1px 1px 1px #333;

}

.banner-standard .breadcrumb a {
    color: #fff;
}


.banner-standard .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}
.banner-image .int-hero-callout{
        padding: 4em 15px ;
        position: relative;
        height: 100%;
}



/*-----Internal Sidenav ------------------------*/


    .sidebar .nav > li {
        position: relative;
        display: block;
        width: 100%;
        display: block;
    }

        .sidebar .nav > li.active {
            background-color: #fff;
        }

.int-hero-callout-alt {
    /* color: #fff; */
}

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

.breadcrumb li {
    font-size: 15px;
    display: inline-block;
    font-weight: 600;
    }


.breadcrumb-item + .breadcrumb-item::before {
}

.breadcrumb a {
    position: relative;
    font-weight: 400;
    }

.breadcrumb a:hover {
        text-decoration: none;
    }

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


.breadcrumb li::before {
    color: #fff;    }
 }

.breadcrumb > li + li::before {
        color: #fff;
        padding: 0px 10px;
    }

    .breadcrumb a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px dashed #bbb;
        transition: border .12s ease-out;
    }



.int-page.container { padding: 15px 30px;}

#mid-content {
    padding-top: 15px;
}



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

    .mid-gutter ul, .mid-gutter ol {
    }

     #mid-content ul.nav-tabs {
        padding-left: 0 ;
    }

.col-lg-3 col-md-9 offset-md-3 offset-lg-0 .important {
    color: red;
    font-weight: 600;
}

.note {
    padding: 15px;
    background: #fcf8e3;
    border-left: 5px solid #faf2cc;
    color: #8a6d3b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 0;
    font-size: 15px;
    display: block;
    line-height: 1.8em;
    font-weight:400;
    margin: 15px 0;
    width: initial !important;
}

table .note {
    margin: 0;
}

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

}

.note.alert {
    background: rgba(25,160,215,.1);
    border-left: 5px solid #19a0d7;
    color: #19a0d7;
}

.notered {
    font-size: 14px !important;
    color: #e50000 !important;
    font-weight: normal;
}

.myaccordion { margin: 30px 0 45px;}
.accordion-block {
    border-top: 1px solid #ddd !important;
}

.myaccordion table tbody { background-color: #fff;}
.accordion-block:last-of-type {
    border-bottom: 1px solid #ddd !important;
}

    .accordion-block .ui-accordion-content {
    padding: 50px;
    border: 1px solid #ddd;
    border-bottom: none;    }

  .accordion-block .table {
    margin: 0;
    width: initial;
}

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

.int-page .accordion-block a.menuitem {
    font-size: 18px;
    cursor: pointer;
    padding: 25px 15px 25px 50px;
    margin: 0;
    position: relative;
    font-weight: 800;
    color: #495057;
}

.int-page .accordion-block a.menuitem:focus, .int-page .accordion-block a.menuitem:active {
    outline: 1px solid #178bb8 !important;
    color: #178bb8;

}

.int-page .accordion-block a.menuitem:hover {
    color: #178bb8;

}

.accordion-block a.menuitem {
    display: block;
}

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

.accordion-block .accordion-item > a:hover,
.accordion-block .accordion-item > a:active,
.accordion-block .accordion-item > a:focus {
    text-decoration: none;
}

.accordion-block .ui-icon {
    position: absolute;
    left: 20px;
    top: 28px;
    font-size: 15px;
}

#mid-content .ui-tabs-tab {
    margin: 5px 15px -3px;
    list-style: none;
    display: table;
}


.tab-pane {
    padding: 0;
    border: none;
    padding: 15px;
    margin-bottom: 15px;
}
.ui-tabs div.bordered {
    padding: 15px 15px 0;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fafafa;

}

.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;
}

.tab-pane.pane-table {
        padding: 15px 0 0;
    }

        .tab-pane.pane-table .table {
            margin: 0;
        }

            .tab-pane.pane-table .table ul {
                padding-left: 0;
            }

            .tab-pane > ul li:last-child {
                border-bottom: none;
            }

            .tab-pane ul li.svg-inline--fa {
                display: table-cell;
                vertical-align: middle;
            }

    .tab-pane table ul {
        padding-left: 30px;
        margin: 0px 5px;
    }


.nav.nav-tabs {
    flex-wrap: nowrap;
}


.nav-tabs {
display: flex;}

.nav-tabs .nav-item.ui-state-active {
    border: none;
}

.nav-tabs .nav-item.ui-state-active, .nav-tabs .nav-item.ui-state-active:hover {

}

.nav-tabs li.nav-item:hover {
    /* background-color:#fafafa; */
    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 #ddd; */
}

#formsmenu {
    padding: 15px 0;
    float:left;
}

.ui-tabs .tab-content h3{/* margin-bottom: 15px; */}


.hideborder.ui-tabs .tab-content {
    border: none;
}


.mod-updates.ui-tabs .tab-content {

    float:left;
}

.nav-tabs .nav-item .fa-caret-down {
    display: none;
}

.nav-tabs .nav-item.ui-state-active a {
    color: #495057 !important;
    font-weight: 700;
    background: #dfe4e4;
}

#mid-content .nav-tabs .nav-link {
    border: none;
    font-weight: 600;
    color: #555;
    font-size: 15px;
    border-radius: 0;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border: none;
}
#mid-content .nav-tabs .nav-link {
    padding: 10px 30px;
}

#mid-content .nav-item.ui-state-active .nav-link:hover {
    color: #006d66 !important;
}


#mid-content ul.nav-tabs {
    margin: 0;
    border: none;
    z-index:10;
    /* border-top: 1px solid #eee; */
    border-bottom: 1px solid #ddd;
}


.nav-item.ui-tabs-tab {
}

.tab-content h2 {
    margin: 0 !important;
    cursor: pointer;
    padding: 15px 0;

}
#mid-content .tab-content li.download-file {border-top: 1px solid #ddd; margin: 0;float: left;
    display: block;
    width: 100%;}

#mid-content .tab-content  li.download-file .textbody {font: 1.5em;}
li.download-file a:hover {
    background-color: #f8f8f8;
}


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

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

}

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

.hideborder .nav-item.ui-tabs-tab {
border-bottom: 1px solid #e6e6e6;
}

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

.sidebar h4 a.collapsed:after {
  content: "\f067";
}


[data-toggle="collapse"] .fa:after {
  content: "\f067";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}


.sidenav-list {
    background-color: #fff;
    padding: 0;
    margin:0;
    border: 1px solid #f5f5f5;
}

    .sidenav-list li ul {
        padding-left: 0px;
    }


    ul.sidenav-list > li:last-child .currentli{
        border-bottom: none;

    }

    .sidenav-list .list-group-item {
    position: relative;
    display: block;
    padding: 18px 15px;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 600;
    }

    .sidenav-list .list-group-item .fa-external-link-square-alt{
    margin-left: 5px;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 1px;
    }


 /*   .sidenav-list h5.child-pages .list-group-item {
        width: 85%;
    }*/

    .sidenav-list li li .list-group-item {
    padding: 12px 10px 12px 25px;
    border-right: 5px solid transparent;
    line-height: 1.4em;
    font-weight: 400;
    font-size: 14px !important;
    text-transform: initial;
    }


    .sidenav-list ul li a {
        font-size: 13px !important;
    }

    .sidenav-list li {
        border-radius: 0 !important;
        list-style: none;
        display: block;
    }

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

    .sidenav-list li h6 {padding: 0; }
        .sidenav-list li a {
            color: #343633;
            font-weight: 600;
            text-decoration: none;
        }

    .sidenav-list > li a:hover {
        background-color: #f5f5f5;
        color: #006d66;
        border-radius: 0;
    }

    .sidenav-list > li:hover .sidemenu-arrow {
        color: #006d66;
    }

  .sidenav-list li.currentli.active h5{
    background-color: #f5f5f5;
    border-left: 5px solid rgba(0, 109, 102, 0.7)!important;
    color: #343a40;
    }

        .sidenav-list li li.currentli.active h6{
    background-color: transparent;
    }


   .sidenav-list li.currentli.active h5 a, .sidenav-list li.currentli h5 a {
    /* font-weight: 500; */
    /* padding: 12px 7px; */
    color: #006d66;
    }
     .sidenav-list li.currentli.active h5 a {
    padding-left: 10px;    }

.sidenav-list li.currentli.active ul {
    background-color: #f5f5f5;
}

 .sidenav-list >  li.currentli h5 a:hover {
        background-color: #f5f5f5;
        color: #006D66;
        border-radius: 0;
    }


    .sidenav-list li h5 a {
        font-weight: 500;
    }

        .sidenav-list li h6 a {
        font-weight: 400;
    }
        .sidenav-list li.currentli h6 a.active-link {
    color: #006d66;
    font-weight: 500;
    }

/* ul.sidenav-list > li {
    border-bottom: 1px dotted #e6e6e6;
}*/


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

.sidebar .sidemenu-arrow {
    position: absolute;
    cursor: pointer;
    transition: 250ms linear;
    -webkit-transition: 250ms linear; /* Chrome, Safari, Opera */
    -moz-transition: 250ms linear; /* Firefox */
    padding: 7px 17px;
    right: 0;
    top: 0;
    font-size: 13px;
    color: #656565;
    z-index: 99;
    font-weight: 400;
    border: 1px dashed #ddd;
    margin: 5px;
    background: #fff;
}


.sidebar div > ul > li h5 {
    margin: 0;
    cursor: pointer;
}

.sidebar div > ul > li h6 {
    width: 100%;
    margin-bottom: 0;
}

.sidenav-list li .sidemenu-arrow .fa-angle-right, .sb-menu .sb-submenu-active .fa-angle-right {
    transition: 250ms linear;
    -webkit-transition: 250ms linear; /* Chrome, Safari, Opera */
    -moz-transition: 250ms linear; /* Firefox */
}


.sidenav-list li.active .sidemenu-arrow .fa-angle-right {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    transition: 250ms linear;
    -webkit-transition: 250ms linear; /* Chrome, Safari, Opera */
    -moz-transition: 250ms linear; /* Firefox */
    color: #006d66;
}


.sb-menu .sb-submenu-active .fa-angle-right, .sidenav-first.active .fa-angle-right{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    transition: 250ms linear;
    -webkit-transition: 250ms linear; /* Chrome, Safari, Opera */
    -moz-transition: 250ms linear; /* Firefox */
}


 .sidebar div > ul > li {
    padding: 0;
    display: block;
    border-bottom: 1px solid #f5f5f5;
}

.sidebar div > ul > li:last-of-type {
        border: none;
}

    .sidebar div > ul > li > ul {
        display: none;
    }

    .sidebar div > ul > li.active > ul {
        display: block;
        /* padding: 5px 0 0; */
    }
    .boilerplate {
    background-color: #fafafa;
    }

    .boilerplate .container {
        font-size: 16px;
        text-align: center;
    }

    .boilerplate .container h3 {
        font-weight: 600;
    }

  .boilerplate .container {
        padding: 50px 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);
    margin: 50px 0;

}

.cta_banner #block-fullwidthcta{

}

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

}

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

.myVRS .card {
    min-height: 300px;
}

.myVRS .card .btn {
    position: absolute;
    bottom: 15px;
}

.right-callout.callout_secondary_top { margin: 0 !important; }



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

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

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


#featured-upcoming footer{  
    display: none;

}

footer .col-8, footer .col-4 {
    float: left;
}

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

    footer ul a, footer p a, footer ul svg {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
     }

        footer ul a:hover, footer p a:hover {
            color: #fff;
        }

footer .footer-secondary svg {
    font-size: 28px !important;
    float: left;
}

footer ul li {
    /* line-height: 2em; */
}


.footer-links ul {
    padding: 0;
}


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

    .footer-social ul li span {
        font-size: 16px;
    }


.footer-social li {
    display: inline-block;
}

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

.footer-copyright {
    color: #fff;
    padding: 25px 0;
    font-size: 12px;
    text-align: center;
}

footer {
    min-height: 150px;
    background-color: #005953;
    padding-top: 30px;
    border-top: 8px solid #00766E;
    width: 100%;
}

    footer address {
        color: #fff;
        font-size: 15px;
        margin: 0px 0 5px;
        display: block;
        line-height: 1.5em;
        font-weight: 500;
    }

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

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

footer .gov-links li {display: inline-block;}
footer .gov-links li span {color: #fff; margin: 0 4px;}
footer .footer-secondary ul li {
    display: inline-block;
    margin-right: 5px;
}

#translate-label {
    color: #fff;
    margin-left: 10px;
    font-size: 12px;
}

.icon-background2 {
    color: #0077B5;
}


.circle-icon {
    background: #ffc0c0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}

.fa-facebook {
    color: #3B5998;
}

    .fa-facebook:hover {
        color: #fff;
    }

.fa-linkedin {
    color: #0077B5;
}

    .fa-linkedin:hover {
        color: #fff;
    }

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


.right-callout .callout-block {
    border: none;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background-size: cover, contain; 
    background-repeat: no-repeat; 
    background-position: bottom;
    min-height: unset;
    padding: 40px 20px 15px;
    position: relative;
}


.right-callout .callout-block.milestones-callout {
    background-image: url(/images/callouts/milestones_bg.jpg);
    background-position-x: 30%;              
    min-height: 350px;

}

.right-callout .callout-block.myvrs-callout {

    background-image: url(/images/callouts/myvrs_bg.jpg);
}

.right-callout .callout-block.careers-callout {
    background-image: url(/images/callouts/careers_bg.jpg);
    background-position: top right;
}




.right-callout .callout-block .callout-overlay {
background-color: rgb(27 36 50 / 70%);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 0;
border-radius: 5px;
-webkit-transition: .3s ease 0s;
-o-transition: .3s ease 0s;
transition: .3s ease 0s;
}

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


.right-callout .callout-block:hover .callout-overlay {
background-color: rgb(41 56 92 / .90);
}

.right-callout  h5{
margin: 0px 0 25px;
font-size: 28px;
color: #ffdb6e;
}

.right-callout .callout-block > h5 i{
margin-right: 5px;
font-size: 22px;
}


.right-callout .callout-block p{
color: #fff;
padding: 5px 0 5px;
font-size: 18px;
text-shadow: 1px 1px 1px #000;
font-weight: 500;
line-height: 1.4em;
}

.right-callout .milestones-callout .btn {
margin-top: 15%;
}
.right-callout .myvrs-callout .btn{
margin-top: 10%;
}

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


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

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


.enrich-card {
    min-height: 140px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    background: #fff;
    border: .5px solid #d8d4d4;
    border-radius: 4px;
    font-weight: 600;
    color: #1a1a1a!important;
    padding: 20px 15px;
    margin-bottom: 10px;
}

.enrich-card:hover {
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%), 0 4px 4px rgb(0 0 0 / 25%);
}

.enrich-card div {
    position: absolute;
    left: 55px;
    color: #343633;
    margin-bottom: 10px;
}

.enrich-card p {
    line-height: 1.5em;
    margin: 0;
}



.enrich-card a {
width: 100%;
position: relative;
}

.enrich-card img {
    width: 30px;
    position: absolute;
    top: 0px;
    left: 5px;
}


.enrich-card h5 {
    font-size: 18px;
    font-weight: 800;
}

@media screen and (min-width: 540px) {
.right-callout .myvrs-callout {
        background-position:  center;
}
}

@media screen and (min-width: 768px) {
.right-callout .myvrs-callout {
        background-position: center;
}
}

@media screen and (min-width: 1024px) {
.right-callout .myvrs-callout {
        background-position: center;
}
}

    .right-callout h2 {
    background-color: #fafafa;
    color: #495057;
    padding: 15px 15px;
    font-size: 17px;
    font-weight: 800;    
    text-align: center;
    margin: 0;
    border: 1px solid #ddd;
    border-bottom: none;
    }


    .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-color:  transparent;
        border: none;
        padding: 30px 0;
    }

    .right-callout .careers-callout .callout-caption{
        padding: 40px 0px 15px;
    }




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


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

    .right-callout strong {
       /*-- 
       font-size: 16px;
        color: #63656a; *//
    }

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

    .right-callout li a {
        vertical-align: middle;
        display: block;
        font-weight: 400;
        margin-left: 40px;
        position: relative;
    }

    .right-callout ul li:last-of-type {

        border-bottom: none;

    }

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

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


    .right-callout p i {

    margin-right: 4px;
    font-size: 16px;
    color: #666;
    }

    .right-callout ul li {
        display: table;
        line-height: 1.4em;
        border-bottom: 1px dotted #e6e6e6;
        padding: 15px 0;
        width: 100%;
        position: relative;
    }


    .right-callout ul li .fa-stack{
        left: 1px;
        position: absolute;
        top: 10px;
    }

        .right-callout ul li span.fa-2x {
            color: #666;
            margin-right: 8px;
            width: 1em;
            position: relative;
            display: block;
        }

        .right-callout li .fa-link, .right-callout li .fa-external  {
        bottom: 0;
        left: 0px;
        margin: auto;
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 15px;
    }
.right-callout ul li .fa-stack-1x {
    color: #666;
    font-size: 16px;
}


.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 .btn {
    margin: 15px 0px;

    }

    .right-callout .form-control {
    }

    .right-callout .tab-pane {
        padding: 0;
        margin: 0;
        border: none !important;
        text-align: left;
    }

    .right-callout #tabs {
        margin: 0;
    }

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

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

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

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

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

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

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


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

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

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

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

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

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

.board-grid .feature-card {
    max-width: 205px;
    margin: 0 auto;

  }
.board-grid .feature-card .card {
    background: #fafafa;
    text-align: left;
    font-size: 14px;
}

.board-grid .feature-card .card h3{
    font-size: 20px;
    color: #343a40;
    margin: 0 0 5px;
}

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

.board-grid .board-card img {
    margin: auto;
    max-width: 195px;
}

.board-grid .board-card .card-body{
    padding: 15px 5px;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    line-height: 1.2em;
}


.board-grid .board-card .card-body h5{
    font-size: 16px;
    text-transform: initial;
    color: #006d66;
    margin: 0;
    font-weight: 700;
}

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

.board-grid .board-card .card-body span{
    font-size: 12px;
    text-transform: uppercase;
}



        .int-page a {
            text-decoration: none;
        }

        .card { margin-bottom: 30px; }

        .card-preview {
            max-height: 380px;
            margin: 50px 0;
        }

        .card-preview:hover .caption {
            opacity: 1;
            -webkit-transition: opacity .4s ease 0s;
            -o-transition: opacity .4s ease 0s;
            transition: opacity .4s ease 0s;
        }


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

        .card-preview .card-image {
                overflow: hidden;
                position: relative;
                max-height: 320px;
                width: 100%;
                height: 300px;
                overflow: hidden;
                            }


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

        .card-preview .card-body{
            border: 1px solid #ddd;
            border-top: none;
            position: relative;
            clear: both;
            display: block;
        }
        .card-preview .caption div {
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            text-align: center;
        }

        .card-preview .card-title i {
            padding-right: 10px;
        }

        .card-preview .caption p {
            font-size: 24px;
            font-weight: 700;
            margin-top: 15px;
            }

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

        .card-cont {
            margin: 30px 0 50px;
        }

        .card-meta-data {
            padding: 15px 0 15px;
            background-color: #f5f5f5;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

            .card-meta-data .fa-stack {
                color: #007480;
                margin: 0 10px;
                position: absolute;
            }

        .card .title-info div {
            padding: 0 20px 0 100px;
        }
        .card h3.card-title {
            margin: 10px 0;
            font-weight: 600;
            font-size: 20px;
            font-weight: 800;
        }

        .card .card-text {
            margin-bottom: 0;
            line-height: 1.8em;
            color: #495057;
            font-size: 15px;
        }

            .card-body {
                padding: 15px;
            }

        .card h3.card-title a {
            color: #006d66;        
        }

        .card .title-info h3{
            font-size: 22px;
        }
        .card-meta-data:hover {
            background: #007480;
            color: #fff;
            transition: 0.3s;
        }

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

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

            .card-meta-data:hover .fa-stack {
                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: #007480;
    font-size: 40px;
    vertical-align: middle;
    display: inline;
}

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


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

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

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

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

.Investments .panels-container .js-modal-btn {
    color: #007480;
    background-color: #f5f5f5;
}

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



.btn.js-modal-btn i{
margin: 0 2px !important;
}

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


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

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

 #benefits *.card-body {
    padding: 25px 15px 10px;
}

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


#mid-content ul li, #mid-content ol li {
}

#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;
    }

.mid-gutter {
    /* padding: 0px 15px; */
    background-color: #fff;
    /* min-height: 450px; */
    margin: 0 0 80px;
    position: relative;
}


.col-sm-3 {
    padding: 0;
}

.tablebox {
    margin: 30px 0;
}

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

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


.plan-pdf {
    margin: 15px 0 0 0;
}
.plan-pdf p {display:inline-block;}

    .plan-img img {
        width: 100%;
        max-width: 160px;
        border: 1px solid #e6e6e6;
  }

.well {
    padding: 25px;
    border: 1px solid #e6e6e6;
    margin: 0 0 30px;
    font-size: 15px;

}

.well.media ul { padding-left: 30px;}


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

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

}

#printheader {
    display: none;
}

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


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

}

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

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


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


/**********************************NEW DRUPAL STYLES********************************/
.more-link{text-align: center;}

#login .container #login-row #login-column #login-box {
  margin-bottom: 110px;
  max-width: 600px;
  height: 420px;
  border: 1px solid #9C9C9C;
  background-color: #EAEAEA;
}
#login .container #login-row #login-column #login-box #login-form {
  padding: 20px;
}
#login .container #login-row #login-column #login-box #login-form #register-link {
  margin-top: -85px;
}

details {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

details:active,
details:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
}

#edit-tid--description {
    margin-top: 15px;
    display: inline-block;
    display: none;
}

.js-form-item {float: left; margin-right: 15px;}
.js-form-submit.form-submit {
    display: inline-block;

}
.views-exposed-form, .search-form {
    display: inline-block;
    margin-bottom: 15px;
}




select::-ms-expand { padding: 0 15px; border:none; background-color: transparent;} 
.form-actions.js-form-wrapper, .form-search.form-control {
    display: inline-block;
}

.vrsforms-view label, .vrspubs-view label, .js-form-item label {display: none;}
.vrsforms-view select, .vrspubs-view select, .form-select, .form-autocomplete {
    height: 42px;
    font-weight: 600;
    padding: 0 0 0 10px;
    border-radius: 0;
    border: 1px solid #495057;
    margin: 0;
}

.js-form-submit.btn {
    line-height: 1em !important;
    padding: 13px 15px;
    border-radius: 0;
    text-transform: uppercase;
    float: left;
}

td.download span a[href$=".pdf"],td.download span a[href$=".html"] {
    background-image: url(/themes/custom/varetire/images/PDF_24.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 26px;
    display: block;
    margin: 0 auto;
}

div.latest-news-article a[href$=".pdf"]{
    background-image: url(/themes/custom/varetire/images/PDF_24.png);
    background-repeat: no-repeat;
    height: 26px;
    display: inline-block;
    text-indent: 30px;
}

td.download span a[href$=".html"], td.download span a[href$=".org/#publications"], td.download span a[href$="/login/"], td.download span a[href$=".html"], td.download span a[href$=".asp"] {
    background-image: url(https://www.varetire.org/images/gif/www.gif);
    background-repeat: no-repeat;
    color: #fff;
    width: 16px;
    display: block;
    margin: auto;
    }

.alert-no-forms {margin-top: 53px;}

.posted, .mbr-type{font-weight:bold;color:#999;}

/*----------------------------------------BOARD MEETINGS PAGE STYLES----------------------------------*/

.board-table {
margin: 25px 0 50px
}

 #mid-content .board-mtg-post a[href$=".pdf"]:after, #mid-content .board-mtg-post a.pdf_icon:after {
    display: none;
}


#mid-content .board-mtg-post a[href$=".pdf"]:before {
    content: url(/themes/custom/varetire/images/PDF_20.png);
    width: 16px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}


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

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


.board-mtg-body a.modal-link {
    color: #343633;
}

.board-video a.video-link .fa-video{
    color: #343633;
}

.board-mtg-body a.modal-link:hover {
    color: #2c9ab7;
}

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

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

.board-mtg-body a.modal-link i{

}


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

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

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

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

}

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

.board-mtg-post {
    margin: 15px 0 15px;
    padding: 15px 20px 30px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    border-radius: 3px;
}

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

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

.board-mtg-canceled {
    display: inline-block;
    color: #fff;
    margin-left: 10px;
    padding: 5px 15px;
    font-size: 14px;
    background: #dc3545;
    border-radius: 3px;
    font-weight: bold;
}

/*.board-mtg-address {
    padding: 12px 20px;
    background: #efefef;
    border: 1px solid #bfbcbc;
    display: block;
    max-width: 250px;
    font-size: 15px;
}
.board-mtg-address h4::before{
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
}

.board-mtg-address p{
    line-height: 1.6em;
} */

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

.modal-header {border: none; }

.pager__items {

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

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

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

.pager__items li a:hover {
    color: #fff;
    background-color: #0068b3;
    font-weight: 600;
}

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

}

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

}

.pager__item.is-active a{
    color: #fff;
    background-color: #0068b3;
    font-weight: 600;
}

.views-exposed-form, .search-form {
    /* display: inline-block; */
    margin-bottom: 15px;
    /* background-color: #eee; */
    /* padding: 5px 25px; */
    /* border: 1px solid #ddd; */
}

.js-form-submit.btn {
    line-height: 1em !important;
    padding: 15px 20px;
    border-radius: 0;
    text-transform: uppercase;
    /* float: left; */
    max-height: 45px;
}

.vrsforms-view select, .vrspubs-view select, .form-select, .form-autocomplete {
    height: 45px;
    font-weight: 600;
    /* padding: 0px 0 10px 0px; */
    border-radius: 0;
    border: none;
    margin: 0px 0 15px;
    border-bottom: 3px solid #006d66;
    font-size: 18px;
    /* background-color: #eee; */
    font-size: 18px;
    max-width: 100%;
    /* color: #2c9ab7; */
    cursor: pointer;
    padding: 5px 0;
}

.js-form-item {
    float: left;
    margin-right: 30px;
}

select:focus-visible {
    outline: 2px solid #2c9ab7;
    outline-offset: 0;
}



/*------------------------------INVESTMETNS PAGE STYLING---------------------------------------*/


.Investments .card-group .card:nth-of-type(1) .card-img-overlay{
        background-color: #d0cc4e;
}

.Investments .card-group .card:nth-of-type(2) .card-img-overlay{
        background-color: #21618e;
}

.Investments .card-group .card:nth-of-type(3) .card-img-overlay{
        background-color: #28a745;
}


.Investments .card-group .card .card-img-overlay{
        opacity: .6;
}



.Investments .card-group .card-body {
    background-color: #fff;
    z-index: 1;
}

.Investments .card-group .card:hover .card-img-overlay {
    opacity: .9;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.35s ease-out;
}

  .Investments .card-group {
    margin: 50px 15px;
  }

  .Investments .card-group .card-body p {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #343633;
    padding: 15px 15px 10px;
}

.Investments .card-group .circle{
  width:100px;
  height:100px;
  border-radius:50%;
  box-sizing:border-box;
  text-align:center;
  display:inline-block;
  line-height:100px;
  background-color:#000;
}
.Investments .card-group .circle span{
  text-decoration:none;
  color:#fff;
  font-size: 30px;
}


.Investments .card-step {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;

}

.Investments .card-step h5{
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    display: block;
    margin-top: 12%;
    text-shadow: 1px 1px 1px #333;
    
}

.Investments .card-step .fa-stack {
    vertical-align: top;
    color: #fff;
    font-size: 30px;
    text-shadow: 1px 1px 1px #333;
}

/* ---------------- 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 input:focus, .mid-gutter textarea:focus, .mid-gutter select:focus-visible, .mid-gutter select:focus {
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.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: 800;
    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: 800;
}

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

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

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

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

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

.mid-gutter .sg-button {
    color: #fff;
    margin:  10px 15px;
    background-color: #0068b3;
    border-color: #0068b3;
    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%);
}


/* ----------------Site Tooltips ----------------------*/

.tooltip-inner {
    background-color: rgba(0,0,0, 0.8);
    font-size: 12px;
}

.bs-tooltip-top .arrow::before {
    border-top-color: rgba(0,0,0, 0.8);
}

.bs-tooltip .arrow::before {
    border-left-color: rgba(0,0,0, 0.8);
}


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

.photo-cred {
    bottom: 10px;
    color: #fff;
    padding: 6px 10px;
    position: absolute;
    right: 0px;
    font-size: 12px;
    background-color: rgb(0 0 0 / 45%);
}

.photo-cred .fa-camera { padding-right: 5px;}


.tabs-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 !important;
    margin: 30px 0 0;
    list-style: none;

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

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

.ui-state-active .tab{
color: #006d66;
    border-bottom: 3px solid rgba(0, 109, 102, 0.9);
    font-weight: 800;
    font-size: 18px;
}

.ui-state-hover .tab { color:#3a3a3a; font-weight: 900;}
.ui-tab .tab:hover {
color: #006d66;
border-bottom: 3px solid rgba(0, 109, 102, 0.9);
}
.tab {
    display: block;
    padding: 20px 10px;
    text-decoration: none;
    color:#3a3a3a;   
    font-weight: 800;
    border-bottom: 3px solid transparent;
    margin: 0;
    line-height: 1.4em;
    vertical-align: middle;
    max-width: 300px;
    text-align: center;
    font-size: 18px;
}

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

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

.panels-container ul li {
    margin-bottom: 15px;
}

.ui-tabs-panel {
    /* padding: 45px 25px 15px; */
    /* line-height: 1em; */
    /* background-color: #fafafa; */
    /* border: 1px solid #ddd; */
}

.swiper-80yr .swiper-slide .slider-img-overlay{
    position: absolute;
    background-color: saddlebrown;
    height: 100%;
    width: 100%;
    opacity: .8;
    z-index: 2;
}


.swiper-80yr .alt-swiper-slide.swiper-slide .slider-img-overlay {
    opacity: .85;
    background-color: #006d66;
}


.swiper-80yr .alt-swiper-slide.swiper-slide:hover .slider-img-overlay {
    opacity: .65;
}


.swiper-80yr .swiper-slide .carousel-caption p {
    top: 60%;
    position: relative;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    text-align: center;
    line-height: 1.4em;
    font-weight: 600;
}


.swiper-80yr .swiper-slide:hover .slider-img-overlay{
    opacity: .5;
    transition: .5s;
}

.swiper-80yr .swiper-slide {
    color: #fff;
    text-align: center;
    overflow: hidden;
}


.swiper-80yr .carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    color: #343633;
    padding: 25px !important;
    top: 0;
    z-index: 10;
}

.swiper-80yr .carousel-caption h3 {
font-weight: 600;
    color: #fff;
    font-size: 35px;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-shadow: 1px 1px 1px #000;
    transform: translateY(-50%);

}

.swiper-80yr .alt-swiper-slide.swiper-slide {
        background-color: #006d66;
        background: url(/themes/custom/varetire/images/80yr/swiper-alt-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;

}

  .swiper-80yr .swiper-slide img {

}
      .swiper-80yr {
        margin: 15px 0 50px;
      }


@media screen and (min-width: 768px) {
    #chartjs-tooltip {
    background: rgb(255, 255, 255);
    border-radius: 3px;
    color: rgb(52, 54, 51);
    opacity: 1;
    position: absolute;
    transform: translate(0%, 0px);
    transition: all 0.1s ease 0s;
    max-width: 550px;
    min-width: 500px;
    border: 1px solid rgb(221, 221, 221);
    line-height: 1.6em !important;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);


}

#chartjs-tooltip table thead th {
    font-size: 20px;
    margin-bottom: 4px;
    display: block;
}


#chartjs-tooltip table tr {
    margin-bottom: 4px;
}

    #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 (min-width: 1200px) {
    .swiper-80yr {
    height: 320px;
}
   .left-content.col-xl-2, .right-content.col-xl-2 {
           padding: 0 !important;
}

.home-callout .order-md-2 .media, .home-callout .order-md-3 .media {
    border-left: 1px solid #e6e6e6;
}

       .bg {
    position: relative;
    z-index: 50;
    height: calc(100vh - 440px);
    max-height: 800px;
}
    .box3-home {
    background-color: #fff;
}

.menu-area {
 }

    .card .px-4 .btn:first-of-type {
    margin-right: 30px;
}


 }
@media (max-width: 1200px) {
   .navbar-light .navbar-nav .nav-item {
        margin: 0 20px 0 0;
    }

    .navbar-light .navbar-nav .nav-item:last-of-type {
    margin: 0 0 0 10px;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 15px;
}

.nav-secondary ul li a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 10px 10px;
    font-size: 14px;
}

.navbar-brand span {
    font-size: 12px;
    display: none;

}
.navbar-light .navbar-nav .nav-link .fas {
    margin-left: 3px;
}

    .swiper-80yr {
    height: 300px;
}

.nav-secondary ul li a {
    padding: 15px 10px;
}

body {
    font-size: 14px;
}
    .title-info h3 {font-size:18px !important;}
    .title-info div {padding: 0 15px 0 100px;}
     #featured-video .title-info div {padding: 0 15px;}
     .ui-tab .tab:hover {
    border-bottom: none;
}
.tabs-container {
}

 .tabs-list li {

      width: 100%;
    }


.swiper-80yr .carousel-caption h3 {
    font-size: 28px;
}

.swiper-80yr .swiper-slide .carousel-caption p {
    padding: 0;
    font-size: 12px;
}

ul.tabs-list {
flex-direction: column;
    height: 55px;
    overflow: hidden;
    padding: 0 0 25px 0;
    /* margin: 0; */
    border: 2px solid #ddd;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

.tabs-list li {
      height: 55px;
      flex: 0 0 auto;
      margin: 0 !important;
    }


 .tabs-list li.ui-state-active {
    -webkit-box-ordinal-group: -1;
    order: -1;
    border:none;
    height: auto !important;
}

 .tabs-list li.ui-state-active > a::before {
    content: "\f03a";
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    color: #343633;
    display: inline-block;
    float: left;
    margin-right: 8px;
}

 .tabs-list li.ui-state-active > a::after {
    content: "\f107";
    font-size: 20px;
    font-family: "Font Awesome 5 Free";
    color: rgba(0, 109, 102, 0.9);
    display: inline-block;
    float: right;
      }


 .tabs-list.-is-open {
      height: auto;
    }

 .tabs-list.-is-open li.ui-state-active > a::after {
      font-family: "Font Awesome 5 Free";
      content: "\f106";
    }


.tab{
    padding: 18px 5%;
    text-align: left;
    font-size: 15px;
    line-height: 1em;
    max-width: inherit;
  }

.ui-state-active a.tab {
    margin: 0;
    border-bottom: 2px solid #ddd !important;
    }


    .bg-hero .hero-cta-image {
        text-align: center;
}
    .card .px-4 .btn {
    margin-bottom: 15px;
    display: block;
}

    .int-hero {height: auto;
}

   .middle-callout {
    border: none;
}

   #employer-hub .card .btn {margin: 0 5px;}


     .int-page.container {
    background-color: #fff;
}
    .quicktopics p {
    }

    .quicktopics .btn-primary {
    }

    .panel-body p {
        line-height: 1.4em;
    }

    .panel-body h3.step-heading {
        font-size: 18px;
    }

    #news-insights {
        font-size: 24px;
    }

    .int-hero-callout {
        padding: 15px;
    }

    .right-callout {
    }

    .home-tile {
        min-height: unset;
        padding: 0;
    }

        .home-tile p {
            line-height: 1.4em;
        }

    .home-callout div.col-lg-3 {
        transform: scale(1);
    }

    .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: 50vh;

}
 #sb-site {
    background: #fff !important;
}

    footer .footer-secondary {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 20px 0;
        text-align: center;
    }
    
}

@media (max-width: 991.98px) {


.navbar-brand span {
    display: inline-block;
    font-size: 11px;
    border-left: 2px solid #fff;
    margin: 25px 5px;
    padding: 10px;
    color: #fff;
    font-weight: 500;
}

 .banner-cta-centered img {
    max-height: 140px;
}

.bg-hero .hero-cta-image img {
    height: 180px;
}

.int-page h2, .modal h2 {
    font-size: 20px;

}

.int-page h3 {
    font-size: 18px;

}


.int-page h4 {
    font-size: 14px;
}

.board-grid .feature-card {
    max-width: initial;
}

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

.banner-image .int-hero-callout {
    padding: 2em 15px;
}
.banner.banner-image #block-pageimage {
    height:240px;
}

    .mid-gutter {
    margin:  0;
}
    #color-overlay {
        box-shadow: none;
    }


    .navbar-brand img {
    display: inline-block;
    height: 50px;
    width: auto;
    margin: 10px 0 10px 15px
;
    }

    .menu-block .btn {
        clear: both;
        font-size: 14px;
    }

    .box3-home {
        background-color: #fff;
    }

    .home-tile .tile-header {
    font-size: 18px;
}
   .home-tile p {
    font-size: 14px;
}

    a.btn-block {
    }


    .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;
    }

    #bottom-content, .right-callout, .sidebar, #mid-content {
        /* box-shadow: none; */
    }

    #tabs .nav-item .nav-link {
        font-size: 15px !important;
    }

     #tabs .nav-item .nav-link span {display: none !important;}

    .nav-item.ui-tabs-tab { min-width: 80px;}

    .nav-item.dropdown.show .dropdown-menu {
     /*   box-shadow: none;  */
    }

    .dropdown-search {
        display: block !important;
        position: relative;
        transform: none !important;
        box-shadow: none;
    }

    .ui-tabs .tab-content {
        padding: 15px 0;
    }

    .contact-page #mid-content .nav-tabs .nav-link {
        padding: 10px 12px 10px;
    }

    .navbar-nav .dropdown-menu.menu-top-level {
        /*width: 100%;     */
        /*border: none !important; */
        /*box-shadow: none; */
    }
       
    .swiper-80yr {
    height: 320px;
}

.cta_banner .container h3 {
    font-size: 24px;
}

 li.download-file .download-text {
    padding: 0px; font-weight: 500;
}

    .sidebar[data-toggle="collapse"] .fast:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
}

 .sidebar [data-toggle="collapse"].collapsed .fast:before {
  content: "\f067";
}

    .nav-item.dropdown.active .menu-top-level {
        display: block;
        box-shadow: none;
    }

    .navbar {
        background-color: #006d66 !important;
    }

    .int-page h1 {
}

    .int-hero-home {
        padding: 0;
        position: relative;
        z-index: 10;
        min-height: 120px !important;
    }

    .Financial.Wellness .int-grid{
        min-height: 120px
    }

    .bg {
        background-position: 100% 0%;
    }

    .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;}



    #mid-content .btn-secondary, #mid-content .btn-default, .btn-primary {
    padding: 10px;
}
    .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;
    }

    .menu-block h2 {
        float: left;
        padding: 8px 0px;
        font-size: 26px;
    }


    .dropdown .menu-block {
        border-right: none !important;
        margin: 0;
        padding: 0 5px;
    }

    .dropdown-header a {
        padding: 15px 0px 10px;
        margin: 5px 0px;
        float: left;
        font-size: 18px;
        border-bottom: 2px solid #3B3B3B;
        width: 100%;
    }

    .dropdown .menu-block {
        margin-top: 0;
    }

    .dropdown .menu-desc {
        padding-bottom: 15px;
    }

    .menu-block .fa-2x {
        font-size: 1.6em;
    }

    .dropdown-item {
        padding: 10px;
        margin-bottom: 0px;
        font-weight: 500;
    }

    li:last-of-type .dropdown-item {
        border-bottom: none;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 18px;
        margin: 5px 0;
    }

    .navbar-light .navbar-nav .nav-item.dropdown:first-child a.nav-link {
        padding: 0px !important;
    }

    .navbar-light .navbar-nav .nav-item.dropdown:last-child {
        margin-left: 0px !important;
    }


    .nav-item.dropdown:last-child .dropdown-menu {
        position: relative !important;
        transform: translate3d(0px, 0px, 0px) !important;
        display: block !important;
        box-shadow: none;
        padding: 15px 0;
    }

        .nav-item.dropdown:last-child .dropdown-menu .container {
            padding: 0;
        }

    .menu-search .nav-link  {
        display: none;
    }


    #search .zoom_searchform input {
        overflow: visible;
        border-color: #CDCDCD;
        border: 1px solid #cdcdcd;
        padding: 5px 5px;
        font-size: 14px;
        border-radius: 3px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 20px !important;
        font-weight: 600;
        color: #343633;
    }

    .menu-block span, .menu-block h2 {
        display: none;
    }

    .dropdown-menu .container {
        padding: 0 !important;
    }

    .nav-link .fa-caret-down {
        font-size: .8em;
    }

    .dropdown.active.show .dropdown-menu {
        display: block;
        border: none;
    }

    .dropup, .dropdown {
        position: relative !important;
        padding: 0px 15px;
        margin: 0;
        background-color: #fff;
        border-bottom: 1px solid #e6e6e6;
    }

    .navbar-light .navbar-nav .nav-item.active a.nav-link {
        color: #006d66;
    }

    ul ul li.dropdown.active {
        padding: 0;
        border-left: 4px solid #006d66;
    }

        #navigation .collapse.show, #navbar {
        background-color: #006d66;
        position: absolute;
        top: 62px;
        float: right;
        padding: 4px;
        right: 0;
    }


    .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%;
    }

    .right-content {
        /* padding-left: 15px !important; */
    }

    .contact-name {
        font-size: 18px;
    }

    .int-page .sidebar {
        padding-top: 15px;
    }

    .quicktopics .btn-primary {
        width: 100%;
    }

    #dcphybrid a.btn {
        position: relative !important;
        bottom: 0 !important;
    }

    .contact-description {
        font-size: 12px;
    }


    .swiper-button-next, .swiper-button-prev {
    }

    #news-insights {

    }

    .table .btn {
        font-size: 14px;
    }

    .table .btn-primary .svg-inline--fa {
   /*     margin: 0 !important;*/
    }


    .table .link-btn-row {width: 75px;}
        .sidenav-list .list-group-item {
        position: relative;
        display: block;
        padding: 2px 20px;
        background-color: transparent;
        border: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5em;
    }



    .sidenav-list li li .list-group-item {
        padding: 5px 5px 5px 10px;
        font-size: 14px !important;
    }

    .resp-nav {
display:block !important;

}

.right-content.col-md-4, .right-content.col-md-3 {
        margin-top: 45px;
    }
    .subscribe-label {
    margin: 0 10px 10px 0;
    font-size: 14px;
}

.subscribe-text {font-size: 16px;}
.subscribe-text span {font-size: 12px;}


.right-callout .milestones-callout {
}

.right-callout .milestones-callout .btn {
    margin: 25px 0;
}

.right-callout .image-callout .btn {
    margin: 25px 0;
}

    }


@media (max-width: 768px) {

.mid-gutter .sg-type-group .sg-group-item {
    float: none; 
}

.bg-hero .hero-cta-image img {
    height: 160px;
}


.bg-hero .quicktopics {margin: 10px 0 50px;}


.bg-hero .hero-cta-image span {
    font-size: 14px;
}



.board-mtg-post h3 {
    font-size: 16px;
}

.int-page h4.board-mtg-date, .int-page .board-mtg-time, .board-mtg-body a.modal-link  {
    font-size: 14px;
}

#chartjs-tooltip {
    background: rgb(255, 255, 255);
    border-radius: 3px;
    color: rgb(52, 54, 51);
    opacity: 1;
    position: absolute;
    transform: translate( -20%, 0px);
    transition: all 0.1s ease 0s;
    font: 12px Roboto !important;
    max-width: 450px;
    min-width: 400px;
    padding: 15px;
    border: 1px solid rgb(221, 221, 221);
    line-height: 1.5em !important;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);

}


#chartjs-tooltip table thead th {
    font-size: 16px;
    margin-bottom: 4px;
    display: block;
}


#chartjs-tooltip table tr {
    margin-bottom: 4px;
}

.board-mtg-post .board-agenda a, .board-mtg-post .board-minutes a, .board-mtg-post .board-materials a, .board-mtg-post .board-video a{
    font-size: 14px;
    margin-right: 10px;
}



.board-mtg-post {
    margin: 10px 0 15px;
    padding: 10px 15px 30px;
    border: 1px solid #ddd;
    font-size: 15px;
    background-color: #fafafa;
}

.right-callout a[href$=".pdf"]:after, .right-callout a.pdf_icon:after {
    top: -4px;

}

.media {
    border: 1px solid #e6e6e6 !important;
    margin-left: -1px;
}


.right-callout a span {
    margin-left: 0px;
}


.int-hero-callout-alt, .int-hero-home.banner .int-hero-callout-alt {
    font-size: 20px;
}

.banner-standard .int-hero-callout {
    position: relative;
    max-height: 300px;
    padding: 2em 15px;
}


body, .table tr th, .table {
}
.right-callout, .right-callout li a, #mid-content .btn-secondary, #mid-content .btn-default, .btn-primary, footer ul a, footer ul svg, .navbar #resp-site-block  {
}


    .breadcrumb li a {
        line-height:1.2em;
        font-size: 14px;
    }

    .breadcrumb li {
    font-size: 14px
}

    #member-benefits hr {display:none;}
    .member-resources h2 {
}
    p {
        line-height: 1.8em;
    }
    
    ul, ol, li {
        line-height: 1.6em;
    }


    #block-primaryboilerplatea, #block-primaryboilerplateb, #block-boilerplatemissionvision-2, #block-boilerplatemissionvision-1 {
        padding: 0 15px;
        font-size: 12px;
    }
    .boilerplate .container h3 {
    font-size: 18px;
}

    .right-callout {
        margin: 0 0 50px;
    }

    .right-callout h4 {min-height: 50px; line-height: 50px; padding:0 15px;

    }

    #mid-content {
    margin: 0;
    border: none;
    padding-top: 0;
}

       #mid-content.col-md-8, #mid-content.col-md-9 {
        padding: 25px 15px 0;
}


    .bg {
        height: 35vh;
    }

    .carousel-caption h3 {
        font-size: 20px;
    }


    ul.valuation-reports li a {
    margin-right: 5px !important;
    }
    #translate-label {
        color: #fff;
        margin-left: 0;
        font-size: 12px;
        display: block;
        text-align: center;
    }

    .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 {
        font-size: 10px;
    }

    .panel-body {
        padding-left: 105px !important;
    }

    #mc_embed_signup .form-control {
        width: 180px;
        font-size:14px;
        }

    #mc_embed_signup .btn .fa-envelope {
        display: none;
    }

    #mc_embed_signup .btn {font-size:14px;}
    .plan-img {display:none !important;}
    .well .media-body {padding:0;}
    .well.media {padding:15px;}
    .well.media h2 {font-size: 20px;}

        #navbar, #navigation .collapse.show  {
    width: 100%;

    }
    .carousel-caption .btn {
/*    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 15px;  */  
}

        .rep-border {
        border-bottom: 1px solid #ddd;
        padding-bottom:60px;
    }

    .rep-block .fa-layers .fa-w-16 {visibility:hidden;}

    .contact-name {}
    .contact-name a {
    margin: 15px 0 5px !important;
}

    table td .btn-primary span{display:none;}
    table .btn-secondary, table .btn-default, table .btn-primary {min-width: unset;}
    .threecol-button {width: 50%;}
    .member-resources li a {
}

   .right-content.col-md-4 {
        margin-top: 0;
    }

    .media .fa-stack {}
    .media-body { text-align:left;}

    a.print-p=e {
    top: -25px;
    right: 0px;
}

a.print-page i{
    padding: 7px 10px;

}

.mid-gutter {
    padding: 0 0 25px;
}


}

@media (max-width: 576px) {
.swiper-80yr {
    margin: 15px 20px 50px;
}


.swiper-80yr .swiper-slide .carousel-caption p {
    font-size: 16px;
}

.swiper-80yr .carousel-caption h3 {
    font-size: 34px;
}


.tab {
    font-size: 14px;
}
.ui-state-active .tab {
    font-size: 16px;
}



#featured-video .card-meta-data {
    padding: 10px 15px 10px;
}

#featured-video.card .title-info p {
font-size: 12px;
}

#featured-video .card-body-text {
    padding-left: 10px;
}

.int-page .accordion-block a.menuitem {
    font-size: 14px;
    padding: 15px 15px 15px 50px;
}


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

   
.title-info h3 {
    font-size: 16px !important;
}

#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: 8px;
}

.board-mtg-canceled {
    display: table;
    margin: 5px 0 10px;
}

.board-mtg-post {
    margin: 15px 0 15px;
}

.latest-news-article h3 {
    font-size: 16px;
}
.latest-news p {
    font-size: 14px;
}

.vrsforms-view select, .vrspubs-view select, .form-select, .form-autocomplete {
    font-size: 14px;

}

.board-mtg-post .board-agenda a, .board-mtg-post .board-minutes a, .board-mtg-post .board-materials a, , .board-mtg-post .board-video a {
    font-size: 10px;
    margin-right: 5px;
}
   .navbar-toggler {
    /* float: right; */
    /* margin: 0px 0; */
    padding: 20px;
    /* background-color: transparent; */
    border: none;

}
.card-preview .caption {
    opacity: 1 !important;
}

.alert .col-lg-7 { margin: 0 !important}
.alert .col-12 img {
    max-height: 40px;
    margin: 5px 0;
}

.alert.global-alert p, .ie11-alert {
    font-size: 10px;
    margin: 0;

}

.alert.global-alert p i {
    margin-right: 5px;
}

#block-covidalert-2 {
    display: flex;
}
   .alert-danger p {
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.5em !important;
    text-indent: 15px;
}
    .sb-menu .sb-toggle-submenu {
    padding: 10px 20px 10px 15px !important;
}

    .sb-toggle-submenu span {
    display: none !important;
}

    .panel-body {
        padding-left: 100px !important;
    }

        .panel-body h3.step-heading {
            font-size: 14px;
        }

        .panel-body p {
            line-height: 1.4em !important;
        }

    .resp-topics .quicktopics .btn-primary {
        width: 100%;
    }

    .home-tile {
        min-height: 180px;
    }

        .home-tile .tile-header {
            font-size: 20px;
            font-weight:400;
        }

        .home-tile p {
            line-height: 1.5em !important;
            padding-bottom: 20px;
            font-size: 15px;
        }

    .footer-links li {
        display: block;
    }

        .menu-block .btn:first-of-type {
            margin-top: 0px;
            margin-bottom: 10px;
        }

    #ftype, #ptype {
        width: 100%;
    }

    .bg {
    height: 32vh;
    min-height: 350px;
    }

    .quicktopics section {
    padding: 20px;
}

.quicktopics span {
    font-size: 24px;
    margin-bottom: 0px;
    display: block;    
}
    .quicktopics p {
    font-size: 16px;
    line-height: 1.8em;
}

.quicktopics .dropdown-item {
    font-size: 12px;
    padding: 8px 10px;
}

.quicktopics .btn-primary{
    font-size: 14px;
}

.home-callout .media-body h5 {
    font-size: 16px;
    font-weight: 600;
}

.home-callout .media p {
    font-size: 14px;
}
    .int-page .sidebar h4 {
    font-size: 14px;
}


    .int-page .col-6 {
        padding: 0 5px !important;
    }

    .nav-secondary {
        height: 65px;
    }

    .right-callout ul {
        margin: 0;
        padding-left: 0;
    }

    .int-page h1 {
        font-size: 24px;
    }


    .int-page h3, .int-page .accordion-block a.menuitem  {

    }

.accordion-block .ui-icon {

    top: 15px;
}

.accordion-block .ui-accordion-content {
    padding: 25px 20px;

}

    #mid-content .member-resources ul {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    table caption {
        font-size: 14px;
    }

    .right-callout p { }
    .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;}


    .nav-item.ui-tabs-tab {
    max-width: unset;
}

.mainmenu #resp-site-block {
    padding: 10px 0px;
    font-weight: 400;
    margin: 14px 6px;
}

.navbar-brand img {
    display: inline-block;
    height: 40px;
    width: auto;
    margin: 15px 0 15px 15px;
}
    .mainmenu .navbar-brand {
    margin: 0;
}
    .resp-nav li a.ezlink {    background-color: #fff;
    padding: 5px !important;
}

    .nav-item.ui-tabs-tab {
    min-width: 60px;
}

.carousel-caption p {
    font-size: 13px;
}
 .carousel-caption h3 {
    font-size: 17px;
}

 #mid-content .nav-tabs .nav-item.ui-state-active .fa-caret-down {
}

 .featured-home .row {
     text-align:center;
 }
 .featured-home-text {
    text-align: center !important;
    border:none;

}

 .featured-home-right {
   text-align: center !important;
}


.card-preview .card-title {
    font-size: 16px;
    font-weight: 600;
}

.card-preview .card-text {
    font-size: 14px;
}

}

@media (max-width: 470px) {
.navbar-brand img, .slider-brand img, .slidebar figure img {
    border: none;
}


.navbar-brand span {
    font-size: 12px;
    display: none;
}

.banner-cta-centered img {
    max-height: 120px;
}
    .slidebar .resp-site-block {
        display: none;
    }
}

    .player .vp-player-layout {
    border: 1px solid #ddd;
    left: 0;
    top: 0;
}

@media (min-width: 768px) {
    .mainmenu .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

.mid-gutter {
    min-height: 250px;
    margin: 0 0 100px;
}

.home-callout .order-md-2 .media {
    border-left: 1px solid #e6e6e6;
}

.panels-container {
    padding: 50px;
    border-top: 1px solid #ddd;
    font-size: 15px;
}


.panels-container h2 {
font-size: 24px;
margin-top: 0;
}

.boilerplate .container {
    padding: 50px 100px;
}
.boilerplate .container h3 {
    font-weight: 800;
    font-size: 30px;
}

}

@media (min-width: 992px) {
    .navbar-brand span {
    display: none;
}

    body {position: relative !important; left: 0 !important;}
    .slidebar {display:none !important;}
    .mainmenu .navbar-brand {display:none;}
    .left-content, .right-content {
        padding: 0 40px 0 40px;
    }
        .sidebar h4 {
        display: none;
    }


    #side-menu-collapse {display:block !important;}
    .menu-block ul.currentli a .fa-caret-right {display:none;}
    .dropdown .row .menu-block{ margin-bottom: 25px;}
    .dropdown .row .menu-col1.menu-block { border-left: 1px solid #ddd;}
    .menu-block ul {padding: 15px;}
    .mid-gutter {
        background-color: #fff;
        min-height: 450px;
        margin: 0 0 80px;
        position: relative;
    }
}

 @media (max-width: 1200px) {
.navbar-brand span {
}


.Investments .card-group {
    display: block;
}

.enrich-card p {
    font-size: 15px;
}
.carousel-caption h3 {
    font-size: 20px;
}

.carousel-caption p {
    font-size: 16px;
}
}

 @media (min-width: 1200px) {
.navbar-brand span {
    display: inline-block;
    font-size: 14px;
    border-left: 2px solid #fff;
    margin: 25px 10px;
    padding: 20px 10px;
    color: #fff;
    font-weight: 500;
}

.Investments .card-group {
    display: flex;
}

.enrich-card div {
    font-size: 18px;
}

.enrich-card p {
    font-size: 17px;

}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie11-alert { 
        display: block !important;
     } 

}