@charset "UTF-8";
.vault-section, .vault-section:hover .vault-section-content {
  box-shadow: inset 0 0 0 1000px rgba(11, 46, 74, .85)
}
.vault-asset-content h3 a, .vault-level-bar a, .vault-section a, .vaultFilter a {
  text-decoration: none
}
.filterBox {
  font-weight: 400 !important
}
.vault-mainHeader {
  background: linear-gradient(270deg, rgba(11, 46, 74, .3)0, rgba(11, 46, 74, .5) 20%, rgba(11, 46, 74, .8) 30%, #0A2D49 50%, #0A2D49 100%) bottom/cover, url("/images/vault-header.jpg") bottom/cover;
  padding: 45px 0;
  color: #fff
}
.vault-mainHeader.alt-header {
  background: linear-gradient(270deg, rgba(11, 46, 74, .1)0, rgba(11, 46, 74, .3) 20%, rgba(11, 46, 74, .5) 30%, rgba(11, 46, 74, .7) 50%, rgba(11, 46, 74, .9) 100%) center, url("/images/vault-header2.jpg") center
}
.vault-mainHeader h1 {
  font-size: 60px;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 5px !important
}
.vault-mainHeader h2 {
  color: #c85252;
  font-weight: 500;
  font-size: 45px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 15px !important
}
.vault-mainHeader p {
  color: #fff;
  max-width: 800px;
  font-size: 24px;
  margin-bottom: 0
}
.asset-action:after, .vault-section-header:after, .vault-section-wrap:after {
  content: "";
  display: table;
  clear: both
}
.vault-section-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 30px -1%
}
.vault-section {
  width: 31%;
  background-image: url("../images/vault-placeholder.jpg");
  background-position: left;
  transition: box-shadow .5s, background-position .5s;
  position: relative;
  margin: 0 1% 20px
}
.vault-section-wrap.main .vault-section {
  width: 23%
}
@media (max-width:1080px) {
  .vault-section-wrap .vault-section, .vault-section-wrap.main .vault-section {
    width: 31%
  }
}
@media (max-width:860px) {
  .vault-section-wrap .vault-section, .vault-section-wrap.main .vault-section {
    width: 48%
  }
}
@media (max-width:640px) {
  .vault-section-wrap .vault-section, .vault-section-wrap.main, .vault-section-wrap.main .vault-section {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }
}
.vault-section.featured {
  box-shadow: inset 0 0 0 1000px rgba(45, 102, 169, .85)
}
.vault-section:hover {
  box-shadow: inset 0 0 0 1000px transparent;
  background-position: right
}
.vault-section-header {
  height: 88px
}
.featured-section {
  float: left;
  background-color: #192f47;
  padding: 10px 15px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff
}
.vault-view {
  padding: 10px 10px 0;
  float: right
}
.vault-view .fa-key {
  font-size: 18px;
  display: block;
  margin: 0;
  color: #a0a0a0
}
.fa-key.platinum, .vault-keysIntro .keysIntro-right ul li.platinum .fas, .vault-keysIntro .keysIntro-right ul li.platinum span.lvl {
  color: #acbec4
}
.fa-key.gold, .vault-keysIntro .keysIntro-right ul li.gold .fas, .vault-keysIntro .keysIntro-right ul li.gold span.lvl {
  color: #d4ae37
}
.fa-key.silver, .vault-keysIntro .keysIntro-right ul li.silver .fas, .vault-keysIntro .keysIntro-right ul li.silver span.lvl {
  color: #8b8b8b
}
.fa-key.bronze, .vault-keysIntro .keysIntro-right ul li.bronze .fas, .vault-keysIntro .keysIntro-right ul li.bronze span.lvl {
  color: #bd7c44
}
.vault-section-content {
  padding: 15px 20px 20px;
  color: #fff;
  line-height: 1.2
}
.vault-section-content h2, .vault-section-content h3, .vault-section-content p {
  color: #fff;
  margin-bottom: 10px !important;
  line-height: 1.2
}
.key-legend {
  margin: 40px auto 24px;
  font-size: 14px
}
.bkgd-color-lightblue .key-legend {
  margin: 0 auto
}
.key-legend p {
  margin-bottom: 5px !important
}
.bkgd-color-lightblue .key-legend p {
  margin-bottom: 20px !important
}
.asset-action ul, .key-legend ul {
  margin: 0;
  padding: 0
}
.key-legend ul li {
  display: inline-block;
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
  text-transform: uppercase
}
.key-legend ul li i {
  margin-right: 5px
}
.bagh-68 {
  margin: 30px auto
}
.vault-assets-wrap {
  margin: 30px auto;
  border: 10px solid #F4F7FB;
  padding: 0 20px
}
.vault-asset {
  display: flex;
  margin: 20px auto;
  padding-top: 20px;
  border-top: 1px solid #c6d3df
}
.vault-asset:first-child {
  border: none;
  margin-top: 0
}
.vault-asset-img {
  width: 150px;
  margin-right: 30px
}
.vault-asset-img img {
  display: block;
  margin: 0
}
.vault-asset-content {
  width: calc(100% - 180px)
}
@media (max-width:540px) {
  .vault-asset {
    display: block
  }
  .vault-asset-img {
    width: auto;
    margin: 0 0 15px
  }
  .vault-asset-content {
    width: auto;
    margin: 0 auto
  }
}
.vault-asset-content p {
  margin-bottom: 15px !important;
  line-height: 1.2
}
.vault-asset-content h3 {
  line-height: 1.2;
  color: #192f47;
  margin-bottom: 5px !important
}
.asset-type {
  margin: 10px 0
}
.asset-type span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  color: #0a67b1;
  background-color: #e4ecf4;
  padding: 5px 8px;
  font-weight: 600
}
.asset-type.asset-category span {
  background-color: #edc7c7;
  color: #c85252
}
.asset-action {
  margin-top: 15px
}
.asset-action ul li {
  margin: 5px 25px 5px 0;
  padding: 0;
  float: left;
  list-style: none;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: #192f47
}
.asset-action.asset-action-cta {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.asset-action.asset-action-cta ul li {
  float: none;
  display: inline-block;
  border: 1px solid #0a67b1;
  padding: 18px 25px 20px;
  font-size: 18px;
}
.vaultFilter, .vaultFilter ul li {
  padding-bottom: 5px
}
.asset-action ul li:before {
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  font-weight: 900;
  padding-right: 5px;
  color: #0a67b1;
  display: inline-block
}
.asset-action.asset-action-cta ul li:before {
  font-size: 20px;
  padding-right: 10px;
}
.asset-action ul li.action-details:before {
  content: "\f05a"
}
.asset-action ul li.action-download:before {
  content: "\f019"
}
.asset-action ul li.action-quick:before {
  content: "\f06e"
}
.asset-action ul li.action-login:before {
  content: "\f023"
}
.asset-action ul li.inactive, .asset-action ul li.inactive:before {
  color: #cad9e8
}
.asset-action ul li a {
  color: #192f47;
  text-decoration: none
}
.asset-action ul li a:hover {
  color: #0a67b1
}
.vaultFilter {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.1
}
.sectionHeadRow {
  padding: 5px 10px
}
.sectionHeadRow .fa-solid {
  padding-right: 2px;
  font-size: 16px
}
.sectionHeadRow.noSubcat .fa-solid {
  color: #c6d3df
}
.vaultFilter ul {
  margin: 5px 0 0 26px
}
.vaultFilter ul ul {
  margin: 0 0 0 14px;
  padding-top: 5px;
}
.vaultFilter li.nestedLI {
	list-style: none;
    margin-left: -14px;
}
.vaultFilter li.nestedLI span {
	margin-right: 3px;
}
.asset-container {
  padding: 20px;
  background-color: #e4ecf4;
  margin: 20px auto 30px;
  clear: both
}
.asset-container.noAccess {
  padding: 0;
  background-size: cover
}
.noAccess-inner {
  background-color: rgba(228, 236, 244, .7);
  padding: 80px 20px;
  text-align: center
}
.asset-container.noAccess .asset-action {
  margin: 0 auto;
  display: inline-block
}
.asset-container .asset-action {
  margin: 0 0 10px
}
.asset-group {
  display: flex;
  align-items: center;
  margin: 24px 0
}
.asset-group .asset-type {
  margin: 0 15px 0 0
}
.asset-group .vault-view {
  padding: 0;
  float: none
}
.asset-group .vault-view .fa-key {
  display: inline-block
}
.noAccess-CTA {
  background-color: #0b67b2;
  color: #fff;
  text-align: center;
  padding: 25px 20px;
  margin: -14px 0 24px
}
.noAccess-CTA h3, .noAccess-CTA p {
  margin-bottom: 0 !important
}
.memberLevel a, .noAccess-CTA a, .vault-level-bar .lvl .fa-solid {
  color: #fff
}
.noAccess-CTA a:hover {
  color: #F4F7FB
}
a.btn-lined.thin {
  border-width: 1px;
  padding: 10px 22px 10px 16px
}
@media (max-width:767px) {
  .gridrow.vault-row .gridcol.nine, .gridrow.vault-row .gridcol.three {
    float: none;
    width: auto
  }
}
.comparisonSection {
  margin-bottom: 40px
}
.comparisonSection table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px
}
.comparisonSection table th {
  border: 0 solid transparent;
  color: #fff;
  text-align: center;
  width: 14%;
  padding: 10px;
  font-size: 20px
}
.comparisonSection table th:first-of-type {
  width: 44%
}
.comparisonSection table th i {
  display: block;
  margin: 0 auto
}
.comparisonSection table th:nth-of-type(2), .memberLevel .level-bronze, .vault-level-bar.level-bronze {
  background-color: #bd7c44
}
.comparisonSection table th:nth-of-type(3), .memberLevel .level-silver, .vault-level-bar.level-silver {
  background-color: #8b8b8b
}
.comparisonSection table th:nth-of-type(4), .memberLevel .level-gold, .vault-level-bar.level-gold {
  background-color: #d4ae37
}
.comparisonSection table th:nth-of-type(5), .memberLevel .level-platinum, .vault-level-bar.level-platinum {
  background-color: #acbec4
}
.memberLevel .level-public, .vault-level-bar.level-public {
  background-color: #0a67b1
}
.comparisonSection table td {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #d5d5d5 !important
}
.comparisonSection table tr.your-current-level td {
  border: none !important;
  padding: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #0a67b1
}
.comparisonSection table tr.your-current-level td:last-of-type {
  background-color: transparent
}
.comparisonSection table td:last-of-type {
  background-color: #ecf6ff
}
.comparisonSection table td:first-of-type {
  text-align: left
}
.comparisonSection table td p {
  color: #122f49;
  font-weight: 500;
  margin-bottom: 0 !important
}
.comparisonSection table td i {
  color: #4cb74d;
  font-size: 30px;
  text-align: center;
  width: 30px;
  height: 30px
}
.comparisonSection table tr:nth-of-type(3) td:nth-of-type(2), .comparisonSection table tr:nth-of-type(3) td:nth-of-type(3), .comparisonSection table tr:nth-of-type(3) td:nth-of-type(4), .comparisonSection table tr:nth-of-type(3) td:nth-of-type(5) {
  color: #919191;
  font-size: 20px;
  font-weight: 500
}
.comparisonSection table tr:last-of-type td {
  border: 0 solid transparent
}
.comparisonSection table tr:last-of-type h3 {
  color: #1166ae;
  font-size: 32px;
  margin-bottom: 0 !important
}
.comparisonSection table tr:last-of-type h4 {
  color: #a0a0a0;
  font-size: 18px;
  margin-bottom: 15px !important
}
@media (max-width:1000px) {
  .asset-action ul li {
    float: none;
    margin-bottom: 10px
  }
  .comparisonSection table tr {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    border: 0 solid transparent;
    text-align: center
  }
  .comparisonSection table tr th:first-of-type {
    display: none
  }
  .comparisonSection table tr th {
    display: block;
    width: 25%
  }
  .comparisonSection table tr td:first-of-type {
    display: block;
    width: 100%;
    text-align: center
  }
  .comparisonSection table tr td {
    width: 25%;
    border: 0 solid transparent;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .comparisonSection table tr td i {
    color: #fff
  }
  .comparisonSection table tr td:nth-of-type(2) {
    background-color: #bd7c44;
    color: #fff
  }
  .comparisonSection table tr td:nth-of-type(3) {
    background-color: #8b8b8b;
    color: #fff
  }
  .comparisonSection table tr td:nth-of-type(4) {
    background-color: #d4ae37;
    color: #fff
  }
  .comparisonSection table tr td:nth-of-type(5) {
    background-color: #acbec4;
    color: #fff
  }
  .comparisonSection table tr:last-of-type h4 {
    font-size: 18px !important;
    margin: 0 !important
  }
  .comparisonSection table tr:last-of-type td:last-of-type {
    background-color: #acbec4
  }
}
@media (max-width:750px) {
  .comparisonSection table th {
    font-size: 16px
  }
  .comparisonSection table td {
    font-size: 14px;
    padding: 10px
  }
  .comparisonSection table td i {
    font-size: 25px;
    height: 25px;
    width: 25px
  }
  .comparisonSection .inner {
    padding: 0 10px
  }
  .comparisonSection table tr:last-of-type h4 {
    font-size: 14px !important;
    margin: 0 !important
  }
}
.vault-keysIntro {
  background-color: #000;
  background-image: url("../images/keys-to-the-keys-bkgd.jpg");
  background-size: cover;
  color: #fff;
  margin-bottom: 30px;
  padding: 35px 0
}
.vault-keysIntro .inner {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.vault-keysIntro .keysIntro-left {
  width: 58%
}
.vault-keysIntro .keysIntro-left .title {
  text-transform: uppercase;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  font-weight: 500
}
.vault-keysIntro .keysIntro-left .title span {
  display: block;
  font-weight: 900;
  font-size: 35px;
  color: #218dda
}
.vault-keysIntro .keysIntro-right {
  width: 35%
}
.vault-keysIntro .keysIntro-right ul {
  margin: 0 0 0 48px;
  padding: 0
}
.vault-keysIntro .keysIntro-right ul li {
  margin: 0 0 15px;
  padding: 0 0 0 15px;
  list-style: none;
  line-height: 1.1;
  font-size: 14px
}
.vault-keysIntro .keysIntro-right ul li:nth-last-child() {
  margin-bottom: 0
}
.vault-keysIntro .keysIntro-right ul li span.lvl {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600
}
.vault-keysIntro .keysIntro-right ul li span.curLvl {
  display: inline-block;
  padding-left: 10px;
  font-weight: 700;
  color: #218dda;
  margin-top: -5px
}
.vault-keysIntro .keysIntro-right ul li span.curLvl:before {
  content: '\2190';
  padding-right: 5px;
  color: #218dda;
  font-weight: 700
}
.vault-keysIntro .keysIntro-right ul li .fal, .vault-keysIntro .keysIntro-right ul li .fas {
  font-size: 30px;
  display: block
}
.vault-keysIntro .keysIntro-right ul li.public .fal {
  color: #5a5a5a
}
@media (max-width:900px) {
  .vault-keysIntro .keysIntro-left, .vault-keysIntro .keysIntro-right {
    width: 100%
  }
  .vault-keysIntro .keysIntro-right {
    margin-top: 24px
  }
  .vault-keysIntro .inner {
    display: block
  }
}
.memberLevel {
  margin-bottom: 20px;
  text-align: center;
  background-color: #0a67b1;
  padding: 15px 10px;
  color: #fff
}
#content .memberLevel p {
  margin-bottom: 10px
}
.memberLevel .level {
  text-transform: uppercase;
  color: #92a4b6;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 5px
}
.memberLevel .level-bronze, .memberLevel .level-gold, .memberLevel .level-platinum, .memberLevel .level-silver {
  font-size: 18px;
  font-weight: 600;
  padding: 4px 10px 5px;
  border-radius: 5px;
  color: #fff
}
.level-login, .vault-level-bar .lvl .expiry {
  font-size: 14px
}
.vault-level-bar {
  padding: 10px 15px;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 24px
}
.vault-level-bar a {
  color: #fff
}
.vault-level-bar .upgd a:hover, .vault-level-bar .upgd a:hover i, .vault-level-bar a:hover {
  color: #000
}
.vault-level-bar .lvl {
  width: 60%;
  text-align: left;
  display: flex;
  font-size: 18px;
  line-height: 1.1
}
.vault-level-bar .lvl .lvl-color {
  font-weight: 700;
  text-transform: uppercase
}
.vault-level-bar .lvl .lvl-icon {
  width: 30px
}
.vault-level-bar .lvl .lvl-txt {
  width: calc(100% - 30px)
}
.vault-level-bar .upgd {
  width: 40%;
  text-align: right;
  font-size: 14px
}
.vault-level-bar .upgd a i {
  color: #fff;
  margin-left: 5px
}
@media (max-width:960px) {
  .vault-level-bar {
    display: block
  }
  .vault-level-bar .lvl, .vault-level-bar .upgd {
    width: 100%
  }
  .vault-level-bar .upgd {
    text-align: left;
    margin-left: 30px;
    margin-top: 4px
  }
}
@media (max-width:360px) {
  .vault-level-bar .lvl {
    display: block
  }
  .vault-level-bar .lvl .lvl-icon, .vault-level-bar .lvl .lvl-txt {
    width: 100%
  }
  .vault-level-bar .upgd {
    margin-left: 0
  }
}
.upgrade-cal-wrap {
  padding: 20px 0;
  background-color: #fff;
  margin-top: -130px;
  border-top: 10px solid #c85252;
  overflow: visible
}
.upgrade-cal-wrap p {
  margin-left: 30px !important;
  margin-right: 30px !important
}