/* HEADER */

header {
  display:block;
  position:relative;
  z-index:100;
  width:100%;
  background:#ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
 
}

.header--hello {
  display:none;
  background:#CA171D;
}
body.header--hello--visible .header--hello {
  /*display:block; */
}
.header--hello--content {
  display:inline-block;
  position:relative;
  padding:9px 40px;
}
.header--hello--content--body {
  display:inline-block;
  vertical-align:middle;
  padding:7px 10px;
}
.header--hello--content--body,
.header--hello--content--body p {
  font-size:18px;
  font-family:'Roboto',sans-serif;
  color: #fefefe;
}
.header--hello--content--cta {
  display:inline-block;
  vertical-align:middle;
  padding:0px 10px;
}
.header--hello--close {
  position:absolute;
  right:2.5vw;
  top:12px;
  font-size:19px;
  line-height:1em;
  color:#ffffff;
  z-index:10;
  -webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.header--hello--close:hover {
  cursor:pointer; 
  color:rgb(28, 70, 135);
}
@media   (max-width: 767px) {
.header--hello--content p {
  font-size:14px; 
}
.header--hello--close {
  font-size:18px;
  top:10px;
}
.header--hello--content--body {
  margin-top:-5px; 
}
}

.header--top {
  background:#8D99AE; 
  display: none !important; /**** Hiude search bar 4-9-2025 ***/
}
.header--top--nav .hs-menu-wrapper ul {
  list-style:none; 
}
.header--top--nav .hs-menu-wrapper a {
  text-decoration:none;
  font-weight:400;
  font-size:14px;
  line-height:1.35em;
}
.header--top--nav .hs-menu-wrapper > ul > li {
  display:inline-block;
  vertical-align:middle;
  margin-left:35px;
}
.header--top--nav .hs-menu-wrapper > ul > li:first-child {
  margin-left:0px!important;
}
.header--top--nav .hs-menu-wrapper > ul > li > a {
  display:block;
  color:#444444;
}
.header--top--nav .hs-menu-wrapper a:hover {
  text-decoration:underline; 
}
.header--main {

}
.header--main--logo {
  display:block;
  float:left;
  margin-right:15px!important;
  padding-top: 5px;
}
.header--main--nav {
  display:block;
  float:left;
  margin-left:0px;
}
.header--main--nav .hs-menu-wrapper li {
  position:relative;
  line-height:1.35em;
}
.header--main--nav .hs-menu-wrapper a {
  display:block;
  position:relative;
  text-decoration:none;
  font-size:16px;
  line-height:1.35em;
  color:#444444;
  -webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;;
}
 
.header--main--nav .hs-menu-wrapper ul li a
{
  padding-bottom: 10px !important;
}

 
.header--main--nav .hs-menu-wrapper .active-branch .hs-menu-depth-1:hover:before{
  content : ""; 
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 1px;
  width: 50%;
  border-bottom: 5px solid #21529F; 
  margin: 0 auto;
}
.header--main--nav .hs-menu-wrapper .active-branch .hs-menu-depth-1.active:before, .header--main--nav .hs-menu-wrapper ul .hs-menu-depth-1.active-branch:before {
  content : ""; 
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 1px;
  width: 50%;
  border-bottom: 5px solid #21529F;
  margin: 0 auto;
}
.header--main--nav .hs-menu-wrapper ul .hs-menu-depth-1.active-branch a {
  color: #21529F;
}
.header--main--nav .hs-menu-wrapper ul .hs-menu-depth-1.active a
{
  color: #21529F;
}
.header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2.active a {
  color: #444;
}
.header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2.active a:hover {
  color: #21529F;
}
.header--main--nav .hs-menu-wrapper .active-branch li.active .hs-menu-depth-2n a:before{
  display:none!important;
}

.header--main--nav .hs-menu-wrapper>ul>li ul li a:hover
color:#444444;
}
.header--main--nav .hs-menu-wrapper>ul>li ul li.active a
    color: #21529F;
    text-decoration: underline #21529F;
    text-decoration-color: #21529F;
    text-decoration-style: solid;
    text-decoration-thickness: 3px;
    text-decoration-skip-ink: none;        
    text-underline-offset: 15px;
}

.header--main--nav .hs-menu-wrapper li.hs-item-has-children > a {
  padding-right:23px; 
}
.header--main--nav .hs-menu-wrapper li.hs-item-has-children > a:after {
  content:"\f0da";
  font-family:'Font Awesome 5 Free';
  position:absolute;
  line-height:14px;
  top:70%;
  right:15px;
  margin-top:-5px;
  font-weight:600;
  font-size: 15px;
}
.header--main--nav .hs-menu-wrapper > ul > li.hs-item-has-children > a {
  padding-right:23px; 
}
.header--main--nav .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
  content: "\f078";
  right: 5px;
  color: #21529f;
}
.header--main--nav .hs-menu-wrapper > ul > li {
  display:inline-block;
  vertical-align:middle;
  margin-left:15px;
}
.header--main--nav .hs-menu-wrapper > ul > li:first-child {
  margin-left:0px;
}
.header--main--nav .hs-menu-wrapper > ul > li > a {
  display:block;
  font-weight:600;
  padding:35px 12px;
  line-height:21px;
}
.header--main--nav .hs-menu-wrapper > ul > li ul a:hover {
  color:#21529F; 
}
.header--main--nav .hs-menu-wrapper > ul ul {
  display:block;
  position:absolute;
  top:0%;
  left:100%;
  background:#ffffff;
  padding:0px 0px;
  width:0px;
  height:auto;
  opacity:0;
  filter:alpha(opacity=0);
  overflow:hidden;
  z-index:99;
  -webkit-transition: opacity .3s ease-in-out, box-shadow .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, box-shadow .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out, box-shadow .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, box-shadow .3s ease-in-out;
transition: opacity .3s ease-in-out, box-shadow .3s ease-in-out;;
  -webkit-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0);
  -moz-box-shadow: 0px 6px 8px -2px rgba(0,0,0,0);
  box-shadow: 0px 6px 8px -2px rgba(0,0,0,0);
}
.header--main--nav .hs-menu-wrapper > ul ul a {
  padding:12px 20px;
}
.header--main--nav .hs-menu-wrapper > ul ul li:hover > a {
  background:#eeeeee;
}
.header--main--nav .hs-menu-wrapper > ul > li > ul {
  top:100%;
  margin-top:0px;
  left:0;
} 
.header--main--nav .hs-menu-wrapper > ul > li ul li a {
  font-size:14px; 
  font-weight: 600;
}
.header--main--nav .hs-menu-wrapper > ul li:hover > ul {
  display:block;
  width:260px;
  height:auto;
  overflow:visible;
  opacity:1;
  filter:alpha(opacity=100);
  -webkit-box-shadow: 0px 6px 8px -2px rgba(0,0,0,.15);
  -moz-box-shadow: 0px 6px 8px -2px rgba(0,0,0,.15);
  box-shadow: 0px 6px 8px -2px rgba(0,0,0,.15);
  border-top: 5px solid #21529F;
}
.header--main--cta {
  display:block;
  float:right;
  margin-top:22px;
  margin-bottom:21px;
  margin-left:30px;
}
.header--main--search {
  display:block;
  position:relative;
  float:right;
}
.header--main--cta + .header--main--search {
  margin-right:-20px; 
}
.header--main--search--trigger {
  display:block; 
  background:transparent;
}
.header--main--search--trigger--icon {
  display:block!important;
  font-size:20px;
  line-height:50px!important;
  color:#ffffff;
  -webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;;
}
.header--main--search--trigger:hover {
  cursor:pointer;
}
.header--main--search--trigger:hover .header--main--search--trigger--icon {
  color:#444444;
}
.header--main--search--input {
  display:block;
  position:absolute;
  top:0;
  right:100%;
  width:0px;
  overflow:hidden;
  background:#ffffff;
  z-index:4;
}
.header--main--search--input--input {
  display:block;
  border:0px!important;
  line-height:91px;
  height:91px;
  outline:none!important;
  box-shadow:none!important;
  padding:0px;
  padding-left:51px;
  width:100%;
  font-size:16px;
  font-weight:600;
  color:#444444;
}
.header--main--search--input--input:placeholder {
  color:; 
}
.header--main--search--close {
  display:block;
  position:absolute;
  top:0;
  left:0;
  line-height:91px;
  background:#ffffff;
  text-align:center;
  z-index:2;
  padding-left:15px;
  padding-right:10px;
}
.header--main--search--close--icon {
  display:block!important;
  line-height:91px!important;
  font-size:24px;
  color:;
  -webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;;
}
.header--main--search--close:hover {
  cursor:pointer; 
}
.header--main--search--close:hover .header--main--search--close--icon {
  color:#444444;
}
.header--main--menutrigger {
  display:block;
  float:right;
  line-height:70px;
  background:transparent;
  text-decoration:none!important;
  padding-left:25px;
  padding-right:25px;
  -webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.header--main--menutrigger--icon {
  display:block!important;
  color:#21529F;
  font-size:26px;
  line-height:70px!important;
  text-align:center;
  min-width:28px;
  -webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.header--main--menutrigger--icon:before {
  content:"\f0c9";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
}
.header--main--menutrigger:hover {
  cursor:pointer;
  color:rgb(28, 70, 135);
}

@media   (max-width: 1023px) {
.header--main--logo {
  margin-top:15px!important;
  margin-bottom:15px!important;
}
.header--main--logo img {
  height:42px!important;
}
}

/* MOBILE NAV */

.mobilenav {
  display:block;
  position:fixed;
  top:0;
  right:-660px;
  width:600px;
  height:100%;
  overflow-y:scroll;
  max-width:80%;
  background:#e9f2f8;
  box-shadow:0px 2px 5px 0px rgba(0,0,0,.3);
  z-index:1001;
  -webkit-transition: right .3s ease-in-out;
-moz-transition: right .3s ease-in-out;
-ms-transition: right .3s ease-in-out;
-o-transition: right .3s ease-in-out;
transition: right .3s ease-in-out;
}
body.mobilenav--active {
  overflow:hidden; 
}
body.mobilenav--active .mobilenav {
  right:0px; 
}
@media (min-width: 1024px)   {
.mobilenav {
  display:none!important; 
}
}
.mobilenav--close {
  display:block;
  background:#ffffff;
  text-align:right;
  padding:11px 24px;
  border-bottom:1px solid #d3d3d3;
}
.mobilenav--close--icon {
  display:block!important;
  font-size:24px;
  line-height:50px!important;
  color:#444444;
  -webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;;
}
.mobilenav--close:hover {
  cursor:pointer;
}
.mobilenav--close--icon:hover .mobilenav--close--icon {
  color:#444444;
}

.mobilenav--upper {
  display:block;
  background:#ffffff;
}
.mobilenav--upper--inner,
.mobilenav--lower--inner {
  display:block;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.mobilenav--nav {
  display:block;
  padding:0px;
}
.mobilenav--nav .hs-menu-wrapper li {
  display:block;
  position:relative;
  width:100%;
}
.mobilenav--nav .hs-menu-wrapper a {
  display:block;
  width:100%;
  text-decoration:none;
  padding:20px 15px;
  color:#333333;
  font-size:19px;
  line-height:1.35em;
  -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition: background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;;
}
.mobilenav--nav .hs-menu-wrapper > ul > li {
  border-top:1px solid #D3D3D3;
  background:#ffffff;
}
.mobilenav--nav .hs-menu-wrapper > ul > li:first-child {
  border-top:0px;
}
.mobilenav--nav .hs-menu-wrapper > ul > li > a {
  background:transparent;
  font-weight:400;
  -webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
}
.mobilenav--nav .hs-menu-wrapper > ul ul {
  display:block;
  padding-bottom:0px;
  padding-left:15px;
}
.mobilenav--nav .hs-menu-wrapper > ul ul li {
  display:block;
  margin-top:8px;
}
.mobilenav--nav .hs-menu-wrapper > ul ul li:first-child {
  margin-top:0px;
}
.mobilenav--nav .hs-menu-wrapper > ul ul li a {
  padding-top:7px;
  padding-bottom:7px;
  font-size:14px;
}
.mobilenav--nav .hs-menu-wrapper .hs-item-has-children {
  position:relative;
  -webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
}
.mobilenav--nav .hs-menu-wrapper .hs-item-has-children > a {
  padding-right:66px;
}
.mobilenav--nav .hs-menu-wrapper .hs-item-has-children .mobilenav--item--toggle {
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:66px;
  height:66px;
  background: transparent;
  text-align:center;
}
.mobilenav--nav .hs-menu-wrapper .hs-item-has-children .mobilenav--item--toggle:before {
  content:"\f0d7";
  font-family:"Font Awesome 5 Free";
  font-size:22px;
  color:#444444;
  line-height:66px;
  font-weight:900;
}
.mobilenav--nav .hs-menu-wrapper .hs-item-has-children .mobilenav--item--toggle:hover {
  cursor:pointer; 
}
.mobilenav--nav .hs-menu-wrapper li.hs-item-has-children.mobilenav--item--active > .mobilenav--item--toggle:before {
  content:"\f0d8";
}
.mobilenav--nav .mobilenav--item--spacer {
  display:block;
  width:100%;
  margin-bottom:0px;
  height:15px;
}
.mobilenav--lower {
  display:block;
  background:#e9f2f8;
  padding:20px 15px;
}
.mobilenav--lower .hs-menu-wrapper {
  display:block;
  margin-bottom:20px;
}
.mobilenav--lower .hs-menu-wrapper > ul {
  display:block;
  padding:0px;
  list-style:none;
}
.mobilenav--lower .hs-menu-wrapper > ul > li {
  display:block;
  width:100%;
  margin-top:10px;
  margin-bottom:10px;
}
.mobilenav--lower .hs-menu-wrapper a {
  display:block;
  text-decoration:none;
  color:#444444;
  -webkit-transition: border .3s ease-in-out;
-moz-transition: border .3s ease-in-out;
-ms-transition: border .3s ease-in-out;
-o-transition: border .3s ease-in-out;
transition: border .3s ease-in-out;;
}
.mobilenav--search {
  display:block;
  position:relative;
  width:100%;
  margin-bottom:10px;
}
.mobilenav--search--input {
  padding:12px 39px 12px 15px!important; 
}
.mobilenav--search--submit {
  display:block;
  position:absolute;
  right:0;
  top:0;
  height:100%;
  text-decoration:none;
  width:35px;
  text-align:left;
}
.mobilenav--search--submit--icon {
  display:block!important;
  line-height:47px!important;
  font-size:22px;
  color:#444444;
  -webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;;
}
.mobilenav--search--submit:hover {
  cursor:pointer;
}
.mobilenav--cta {
  display:block;
  text-align:center;
  font-size:16px;
  font-family:'Roboto',sans-serif;
  font-weight:600;
  line-height:21px;
  text-decoration:none;
  background:#21529F;
  color:#ffffff;
  padding:30px 10px;
  -webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;;
}
.mobilenav--cta:hover {
  background:rgb(28, 70, 135); 
}

/* NO NAVIGATION */

body.no--navigation header .header--top,
body.no--navigation header .header--main--menutrigger,
body.no--navigation header .header--main--nav,
body.no--navigation header .header--main--cta,
body.no--navigation header .header--main--search,
body.no--navigation .mobilenav {
  /* display:none!important; */   /* Navigation added back by Nick 1-27-2024 */ 
}
.header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2.active a, .header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2.active a  {
  color: #444 !important;
}
.header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2 a, .header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2.active a  {
  color: #444 !important;
}
.header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2.active a:hover, .header--main--nav .hs-menu-wrapper ul .hs-menu-depth-2 a:hover {
  color: #21529F !important;
}
/* custom css 8/9/22 "compare DCS" footer jump link */
#compare:before { 
  display: block; 
  content: " "; 
  margin-top: -285px; 
  height: 285px; 
  visibility: hidden; 
  pointer-events: none;
}